Divs to go to the end of the container

hello!
i meant in dreamweaver in the design menu do i have to first draw the div or just on the code menu to write the code ?

galia

  1. I don’t use Dreamweaver, and we all keep telling you to ignore Dreamweaver’s “design” view. Just go to the code and add the div tags and content. Then you can style it in the CSS.
  2. As I keep saying, if you’re not sure about something, make a back-up copy of your file, and then try it for yourself. It’s quicker than waiting 11 hours for me to confirm what I meant, and you’ll learn a lot more, and remember it better, by doing it yourself.

hello!
first of all i do not meant how the design view look when i put the div i meant when you put div on dreamwver you first draw the div in the design view and i was ask if i have to just write on the code view
but i try what you tell me to do i think it is good but i am not sure i am sending the code

http://jsfiddle.net/rt0hpx1q/

and by the way what softwere do you use?

thanks galia

Yes, that’s what I’m trying to tell you. Forget about doing anything in design view and just add the code in code view.

[quote=“nono29, post:14, topic:99957”]
but i try what you tell me to do i think it is good but i am not sure i am sending the code
[/quote]You’ve added the <div> tags in the correct place. I can’t say more than that, as you have not yet added any content or styling.

(There is really no need to send an entire JSFiddle when you just want to check a couple of lines of code, as in this case. In any case, I would find it easier if you would just post your code here. Your JSFiddles do not display the results well, and I have to copy and paste the code into a file to view it.)

[quote=“nono29, post:14, topic:99957”]
what softwere do you use?
[/quote]I use Bluefish on Linux. (It’s also available for Windows and Mac.)

hello!
is this the content/styling that you meant ?
and there’s something more that i have to do??

    #upper{
	width: 960px;
	height: 106px;
	position: relative;
	background-image: url(images/html-images/canstockphoto1781675600_comp.jpg);
	background-repeat: repeat;
	border-bottom-width: medium;
	border-bottom-style: outset;
	border-bottom-color: #000;
}

thanks galia

[quote=“nono29, post:16, topic:99957”]
is this the content/styling that you meant ?
[/quote]Content is what goes into the div - the text, images or whatever the div is designed to hold. At the moment, your div is empty.
<div id="CHANGEME"></div>

As I said in your previous topic:

[quote=“nono29, post:16, topic:99957”]
and there’s something more that i have to do??
[/quote]If you want the styles you’ quoted in your post above to apply to the new div you inserted, then yes - there’s something else you need to do. You need to correct a mistake in your coding. Look at the code for the div, and the code for your styles and work it out - it isn’t difficult.

hello!

that what i did is it good?
and did i have to do something with the container?

 <div id="upper"></div>
#upper{
width: 960px;
height: 103px;
position: relative;
background-image: url(images/html-images/canstockphoto1781675600_comp.jpg);
background-repeat: repeat;
border-bottom-width: medium;
border-bottom-style: double;
border-bottom-color: #000;

}
the image

and i have a questionHow can I add heigh to the three(appdev1 /, apdiv6, div7) but from above if possible?

thanks galia

Do you still have #container set to a height of 1200px?

If so, delete that height property because no height is required. You will then be able to add as much height above it as you wish.

hello!
i did what you say to try but look how it look now not good and if i add more hight it is still from down the div

galia

Yes, I see that it does not look good. OK, please put the height:1200px back.

When you say that you want to add height to appdiv1, appdiv6, appdiv7 from above, are you saying that you want to push the text in those divs down also? If yes, how much height do you wish to add to the top?

hello!

something like 5px or so

thanks galia

I do not have a copy of your code, so you will have to find these selectors in CSS.

I believe you should be able to add 5px (or so) of padding-top to appdiv1, appdiv6, appdiv7, and thereby push the text down 5px and increase the height 5px.

#appdiv1, #appdiv6, #appdiv7 { padding-top:5px; }
If the appdivs already have padding-top applied, then add 5px to the value assigned to the top.

`
I believe you will also need to extend the height of #container 5px.

#container {height:1205px;}

Change the appdivs first and see if you need to change the height of #container.

hello!

sorry but it is look like a mess
look with just padding on the divs


look with padding on the divs and container

galia

Did you add padding-top or did you add padding ?
You were supposed to add padding-top:5px;

hello!
you right in ap div 1 i just did 5 padding for all sides i fix it and it Returned to normal, but not exactly now apdiv6 at the bottom not fit and it look the same on the hight on the top
the code

    #apDiv1 {
	position: relative;
	width: 480px;
	height: 721px;
	background-image: url(images/html-images/1646779_stock-photo-old-grunge-paper-background-with-vintage-victorian-style1.jpg);
	float: left;
	padding-top: 5px;
}
#apDiv6 {
	position: relative;
	height: 712px;
	border: 5px double #640c1a;
	background-image: url(images/html-images/1646779_stock-photo-old-grunge-paper-background-with-vintage-victorian-style3.jpg);
	width: 73px;
	float: left;
	z-index: 9;
	background-repeat: no-repeat;
	padding-top: 5px;
}
#apDiv7 {
	position: relative;
	width: 397px;
	height: 721px;
	background-image: url(images/html-images/1646779_stock-photo-old-grunge-paper-background-with-vintage-victorian-21style.jpg);
	z-index: 10;
	float: right;
	padding-top: 5px;
}

the image

galia

Please post a full resolution screen shot that includes the bottom of appDiv6 so I can see what they look like together. Remember, do not reduce the resolution in DW.

hello!
there it is and aslo i can see now that it is push down the divs at the bottom and like i said it is look the same up

thanks galia

OK, Please speak clearly.

This is what you requested, “add height above”. “add height” means a taller apDiv. Those divs are now 5px taller than they were, so they DO indeed push down 5px at the bottom. Is that what you expected or is it not?

I believe that apDiv6 (the middle apDiv) is the same height as apDiv1 and apDiv7. The background image has a white space beneath it because it is coded “no-repeat”. It should say “repeat” or it can say nothing at all because repeat is the default behavior.

If the apDivs are correct, then you need to add 5px to the height of #container as I mentioned earlier.

I have discovered that there is a 1px error between apDiv6 and apDiv1 and apDiv7.

The heights of apDiv1 and apDiv7 are 721px.
The height of apDiv6 is 712px.

This accounts for the 1px of white space below apDiv1 and apDiv7.

At this time, I suggest that you add 1px of height to apDiv1 and apDiv7

apDiv1, apDiv7 {height:722px;}

Well spotted , @ronpat - but I think you must have been up too late, because the difference there is 9px, not 1px.

@nono29 - if you want all three divs to be the same height, then change them all to either 721px or 712px.