Welcome to WebmasterWorld Guest from 23.22.46.195

Forum Moderators: not2easy

Thumbnail images problem with header that follows

Header below images on same line as images?

   
8:47 pm on Aug 19, 2009 (gmt 0)

5+ Year Member



The header at the bottom seems to be on the same line as my images. Tried adding a </br> but the header moved slighty down, not below the thumbnail images though. any suggestions..

To get my thumbnail images I used this in the html

<div>
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
</div>
<h3>Header</h3>

and my css is

DL
{
text-align: center;
font-size: 0.95em;
margin: 25px 0 0px;
}
DT, DD
{
width: 10.5em;
float: left;
}
DT
{
margin-bottom: 5.5em;
}
DD
{
margin: 112px 0 0 -9.7em;
}
.fiftyfive IMG
{
vertical-align: bottom;
border: 1px solid #999;
padding: 2px;
background: #FFF;
}
.fiftyfive EM
{
text-align: center;
}
*
{
margin: 0;
padding: 0;
}

thanks in advance, James

Note: my doc type is <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

2:18 pm on Aug 20, 2009 (gmt 0)

10+ Year Member



Try adding some css to your header to see if you can position it as required:

h3 {
display: block;
clear: both;
}

4:57 pm on Aug 20, 2009 (gmt 0)

5+ Year Member



A hat tip to PSWorx - yes that worked. Not sure why, though?

Thank, james

5:26 pm on Aug 20, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Just a note.
Tried adding a </br> but
. </br> is not legitimate markup. <br> is a self closing tag. If you are using doctype XHTML, it should be <br />, otherwise it is simply <br>. Also, you should keep the tags in your CSS: dd, dt, img, etc., in lower case as they appear in the HTML.

Marshall

 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month