Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Member DanielGibbs's Avatar
    Join Date
    Jun 2004
    Location
    North Devon, England
    Posts
    63
    Member #
    6249
    Ok so im a bit of an IE boy, but I still use Mozilla's Firefox and NS.

    It's annoying because IE wants to marry my CSS and FF and NS want to murder it.

    If you have IE and FF/NS check out my site www.dan-gibbs.com to notice the difference lol. IF im making some common mistakes plz tell me. I haven't used CSS in a long time and have just started web designing again.

    Heres my code:
    Code:
    /* Monty CSS Document START */
    
    /* PAGE PROPERTIES */
    
    
    /* TABLE PROPERTIES */
    
    td.fulltable-index
    {
    	width:100%;
    	height:100%;
    }
    
    td.table-head
    {
    	height:64px;
    	width:778px;
    	align:center;
    	background:#999999;
    }
    
    td.main-left
    {
    	background:#F1F1F1;
    	width:178px;
    	height:200px;
    	border: solid 1px;
    	border-top-color:#F1F1F1;
    	border-left-color:#999999;
    	border-bottom-color:#999999;
    	border-right-color:#999999;
    }
    
    td.main-right
    {
    	background:#FFFFFF;
    	background-image:url("/images/uk-back.gif");
    	background-repeat: no-repeat;
    	width:600px;
    	height:200px;
    	border: solid 1px;
    	border-top-color:#FFFFFF;
    	border-left-color:#FFFFFF;
    	border-bottom-color:#999999;
    	border-right-color:#999999;
    }
    }
    	
    /* TEXT PROPERTIES */
    
    p.absnorm
    {
    	font-family:arial; 
    	size:12px; 
    	color:#999999;
    }
    
    p.headers
    {
    	
    	font-family:arial; 
    	size:18px; 
    	font-weight:bold;
    	color:#999999;
    	border-bottom-width:1px;
    	border-bottom-style:dashed;
    	width:80px;
    }
    
    p.headers2
    {
    	
    	font-family:arial; 
    	size:18px; 
    	font-weight:bold;
    	color:#999999;
    	border-bottom-width:1px;
    	border-bottom-style:dashed;
    	width:190px;
    }
    
    p.offline2
    {
    	font-family:arial; 
    	size:12px; 
    	font-weight:bold; 
    }
    
    p.offline
    {
    	font-family:arial; 
    	size:30px; 
    	font-weight:bold; 
    	text-alignment:center;
    }
    
    /* HYPERLINKS */
    
    a.norm:link, a.norm:active, a.norm:visited
    {
    	font-family:verdana; 
    	size:12px; 
    	color:#999999; 
    	text-decoration:none;
    }
    
    a.norm:hover
    {
    	font-family:verdana; 
    	size:12px; 
    	color:#999999; 
    	text-decoration:underline;
    }
    
    a.homepage:link, a.homepage:active, a.homepage:visited
    {
    	font-family:arial; 
    	size:10px; 
    	font-weight:bold; 
    	color:#999999; 
    	text-decoration:none;
    	border-left-width:1px;
    	border-left-style:solid;
    	border-left-color:#F1F1F1;
    	border-bottom-width:1px;
    	border-bottom-style:solid;
    	border-bottom-color:#F1F1F1;
    	border-top-width:1px;
    	border-top-style:solid;
    	border-top-color:#F1F1F1;
    	border-right-width:1px;
    	border-right-style:solid;
    	border-right-color:#F1F1F1;
    }
    
    a.homepage:hover
    {
    	background:#CCCCCC;
    	font-family:arial; 
    	size:10px; 
    	font-weight:bold; 
    	color:#FFFFFF; 
    	text-decoration:none; 
    	border-left-width:1px;
    	border-bottom-width:1px;
    	border-left-color:#999999;
    	border-bottom-color:#999999;
    	border-top-width:1px;
    	border-right-width:1px;
    	border-top-color:#999999;
    	border-right-color:#999999;
    }
    
    /* MAIN NAV */
    
    a.main-nav:link, a.main-nav:active, a.main-nav:visited
    {
    	font-family:verdana; 
    	size:12px; 
    	color:#999999;
    	text-decoration:none;
    	border-left-width:1px;
    	border-left-style:solid;
    	border-left-color:#F1F1F1;
    
    }
    
    a.main-nav:hover
    {
    	background:#F1F1F1;
    	text-align:left;
    	font-family:verdana; 
    	font-size:12px; 
    	color:#666666; 
    	text-decoration:none; 
    	border-left-width:1px;
    	border-left-color:#999999;
    	border-bottom-width:1px;
    	border-bottom-color:#666666;
    }
    
    /* MAIN NAV SELECTED */
    
    a.selected:link, a.selected:active, a.selected:visited, a.selected:hover
    {
    
    	text-align:left;
    	font-family:verdana; 
    	size:12px; 
    	font-weight:bold; 
    	color:#000000; 
    	text-decoration:none;
    	border-left-width:1px;
    	border-left-style:solid;
    	border-left-color:#666666;
    	border-bottom-width:1px;
    	border-bottom-style:solid;
    	border-bottom-color:#666666;
    
    }
    
    /* Text Areas */
    
    .login
    {
    	background:#F1F1F1;
    	color:#999999;
    	font-family:verdana; 
    	font-size:11px; 
    	height:20px; 
    	width:100px;
    	
    	border-left-width:1px;
    	border-left-color:#666666;
    	border-top-width:1px;
    	border-top-color:#666666;
    	border-right-width:1px;
    	border-right-color:#666666;
    	border-bottom-width:1px;
    	border-bottom-color:#666666;
    }
    
    .dropdown
    {
    	background:#F1F1F1;
    	color:#999999;
    	font-family:verdana; 
    	font-size:11px; 
    	height:20px; 
    	
    	border-left-width:1px;
    	border-left-color:#666666;
    	border-top-width:1px;
    	border-top-color:#666666;
    	border-right-width:1px;
    	border-right-color:#666666;
    	border-bottom-width:1px;
    	border-bottom-color:#666666;
    }
    
    .fields
    {
    	background:#F1F1F1;
    	color:#999999;
    	font-family:verdana; 
    	font-size:11px; 
    	height:20px; 
    	width:150px;
    	
    	border-left-width:1px;
    	border-left-color:#666666;
    	border-top-width:1px;
    	border-top-color:#666666;
    	border-right-width:1px;
    	border-right-color:#666666;
    	border-bottom-width:1px;
    	border-bottom-color:#666666;
    }
    
    .textarea1
    {
    	background:#F1F1F1;
    	color:#999999;
    	font-family:verdana; 
    	font-size:11px; 
    	height:80px; 
    	width:250px;
    	
    	border-left-width:1px;
    	border-left-color:#666666;
    	border-top-width:1px;
    	border-top-color:#666666;
    	border-right-width:1px;
    	border-right-color:#666666;
    	border-bottom-width:1px;
    	border-bottom-color:#666666;
    }
    
    
    .loginbutton
    {
    	background:#F1F1F1;
    	color:#000000;
    	font-family:verdana; 
    	font-size:11px; 
    	height:20px; 
    	width:60px;
    	
    	border-left-width:1px;
    	border-left-color:#666666;
    	border-top-width:1px;
    	border-top-color:#666666;
    	border-right-width:1px;
    	border-right-color:#666666;
    	border-bottom-width:1px;
    	border-bottom-color:#666666;
    }
    or nick it at www.dan-gibbs.com/main.css

    Thanks for the help

    EDIT: Realised my mistakes DOH! But still have one more ques. Why doesn't firebird display my paragraphs (<p>) correctly. It uses that dull Windows Default fonts Sans-serif or times roman or whatever its called

    EDIT2: AHAHAHAHA, my pics messed up :S, nice big black box shows up in FF hahahaha, my CSS sucks (its official). I don't know why because CSS is a piece of p**s

    EDIT3: FTP Client error lol. Sorry to waste ur time everythings sorted!

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:57 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com