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> Link to comment https://forums.phpfreaks.com/topic/120657-this-is-extremely-strange/ 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? Link to comment https://forums.phpfreaks.com/topic/120657-this-is-extremely-strange/#findComment-622177 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)? Link to comment https://forums.phpfreaks.com/topic/120657-this-is-extremely-strange/#findComment-622180 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; } Link to comment https://forums.phpfreaks.com/topic/120657-this-is-extremely-strange/#findComment-622212 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 Link to comment https://forums.phpfreaks.com/topic/120657-this-is-extremely-strange/#findComment-632517 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.