homepage Welcome to WebmasterWorld Guest from 54.211.95.201
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Thumbnail images problem with header that follows
Header below images on same line as images?
sunhome




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

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">

 

PSWorx




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

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

h3 {
display: block;
clear: both;
}

sunhome




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

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

Thank, james

Marshall




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved