odd css/html issue

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

  1. macrumors 68020

    Mike Teezie

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


    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

    Apr 17, 2003
    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

    Nov 20, 2002
  4. macrumors regular

    Apr 17, 2003
    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


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


    Sep 19, 2005
    South of the border
    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

    <link rel="stylesheet" href="" type="text/css">
    <div id="container2">
    	<img src="" border="0">
    	<div id="links">
    		<a href="">WORKS</a>  
    		<a href="">STATEMENT</a>
    		<a href="">RESUME</a>   
    		<a href="">CONTACT</a>
    	<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">
    				<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>
  7. macrumors 68040


    Nov 27, 2003
    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


    Oct 27, 2003
    Portland, OR
    ^^ 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