Firefox
Members
-
Joined
-
Last visited
Everything posted by Firefox
-
you could also use csshover.htc from http://www.xs4all.nl/~peterned/csshover.html
-
<!--[if lt IE 7]> <script src="http://www.andyrutledge.com/ie7/ie7-standard-p.js" type="text/javascript"> </script> <![endif]--> This code is in the head of http://www.andyrutledge.com/cssslides.html but the link http://www.andyrutledge.com/ie7/ie7-standard-p.js doesn't work any more. You have to download the js file from http://dean.edwards.name/IE7/intro/
-
Your should start using sematic code instead of divitis. For rollovers I recommend css sprites.
-
Have you tried using the css code i posted?
-
well...this is one error i found in your css ... and it's quite dangerous .imglink { margin: 5px 0; border: 0; } } Anyway the link was looking so in ie 5 and ie6 because of this *html a { display:block; }
-
Well your css code a was mess and it's quite large for a page like this...try validating your css code too when you encounter problems. Anyway i tried to adjust it..i hope this is the way it supposed to work. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>titel</title> <meta name="ROBOTS" content="ALL" /> <meta name="keywords" content="keywords" /> <meta name="description" content="description" /> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="en-us" /> <!-- use the min max script for liquid min and max widths --> <!-- script type="text/javascript" src="extras/minmax.js"></script --> <link rel="stylesheet" href="extras/stylesheet.css" type="text/css" /> <style type="text/css"> body { font-family: verdana, arial, sans-serif; font-size: 80%; color: #000; text-align: left; background-color: #fff; } * { margin: 0; padding: 0; } div#container { /*min-width: 762px; max-width: 1000px;*/ margin: 5px auto; width: 762px; text-align: left; background-color: #FFF; border: 1px solid #666; background-image:url(../images/background2.gif); background-repeat: repeat-y; } div#header { overflow: hidden; height: 150px; background-color: #fff; background-image:url(../images/header.gif) } div#header img { text-align:left; margin: -20px 0 0 10px; } div#header h1 { font-family: arial; font-size: 0.1em; color: #fff; } div#header h2 { font-family: arial; font-size: 1em; color: #666; margin: -10px 0 0 16px; font-weight: normal; } div#header h3 { font-family: Times; font-size: 0.8em; color: #666666; margin: 20px 5px 0 0; text-align: right; } div#header h4 { font-family: Times; font-size: 1.4em; color: #0000FF; margin: 0 5px 0 0; text-align: right; } div#header p { font-family: arial; font-size: 0.8em; color: #666; margin: 0 5px 0 0; font-weight: normal; text-align: right; } div#topbar { background-color: #FFF; height: 20px; background-image:url(../images/background2.gif); } div#topbar p { font-size: .85em; color: #fff; font-weight: bold; padding: 3px 3px 3px 0; text-indent: 16px; text-align: right; } div#menubar { background-color: #fff; background-repeat: repeat-x; background-position: right 0; height: 20px; overflow: hidden; } div#listmenu { width: 100%; font-size: 1em; float: right; } div#listmenu ul { margin: 0 0; border: 0; } div#listmenu li { float: right; list-style-type: none; padding: 0 2px 0 0; } div#listmenu a { color: #666666; text-decoration: none; padding: 5px 15px; } div#listmenu a:hover { color: #FF0000; text-decoration: none; } div#navbar { float: left; width: 130px; background-color: #FFF; border-right: 1px solid #CCCCFF; padding: 0 10px 0 10px; } div#navbar ul { line-height: 1em; list-style-type: none; border-bottom: 1px solid #fff; margin: 0 0 5px 0; font-size: 1em; font-weight: bold; } div#navbar li { display: inline; } div#navbar li a { color: #fff; background-color: #0000FF; text-decoration: none; display: block; padding: 5px 0 5px 0; font-weight: bold; font-size: 0.85em; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; text-indent: 5px; } div#navbar li a:hover { background-color: #FF0000; } div#navbar p { font-size: 0.85em; font-weight: bold; text-align: center; padding: 0 0 5px 0; } div#navbar p a { decoration: none; } div#navbarred li { display: inline; } div#navbarred li a { background-color: #0000FF; } div#navbarred li a:hover { background-color: #0000FF; background-color: #ff0000; } div#corgilogo a { display:block; width: 89px; height: 110px; border: 1px solid #fff; margin-top: 35px; margin-left: 20px; color:#fff; background: url("../images/corgiblue.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; } div#corgilogo a:hover { background-position: 0 -110px; color: #fff; } div#content { margin-left: 170px; padding-right: 10px; padding-bottom: 5px; padding-top: 10px; } div#content ul li { margin-left: 50px; } /* IE HACK Hide from IE5-mac. Only IE-win sees this. \*/ /* * html #content { height: 1%; } */ /* end hide */ div#content h1 { font-family: Times; font-size: 2em; color: #0000FF; } div#content h2 { font-family: Times; color: #0000FF; Padding: 0 0 0 0; font-size: 1.3em; } div#content p { margin: 10px 0 0 0; } div#content a { margin: 0 0 0 0; padding: 0 0 0 0; } div#content img { float: right; } div#logos { height: 60px; margin-top: 10px; margin-bottom: 5px; text-align: center; margin-left: 170px; padding-right: 45px; } .centreimage { text-align:center; } div#logos a { text-decoration: none; } div#logos img { border: 0px solid #fff; margin: 0 0 0 50px; float: right; } div#footer { clear: both; margin: 0; padding: 3px 5px 5px 0; text-align: right; font-size: .85em; font-weight: bold; color: #fff; background-color: #0000FF; border-top: 1px solid #666666; } div#footer a { color: #000; text-decoration: none; } div#bottom p { text-align: center; font-size: .85em; color: #ccc; } div#bottom a { color: #ccc; text-decoration: none; } div#bottom a:hover { color: #FF0000; text-decoration: none; } /* Aslett Clearing Method - www.csscreator.com */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* End Aslett Clearing Method */ .logo { float: left; border: 0; margin: 10px; } .topimg { float: right; border: 0; } .imglink { margin: 5px 0; border: 0; } div#formcontainer { width:400px; margin-left:40px; margin-top: 20px; border: 0px solid #000; } div#formcontainer h3 { margin:20px 0 0 10px; font-weight:bold; } div#formcontainer h4 { margin:0 0 5px 10px; font-weight:normal; } div#formcontainer p { margin:0 0 5px 0; font-weight:normal; } div#formcontainer form { border-top: Opx solid #FFF; border-bottom: 0px solid #FFF; } div#formcontainer div.clearfix { border: 0px solid #000; padding: 10px 0 0 0; vertical-align: top; width: 400px; overflow: hidden; } div#formcontainer form label { width:120px; float:left; color: #000; margin:0 10px 0 0; } div#formcontainer div.buttongroup { float:left; margin:0px; padding:0px; } div#formcontainer div.buttongroup div { margin-bottom:5px; font-size:.75em; } div#formcontainer div.buttongroup input { margin-right:5px; } div#formcontainer input[type="submit"] { display:block; margin-left:auto; margin-right:10px; } .button { color: #fff; background-color: #FF0000; float: left; } .captcha { height: 40px; width: 250px; margin-top: 5px; } .shadow {filter:shadow (color:red);width:100%;line-height:200%;} </style> </head> <body> <div id="container"> <div id="header"> <p>www.webaddress.com</p> <p>Telephone: number | Mobile: number</p> <img src="images/logo.gif" alt="alt"/> <h2>heading</h2> </div> <div id="topbar"> <div id="listmenu"> <ul> <li><a href="contact.php" title="Contact Us" accesskey="C">Contact Us</a></li> <li><a href="about.php" title="About Us" accesskey="B">About Us</a></li> <li><a href="index.php" title="Back To Home" accesskey="A">Home</a></li> </ul> </div> </div> <div id="navbar"> <ul> <li><a href="1.php" class="nav" accesskey="1" title="1">1</a></li> <li><a href="2.php" class="nav" accesskey="2" title="2">2</a></li> <li><a href="3.php" class="nav" accesskey="3" title="3">3</a></li> <li><a href="4.php" class="nav" accesskey="4" title="4">4</a></li> <li><a href="5.php" class="nav" accesskey="5" title="5">5</a></li> <li><a href="6.php" class="nav" accesskey="6" title="6">6</a></li> </ul> <div id="navbarred"> <ul> <li><a href="7.php" class="nav" accesskey="7" title="7">7</a></li> </ul> </div> <div id="corgilogo"> <a href="http://www.trustcorgi.com" target="new" alt="Corgi"></a> </div> <p>Reg No:</p> </div> <div id="content"> <h1>Plumbing & Heating Maintenance</h1> <h2>Setting The Standards</h2> <p>For a fast and reliable service give us a call. <b>See and feel the difference.</b></p> <p>Servicing of your heating appliances is essential for maintaining an efficient and <a href="safe.php">safe</a> system. Servicing can help prevent break downs and loss of heating. </p> </div> <div id="footer"> <p>Address</p> <p>Telephone</p> </div> </div> </body> </html>
-
i cant' t help you if i don't see all the code .... css and html
-
well..could you post all the html and css code then?
-
is that all the html code? Try validating it..it might help you spot the error.
-
Are you referring to http://www.habitat4d.ro or http://melissahie.com/ ?
-
This one HABITAT 4D was also made by desero