Forums > div borders not working...

Full Version: div borders not working...

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

crazy_goat_blackie

Nov 16 2005, 01:04 PM

it's really weird...my divs aren't working right. the borders aren't showing up, the width/height things aren't working...i dunno what's wrong. i went back and checked everything about ten times. maybe someone else can figure it out...

<!-- begin code provided by createblog.com --><br /><br /><!-- Just follow the information held inbetween these arrows, and in a few minutes you'll have your template!! --><br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"><br />	<html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><title> .( Love ). </title><br /><br /><!--Everything held between the <style></style> tags can be left alone. Simply scroll on down... --><br /><br /><style type="text/css"><br /><br />body<br />{background-color:#ffffff;}<br /><br />a:link<br />{font-family:trebuchet ms; font-size:10pt; color: #A71600;}<br /><br />a:visited<br />{font-family:trebuchet ms; font-size:10pt; color: #A71600;}<br /><br />a:hover<br />{font-family:trebuchet ms' font-size:10pt; color:#A71600; text-style:italic;}<br /><br />#pic<br />{width:568px; padding:2px; border:3px solid black;}<br /><br />#nav<br />{<br /> background-color:#FFF6D8; <br />width:566px;<br />padding:2px;<br />border:3px solid #000000;}<br /><br />#entry<br />{<br />background-color:#FFF6D8;<br />width:566px;<br />height:380px; <br />overflow:auto; <br />padding:2px;<br />border:3px solid #000000; <br />}<br /><br /></style><br /><br /><center><br /><div id="pic" align="center"><br /><img src="pic1.png" border="3px" bordercolor="black"  /><br /></div><br /><br /><div id="nav" align="center"  ><br /><font face="trebuchet ms" color="#000000" size="-1"><br />(<a href="http://diary-x.com" title="D-X">Host</a>) (<a href="mailto:YOUREMAILHERE" title="email">Email</a>)<br />(<a href="http://USERNAME.diary-x.com">Home</a>) (<a href="http://crazygoat.diary-x.com" title="design">Design</a>)<br />(<a href="http://www.explodingdog.com" title="image">Image</a>)<br /></font><br /></div><br /><br /><div id="entry"><br /><br><br /><font face="trebuchet ms" color="#000000" size="-1"><br /><b>([date]) ([title]) </b></br><br />[body]<br /><br><br /></div><br /><br /><div id="nav" align="center"  ><br /><font face="trebuchet ms" color="#000000" size="-1"><br />(<a href="[prev url]" title="Prev">Backwards</a>) [username] typed at [time] (<a href="[next url]" title="Next">Forwards</a>)<br /></font><br /></div><br /><br /></style><br /></head><br /></html><br /><br /><!-- end code provided by createblog.com -->

thanks...

hi-C

Nov 16 2005, 01:21 PM

If the class "#pic" is only for your div, try defining the class as "div.pic."

talcumpowder

Nov 16 2005, 06:31 PM

Well, you've got a stray </style> tag floating at the end. -shrug- Mayne that doesn't have anything to do with it.
And you can also define it in the actual div tag, if you wished to.

crazy_goat_blackie

Nov 17 2005, 01:16 PM

ah. -_-

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.