February 10th, 2013, 04:33 PM
Newby - 2 Qs - tag & box
The header has two images (left & right) and two lines of text (h1 & h3). The left image tag says
<body.twoColFixLtHdr><div#container><div#header><p><img.fltlft> and the right is similar.
What is that <p> doing in there? I know <p> means paragraph text but the image ought to be in <div#header> not under <p>.
Q2 I had a tough time positioning the images vertically. They showed up above or half out below. Is the box model looking to position the images? How do I set border and padding to zero?
Thanks for your help
February 10th, 2013, 05:06 PM
This must be some sort of abbreviated code, probably interpreted by some script.
What the <p> is doing there, I have no idea. except that it's missing an endtag. Maybe its (mis)used for layout purposes
Where did you get this code from?
Second the boxmodel doesn't do anything with positioning. Its pretty much deals with the dimensional layers of 1 object.
object+padding+border+margin (google images of the boxmodel)
To position images vertically without seeying the case I would say have a look in the properties Float and Clear (or use an unordered list (<ul>).
#3 (answer to third question)
February 12th, 2013, 02:20 PM
Thank you for your help.
I will try to do that using Dreamweaver.
Originally Posted by aeternus
February 12th, 2013, 02:43 PM
If dreamweaver produces this:
and that is also outputed to the browser than that is wrong. It's invalid code , which as far as I see is used by a different program to interpret it and make it valid html.
As far as the property Clear. Did you try to google it?
I can tell that float and clear are like brother and sister, but it would be wise to google it and read about it, unless you like me to paste the w3c manual here.
I would suggest you show us some valid html and css.
The basics look like this
They all have a begin and endtag (unlike your code).