How di I make Yahoo.com my home page?

Text Lowers as it gets bigger. (HTML & CSS Help)?

Hello, I am learning HTML and CSS, but I have run into a problem. I want to make the font-size of some text in a div(in this case the Divs are "subbody" "subwhatis", "subwhois", "subwhereis") Bigger. But When i do make it bigger the text lowers in the div. Here is the HTML: <!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="ham.css"> <title>I'm Stumped... :/</title> <style type="text/css"> #body img{ position:; float:right; margin-right: 2px; } #whereis img{ float:left; margin-left: 10px; } </style> <link rel="shortcut icon" href="images/ham.ico" type="ico" /> </head> <body> <div id="top"> <a name="top"></a> </div> <div id="container"> <div id="header"> <div id="hamlogo"> </div> </div> <div id="subbody"> <div id="subwhatis"><br><br>Font-size:15px</d... <div id="subwhois"><br><br>font-size:25px</di... <div id="subwhereis"><br><br>font-size:28px</... </div> <div id="body"> <div id="whatis"><br>Words.............<br></... <div id="whois"><br>More Words.....<br></div> <div id="whereis"><br>Moar more Words..<br></div> </div> <div id="topnav"> <div id="bucket"> <a href="#top" title="Top of the page" id="bucketlink"></a> </div> <div id="navleft"> <ul> <li><a href="index.html">HOME</a></li> <li><a href="about.html">ABOUT</a></li> <li><a href="#">CONTACT US</a></li> </ul> </div> <div id="navright"> <ul> <li><a href="#">EVENTS<a/></li> <li><a href="#">SUPPORT US</a></li> <li><a href="#">FORUM</a></li> </ul> </div> </div> </div> </body> </html> And Here is the CSS: #container { background-color: #222520; height: 1000px; width: 960px; top: 0px; margin: 0 auto; } #top{ position: absolute; height: 100px; width: 100px; top: -10px; } #fixed { position: fixed; top: 90%; left: 90%; } #topnav { position: fixed; border: 2 solid red; height: 63px; width: 100%; top: 0px; left: 0px; background-image: url(images/fixed1.png); margin-right: auto; margin-left: auto; list-style: none; font-family: 'CaviarDreamsBold', arial; } #topnav li{ list-style: none; padding: 2px 7% 2px 7%; margin: 0; font-family: 'CaviarDreamsBold', arial; } #navleft li{ float: left; } #navright li{ float: right; } #topnav a:link { color:#d0e4f2; text-decoration: none; text-shadow: #242522 -1px -1px 0px; } #topnav a:visited { color:#d0e4f2; text-decoration: none; text-shadow: #242522 -1px -1px 0px; } #topnav a:hover { color:#d0e4f2; text-decoration: none; text-shadow: #d0e4f2 0px 0px 6px; } #topnav a:active { Thank you much for your help. Sorry about that, my selection cut off halfway through on the css code, here is the rest: #topnav a { font-weight: bold; } #nav { position: fixed; border: 2 solid red; height: 63px; width: 100%; top: 0px; left: 0px; } #navleft { border: 2 solid red; position: relative; width: 50%; height: 53px; margin-left: -3%; } #navright{ border: 2 solid blue; position: relative; width: 50%; height: 53px; top: -68px; margin-left: 50%; } #header { background-color: #660000; background-image: url(images/header1.png); position: relative; border: 2 solid red; height: 155px; width: 960px; top: 55px; left: 50%; margin-left: -480px; } #hamlogo{ background-image: url(images/hamlogo2.png); background-repeat: no-repeat; position: absolute;
Answer:

there's no #subwhois etc in your css.. Try to remove all css and then do it inline, like style="". And then add css one by one, to see when it fails.

Michael at Yahoo! Answers Visit the source

Was this solution helpful to you?