umm...help? odd css/html issue

Discussion in 'Web Design and Development' started by Mike Teezie, Feb 17, 2006.

  1. macrumors 68020

    Mike Teezie

    Joined:
    Nov 20, 2002
    #1
    Ok guys - I built this site for a friend:

    Site

    I used a program called Photosite TimeSaviour to create the galleries for the paintings. I know I know, tables and what not, but this was the fastest way for me to have the site up.

    The weird thing is, is that on the pages where there is a gallery, it's overriding my .css to make the link hovers lime green, where they should be white.

    I can't find it anywhere in the html that would make the colors green, or even how.

    Also, I don't know how to make my container have 100% height no matter what size the window is. I made two different containers, but that workaround isn't working in every situation.

    Here is a link to the CSS file.

    Any ideas?
     
  2. macrumors regular

    Joined:
    Apr 17, 2003
    #2
    The hover link colour is white for me in Safari and Camino/Firefox. Your code is missing the opening <html> tag, which might be causing some weird issues in other browsers.
     
  3. thread starter macrumors 68020

    Mike Teezie

    Joined:
    Nov 20, 2002
  4. macrumors regular

    Joined:
    Apr 17, 2003
    #4
    remove the second css link which is redundant (and points to a 404), and see what happens:

    <link href="styles.css" rel="stylesheet" type="text/css">
     
  5. macrumors 6502a

    steelphantom

    Joined:
    Oct 15, 2005
    #5
    I don't see a rollover on any of the links on that page at all. :(
     
  6. macrumors 65816

    frankblundt

    Joined:
    Sep 19, 2005
    Location:
    South of the border
    #6
    jeepers. could be a number of things - the code has orphaned tags all over the place, tags that aren't nested... but suprisingly, from your site, i get the green roll over, if i save it to my desktop and open it i don't, so i'm assuming it has something to do with the way it's accessing the style sheet - definitely cut out the second reference but maybe also try moving the font declaration outside of the <a> tags

    Code:
    <html>
    <head>
    <title>meredith pardue.com</title>
    <link rel="stylesheet" href="http://meredithpardue.com/styles.css" type="text/css">
    </head>
    
    <body>
    <div id="container2">
    
    	<img src="http://meredithpardue.com/images/banner2.gif" border="0">
    
    	<div id="links">
    		<a href="http://meredithpardue.com">WORKS</a>  
    		<a href="http://meredithpardue.com/statement.htm">STATEMENT</a>
    		<a href="http://meredithpardue.com/resume.htm">RESUME</a>   
    		<a href="http://meredithpardue.com/contact.htm">CONTACT</a>
    	</div>
    
    	<p class="title">BLUEPRINT<p><center>
    
    	<table border=0 cellpadding=0 cellspacing=0>
    		<tr valign=middle>
    			<td align=center><p>
    				<a href="blueprint_5.htm">
    				<img  width="600" height="490" src="../images/blueprint_3.jpg" border="0">
    				</a>
    				<p><font face="Verdana, Arial, Helvetica, sans-serif" size="1">blueprint 3.jpg</font></p>
    				<p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><a href="blueprint_2.htm">Previous</a> <a href="../index.htm">(Return)</a> <a href="blueprint_5.htm">Next</a></font></p>
    				<p>&nbsp</p><p> </p>
    			</td>
    		</tr>
    	</table>
    </div>
    </body>
    </html>
     
  7. macrumors 68040

    MrSmith

    Joined:
    Nov 27, 2003
    #7
    I believe apart from with images and form elements you need to specify the overflow property for the height tag to work (within the #container in your styles page).

    Alternatively, since you're using tables anyway you could just put a one cell table round the whole thing and set the table height and width to 100% and the border to 0.

    BTW in the BLUEPRINT page you need to add some empty cells in the second row.
     
  8. macrumors 6502a

    Benjamin

    Joined:
    Oct 27, 2003
    Location:
    Portland, OR
    #8
    ^^ this is the correct deduction since the 404 page is loading stylesheet elements from the host (your host uses the green links rollovers). This only happens in sub pages since styles.css isn't in the directory unlike the base directory which does have that file.

    ^^ that is what is loaded when you call for the error page, this css is embedded to the page.
     

Share This Page