Kane250 Posted August 21, 2008 Share Posted August 21, 2008 I have a super simple page setup. A container div, with two other divs inside it. One div is for a lot of text and has a scroll feature, and the other is my nav bar underneath that div. For some reason everything works fine with adding text to my text div (called fullcontent) until I add a link. The second I make something into a link, it takes my nav div and nests it inside the text div instead of the container... Does this ring a bell to anyone? I have never had this happen to me before... Here is my css and html for these divs: #container { background: white; width: 806px !important; width: 830px; height: 600px; margin-left: auto; margin-right: auto; padding: 0px; } #nav { background: transparent; position: relative; text-align: left; float: left; width: 806px; height: 73px; } #fullcontent { background:transparent; overflow: auto; position: relative; float: left; padding-left: 10px !important; padding-right: 10px!important; width: 780px; height: 527px; margin-left: auto; margin-right: auto; } <body> <div id="container"> <div id="fullcontent"> <p class="crewtitles"> Text Goes Here </p> </div> <div id="nav"> <a href="index.html" onmouseover="image1.src='images/homeselect.gif';" onmouseout="image1.src='images/home.gif';"> <img name="image1" src="images/home.gif" border="0"></a> <a href="castcrew.html"> <img src="images/castcrewselect.gif" border="0"></a> <a href="media.html" onmouseover="image3.src='images/mediaselect.gif';" onmouseout="image3.src='images/media.gif';"> <img name="image3" src="images/media.gif" border="0"></a> </div> </div> </body> Quote Link to comment Share on other sites More sharing options...
lemmin Posted August 21, 2008 Share Posted August 21, 2008 I'm pretty sure the problem is going to be in your "crewtitles" class. Can you show the code for that? Quote Link to comment Share on other sites More sharing options...
akitchin Posted August 21, 2008 Share Posted August 21, 2008 do you have anything else in your stylesheet, particularly that affects links (the anchor tag)? Quote Link to comment Share on other sites More sharing options...
Kane250 Posted August 21, 2008 Author Share Posted August 21, 2008 Here is my css for the crewtitles: p.crewtitles { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; } And yes, I have a few classes of link styles, but I am not using a specific class here, just the standard link styles seen at the top of this list. a:link { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; text-decoration: none; } a:visited { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; text-decoration: none; } a:active { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: black; text-decoration: none; } a:hover { font-family: myriad pro, century gothic, sans-serif; font-size: 16px; color: gray; text-decoration: none; } a.maintext:link { font-family: Arial Black, Arial, sans-serif; font-size: 21px; color: #241100; text-decoration: none; } a.maintext:visited { font-family: Arial Black, Arial, sans-serif; font-size: 21px; color: #241100; text-decoration: none; } a.maintext:active { font-family: Arial Black, Arial, sans-serif; font-size: 21px; color: #241100; text-decoration: none; } a.maintext:hover { font-family: Arial Black, Arial, sans-serif; font-size: 21px; color: #E00000; text-decoration: none; } a.tickets:link { font-family: myriad pro, century gothic, sans-serif; font-size: 18px; color: #E00000; text-decoration: none; } a.tickets:visited { font-family: myriad pro, century gothic, sans-serif; font-size: 18px; color: #E00000; text-decoration: none; } a.tickets:active { font-family: myriad pro, century gothic, sans-serif; font-size: 18px; color: #E00000; text-decoration: none; } a.tickets:hover { font-family: myriad pro, century gothic, sans-serif; font-size: 18px; color: gray; text-decoration: none; } Quote Link to comment Share on other sites More sharing options...
blufish Posted September 3, 2008 Share Posted September 3, 2008 Not sure if it will do much but... <a href="media.html" onmouseover="image3.src='images/mediaselect.gif';" onmouseout="image3.src='images/media.gif';"> Should be <a href="media.html" onmouseover="image3.src='images/mediaselect.gif'" onmouseout="image3.src='images/media.gif'"> Try it maybe it will fix something Quote Link to comment 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.