Forum Moderators: not2easy

Message Too Old, No Replies

Font not showing up in CSS

The Font is not showing up in front of my background

         

Tobin83

12:44 am on Jan 13, 2006 (gmt 0)

10+ Year Member



I have put a z-index on one of the divs that has text in it to try and test it, nothing will show up.

[===HTML===]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="keyword list here"/>
<meta name="description" content="description here"/>
<title>example.com :: A Guide On-Line </title>
<link href="relative.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="bottomleft">Bottom left informative test text goes here.</div>
<div id="navbar"></div>
<div id="sitesearch"></div>
<div id="searchbar"></div>
<div id="nextweek">This is where the next week tab will be.</div>
<div id="welcome">The area has seen many changes throughout the year. Some making things better, some making things easier, and some making things faster.
Technology has made life easier. Our region has reached the next level of information intake. <p></p> inBinghamton.com is a free website that allows
residents of the area to gather information in an instant on any company of their choice. Whether you are looking to try a new night spot, or
just simply trying to remember the number to your favorite restaurant, example.com can help.</div>

<!-- Search Google -->
<div id="google">
<center>
<form method="get" action="http://www.google.com/custom" target="google_window">
<table bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/"></a>
<input type="text" name="q" size="31" maxlength="255" value=""></input>
<input type="submit" name="sa" value="Search"></input>
<input type="hidden" name="client" value="pub-9217593757264648"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input>
<input type="hidden" name="hl" value="en"></input>
</td></tr></table>
</form>
</center>

<!-- Search Google -->
</div>
</body>
</html>

[===CSS===]

#container{
margin:0 auto;
text-align:center;
width:736px;
height:720px;
background-image: url(images/sitecssbg.jpg);
}

body{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color:#477BA3;
}

#navbar {
position:relative;
width: 260px;
height: 17px;
left: 289px;
top:184px;
}

#google{
position:relative;
right: -170px;
bottom: 695px;
}

#bottomleft{
position: relative;
width: 130px;
left: 70px;
bottom: 190px;
font-size:10px;
z-index:7;
}

#nextweek{
position:relative;
width:170px;
left: 310px;
bottom:380px;
font-size:10px;
}

#welcome{
position:relative;
width:400px;
height: 90px;
left: 360px;
bottom: 250px;
font-size:10px;
}

[edited by: tedster at 4:16 am (utc) on Jan. 13, 2006]
[edit reason] fix formatting [/edit]

Span

12:26 pm on Jan 13, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Your text is there... it's just that it's positioned somewhere above your monitor... that is where z-index won't help.
Try commenting out all the "bottom" positions or try replacing the relative with absolute positions. Hard to explain..

Tobin83

3:26 pm on Jan 13, 2006 (gmt 0)

10+ Year Member


thank you for your help..

- scott