garry27 Posted June 29, 2011 Share Posted June 29, 2011 AGGHHHH!!!! WHy won't padding-top and margin-top work for my a elements, even with an inline style? http://www.gigaddict.net/reptilepetcare/index.html Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/ Share on other sites More sharing options...
fugix Posted June 29, 2011 Share Posted June 29, 2011 I'll be nice and post the code since the OP didnt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="styles/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="Container"> <img src="images/header.gif" width="1000" height="191" alt="Reptile Care Guide" /> <ul id="NavBar"> <li> <div class="tab"> <div class="rollover-tab-div1"></div> <div class="rollover-tab-div2"><a style="margin-top:15px" href="index.html" title="Reptile Care Guide - Homepage">Home</a></div> <div class="rollover-tab-div3"></div> </div> </li> <li> <div class="tab"> <div class="rollover-tab-div1"></div> <div class="rollover-tab-div2"><a href="bearded-dragon.html" title="Reptile Care Guide - Bearded Dragon">Bearded Dragon</a></div> <div class="rollover-tab-div3"></div> </div></li> <li> <div class="tab"> <div class="rollover-tab-div1"></div> <div class="rollover-tab-div2"><a href="corn-snake.html" title="Reptile Care Guide - Corn Snake">Corn Snake</a></div> <div class="rollover-tab-div3"></div> </div></li> <li> <div class="tab"> <div class="rollover-tab-div1"></div> <div class="rollover-tab-div2"><a href="green-anole.html" title="Reptile Care Guide - Green Anole">Green Anole</a></div> <div class="rollover-tab-div3"></div> </div></li> <li> <div class="tab"> <div class="rollover-tab-div1"></div> <div class="rollover-tab-div2"><a href="leopard-gecko.html" title="Reptile Care Guide - Leopard Gecko">Leopard Gecko</a></div> <div class="rollover-tab-div3"></div> </div></li> <li> <div class="tab"> <div class="rollover-tab-div1"></div> <div class="rollover-tab-div2"><a href="blogs.html" title="Reptile Care Guide - Blogs">Blogs</a></div> <div class="rollover-tab-div3"></div> </div></li> </ul> <div id="TabBar"> </div> <div id="MainContent">Content for id "MainContent" Goes Here</div> </div> </body> </html> @charset "utf-8"; /* CSS Document */ body { background-image: url(../images/bg-tile3.jpg); background-repeat: repeat; } #Container { background-color: #FFF; margin: 0 auto; width: 1000px; } #nav-bar { background-image: url(../images/nav-bar.gif); } #NavBar { background-image: url(../images/nav-bar.gif); height: 38px; width: 1000px; background-repeat: no-repeat; margin-top: 0.2em; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; } #TabBar { background-image: url(../images/tab-bar.gif); height: 23px; width: 1000px; margin-top: 1px; } ul { margin: 0px; } #NavBar li { display: inline; float: left; margin-top: 3px; } .tab div { width: 10px; height: 36px; } .tab { } #Container #NavBar li .tab .rollover-tab-div1 { height: 36px; width: 10px; } #Container #NavBar li .tab .rollover-tab-div3 { height: 36px; width: 10px; } .tab:hover .rollover-tab-div1 { background-image: url(../images/rollover-menutab-1.1.gif); width: 10px; } .tab:hover .rollover-tab-div2{ background-image: url(../images/rollover-menu-tab-1.2.gif); } .tab:hover .rollover-tab-div3 { background-image: url(../images/rollover-menu-tab-1.3.gif); } #NavBar li div div{ float: left; width: auto; } #NavBar li a { text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #FFF; font-weight: bold; padding-right: 15px; padding-left: 15px; margin-top: 222px; padding-top: 5px; height: 36px; } .clear-float{ clear:both; margin:0; padding:0; } Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236382 Share on other sites More sharing options...
garry27 Posted June 29, 2011 Author Share Posted June 29, 2011 Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236389 Share on other sites More sharing options...
Maq Posted June 29, 2011 Share Posted June 29, 2011 Garry, can you elaborate on where and what you're exactly trying to do? Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236390 Share on other sites More sharing options...
garry27 Posted June 29, 2011 Author Share Posted June 29, 2011 :facewall: :facewall: :facewall: Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236397 Share on other sites More sharing options...
cssfreakie Posted June 29, 2011 Share Posted June 29, 2011 :facewall: :facewall: :facewall: As Maq already said what are you trying to do, can you be more precise. spamming emoticons would help Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236410 Share on other sites More sharing options...
Maq Posted June 29, 2011 Share Posted June 29, 2011 :facewall: :facewall: :facewall: As Maq already said what are you trying to do, can you be more precise. spamming emoticons would help Then he goes and changes around his code while people are looking at it... Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236412 Share on other sites More sharing options...
fugix Posted June 29, 2011 Share Posted June 29, 2011 Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236428 Share on other sites More sharing options...
garry27 Posted June 29, 2011 Author Share Posted June 29, 2011 God I F#@%$£^G HATE CSS!!! Why the bloody hell do you have to float a sodding hyperlink element contained in a li item in order for it to behave act ok? 3 f'ing hours that took Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236435 Share on other sites More sharing options...
Maq Posted June 29, 2011 Share Posted June 29, 2011 If you fixed your issue mark the topic solved. Quote Link to comment https://forums.phpfreaks.com/topic/240715-help-debugging-webpage/#findComment-1236447 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.