Web Analytics Made Easy -
StatCounter Css Prob ='( - CodingForum

Announcement

Collapse
No announcement yet.

Css Prob ='(

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Css Prob ='(

    hello, it's gonna be hard to help me (i think) coz my css is completely messy.. I know this myself..

    anyway, My site looks awfule on Mozilla Firefox, but on other browsers, it looks fine..

    I went to this thread http://www.codingforum.net/showthread.php?t=35014 to find answers but i didn't quite understand it, i'm sorry

    I've checked my css before (for validation), and it came up with so many errors that needed to be changed like my font colors, etc..

    I would change the font colors, but i really really wanna use those colors @[email protected]

    Is there any way in order to use the exact colors, but still have it as valid?

    Also, on my splash page, my table doesn't work >_<

    I assume the table i got on my stylesheet isn't valid then.. i dunno how to make it valid.. >_<


    my site (please view on I.E first, then compare on FireFox)

    www.cute-spot.com

    and my stylesheet for my index page is

    www.cute-spot.com/indexpage-style.css

    If anyone could help, thanks so much.
    Last edited by Love*; Aug 3, 2005, 10:00 AM.
    MySpace Layouts

  • #2
    Please un-bold your post.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    	<head>
    		<title>Love's Cute Spot</title>
    		<meta name="version" content="La Isla Bonita!">
    		<style type="text/css">
    			body
    			{
    				background:#fff url(65060_files/bg-index.gif);
    				text-align:center;
    				color:#ffa040;
    			}
    			a img
    			{
    				border:none;
    			}
    			h1
    			{
    				display:none;
    			}
    			ul
    			{
    				font-weight:bold;
    			}
    			li
    			{
    				display:inline;
    			}
    			li:after
    			{
    				content:', ';
    			}
    			li:last-child:after
    			{
    				content:'';
    			}
    		</style>
    	</head>
    	<body>
    		<h1>Love's Cute Spot</h1>
    
    		<a href="/bonita-layout.php"><img src="65060_files/enter.gif" alt="What is wild? Allow me to show you." title="Enter here"></a>
    
    		<h2><img src="65060_files/beloved.gif" alt="Beloved Kids"></h2>
    		<ul>
    			<li><a href="http://pixelbee.com/">Tab</a></li>
    			<li><a href="http://carrielynnesworld.com/">Carrie</a></li>
    			<li><a href="http://doll-asylum.net/">Lana</a></li>
    			<li><a href="http://crystalkisses.dolliecode.com/">Jojo</a></li>
    			<li><a href="http://precious-gemz.com/">Danni</a></li>
    			<li><a href="http://dolliholics.net/">Candi</a></li>
    			<li><a href="http://rexangel.pixelbee.net/">Poonam</a></li>
    			<li><a href="http://glitterswirl.unwanteddolls.com/">Sophie</a></li>
    			<li><a href="http://www.blinkiebee.com/">Lora</a></li>
    			<li><a href="http://unique-angel.com/ssg">Jen</a></li>
    			<li>Christine O_O</li>
    		</ul>
    
    		<p>
    			<a href="http://forums.pixelbee.net/showthread.php?p=113836#post113836">
    				<img src="65060_files/pbf.gif" alt="We love bee-ing @ PBF">
    			</a>
    		</p>
    
    		<p>
    			&copy; Love of Love's Cute Spot &mdash; All Rights Reserved.
    		</p>
    	</body>
    </html>
    Change 65060_files to your image directory.
    Forget style. Code to semantics. Seperate style from structure, and structure from behaviour.
    I code to specs, and test only in Firefox (unless stated otherwise).

    Comment

    Working...
    X