|
CSS - Css Not Working On 'www' Version Of Domain
Odd problem here...If I type my website address in the address bar and precede it with the "www" (ex: www . mydomain . com), the CSS is not being applied, however, if I omit the www, CSS works fine.
This is only a problem in FireFox 3.5.2. Any ideas whatsoever? Similar TutorialsCould someone tell me what the last standard is for css? hi everyone, i designed my first site with dremaweaver 3 but had problems with browser compatability. people have been telling me i should use css now as it's better so which version of dreamweaver should i be using now? thank you Thanks for taking time to read my question. I have IE6 and IE7 on 2 different PC's. My IE6 version is 6.0.2900.2180.xpsp_sp2_qfe.070227-2300 and my IE7 version is 7.0.5730.11 I have IE7 on a third PC and it's version is 7.0.5730.13 My friend has IE7 version 7.0.5730.11 and when he looks at my web page he gets a vert scrollbar on the white content area. When I use my IE7, either version, I don't! Another friend has IE6 version 6.0.2900.2180.xpsp_sp2_qfe.070227-2254 When she looks at my page, and mouses over the "What's New" button it goes to 2 lines of text, but when I mouse over it in my IE6 "What's New" stays on one line. Where do these differences come from? How can I make my site work regardless of version of IE? This is getting quite stupid, now IE6 doesn't act the same as other IE6's and same with 7's!!! Thanks again for your help. Brad Site: http://www.scopicdesigns.com/ZoneAll/index.htm My website is http://www.orchard-homes.co.uk/developments/ and ive noticed in some versions of safari (on a mac) a big white block covers the whole of the navigation, it only affects the 4 pages under the "Developments => Current =>" section and hovering over the word "developments" makes it disappear again. Its driving me crazy how it works in every other browser fine, anyone have any ideas? Thanks! Hi all, After the latest update of Safari, my Web site has gone all Wonky in the layout. The problem occurs in table cells where there is both a field and some text. If I put a <b> bold tag on some text in the row or even a <span> with special style attributes like plain text, the text jumps up and becomes almost a superscript and the rest of the text remains at the baseline of the text input fields in the row. I uploaded a picture, not sure how to link it into the posting though. The forms on our site are old, 7+ years, so have been beautifully laid out until this latest Safari release. It used to only be IE that messed up formatting with each release. This is the first Safari release I have seen do this. Can anyone else confirm similar issues? My web page use some CSS syntax to control the color of hyperlinks, they are listed as below: Code:
.row1 {
background: #e7f6fe;
/*background: #e1f4ff;*/
}
.row1 td{
padding: 4px;
border-bottom: 1px solid #c3c3c3;
font-size: 12px;
font-family: "Arial", "Helvetica", "sans-serif";
}
.row1 a:visited {
color: blue;
text-decoration: none;
}
-------------- My problem is, whatever the version of IE or other browsers, some users encountered the situation that when they clicked the hyperlink, the link becomes blue, but after closing the browser and restart IE again, some users will see the link color STILL IN BLUE, while some will see the link AS A NEW LINK WITH BLACK color again. My boss asks for the reason of this difference, in addition, he wants all users will see the link as new link again after they restart the IE. ------------- In my point of view, I think we can't set anything using program, javascript or css, it SHOULD BE DEPENDED on browser setting. Can anyone provide me some answers about this questions? Thx. Hello I am very new to css. Can someone tell me if css is the way to go when making a printer friendly page? or if there are any usefull tutorials on this out there that would be really helpfull. just so i know where to start from. Thanks Hello all, I have a problem that i have been searching to solve for the last few days and whilst i have found out alot of info i have not been able to find the answer. I know little css but do use some.... im a beginner so be gentle on me A friend of mine has 2 urls, ie: 2 servers... one for .co.uk and one for .com, the website is identical on both sites so any changes made to the html can be uploaded to both sites simultaneously to avoid any problems etc. The .co.uk site has just been made able to accpet Paypal but the .com site wont be changed for many months yet. What i need to achieve is a clickable banner image at the side that can change depending on what site ie .co.uk or .com that the user is on, so if they were on .com it would show a clickable image stating to go to .co.uk site if you want to pay by paypal and if on the .co.uk site it would just show an image saying we now accept Paypal... Whilst i understand what i need to do this i cant work out how to do it.. help would be appreciated. My idea = 1. get website host name 2.if not on this site display image 1 3.if on this site display image 2 seems simple but i would like it to use code like i use already in a div that i am displaying pictures with atm. Like below. <div style="Z-INDEX: -3; POSITION: absolute; WIDTH: auto; HEIGHT: 60px; TOP: 200px; right: 20px"> <a style="display:block;height:60px;width:150px;" href="removedurl.co.uk" alt="Paypal on removedurl.co.uk" title="Paypal Accepted"><img src="images/paypalother.gif" /></a><br/> </div> If anyone has any idea how to do this please help before i go bald Code: .mainnav a:link, .mainnav a:visited { font-family: tahoma; color: #9b9999; font-size: 15px; line-height: 37px; font-weight: bold; margin: 2px 0 0 0px; text-decoration: none; }
.mainnav a:hover, .mainnav a:visited:hover { font-family: tahoma; color: brown; font-size: 15px; line-height: 37px; font-weight: bold; margin: 2px 0 0 0px; text-decoration: none; }
i wrote them for the mainnav class tags but the links arent effected? i'm using IE7 and targeting the IE7 users with those codes... What's wrong? I checked there is no duplicated implementation... Code: <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Title</title>
<STYLE TYPE="text/css">
a:link {
color: #808080;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
a:hover {
color: #A0A0A0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
a:active {
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
a:visited {
color: #808080;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
version {
color: #939393;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}
pagetitle {
color: #969696;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:16px;
text-transform:capitalize
font-weight:700
}
</STYLE>
</head>
Any help is welcome, I am not well versed in CSS. Well, not this CSS. None of the properties are workign in IE. it is frustrating. Hi guys. I have finished designing a website and everything looks good except for one thing. I have a form and I have positioned the fields using the margin-top css property. It looks great on FF but there's too much space between fields on IE and it looks bad. Here's the URL: http://www.theoutsourcingcompany.com/problem/test.html Try it with FF and then with IE and see for yourself. The CSS is he http://www.theoutsourcingcompany.com/problem/css/style.css Would someone please help me and let me know what the problem is? For those who want the code, here it is. First the HTML: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<title>Hi</title>
<style type="text/css">
<!--
.style1 {font-size: 10px}
-->
</style>
<style type="text/css">
<!--
body {
background-color: #97c7da;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<body>
<div class="divheader">
</div>
<div class="divmiddle"> <font class="Title"><font class="GreyBlue"><br />
</font></font>
<p align="left" style="word-spacing: 0; margin-top: 0"><br />
</p>
<div class="regdiv">
<form id="ebook-form2" name="contact-form" method="post" action="contact.php">
<input name="email" type="text" class="textfieldsa" id="email" size="25" />
<input name="firstname" type="text" class="textfields5" id="firstname" size="25" />
<input name="lastname" type="text" class="textfields5" id="lastname" size="25" />
<input name="middleinitial" type="text" class="textfields5" id="middleinitial" size="25" />
<input name="dob" type="text" class="textfields5" id="dob" size="25" />
<input name="countryofbirth" type="text" class="textfields5" id="countryofbirth" size="25" />
<input name="cityofbirth" type="text" class="textfields5" id="cityofbirth" size="25" />
<input name="countryofcitizenship" type="text" class="textfields5" id="countryofcitizenship" size="25" />
<input name="foreignaddress" type="text" class="textfieldsb" id="foreignaddress" size="25" />
<input name="foreigncity" type="text" class="textfields5" id="foreigncity" size="25" />
<input name="foreignstate" type="text" class="textfields5" id="foreignstate" size="25" />
<input name="foreignzip" type="text" class="textfields5" id="foreignzip" size="25" />
<input name="foreigncountry" type="text" class="textfields5" id="foreigncountry" size="25" />
<input type="image" src="images/contactbutton.jpg" alt="Send Your Message" width="164" height="52" class="textfieldsc" />
</form>
</div>
<p align="left" style="word-spacing: 0"><br />
</p>
<p align="left" class="Text"> </p>
</div>
<div class="divfooter">
<div align="center"></div>
</div>
</body>
</html>
And here's the CSS: .contactdiv { background-image: url(../images/contactform.jpg); background-repeat: no-repeat; height: 500px; width: 500px; margin: auto; } .textfields2 { font-size: 16px; margin-left: 230px; margin-top: 75px; } .textfields3 { font-size: 16px; margin-left: 230px; margin-top: 4px; } .textfields4 { font-size: 16px; margin-left: 30px; margin-top: 12px; } .buttoncontact { font-size: 12px; margin-left: 152px; margin-top: 17px; } .Title { FONT-SIZE: 20pt; FONT-FAMILY: Trebuchet MS, Verdana, Arial; COLOR: #000000; FONT-WEIGHT: bold; LETTER-SPACING: -2px;} .SubTitle { FONT-SIZE: 16pt; FONT-FAMILY: Trebuchet MS, Verdana, Arial; COLOR: #000000; FONT-WEIGHT: bold; LETTER-SPACING: -2px;} .BlueLight { COLOR: #0099FF; font-family: Geneva, Arial, Helvetica, sans-serif; } .Blue { COLOR: #0099FF; } .GreyBlue { COLOR: #0099FF; font-family: Geneva, Arial, Helvetica, sans-serif; } .FormTextBox { BACKGROUND-COLOR: #FFFFFF; FONT-FAMILY: Trebuchet MS, Verdana, Arial; FONT-SIZE: 12px; COLOR: #9AC3D5; FONT-WEIGHT: bold;} A.Menu:link { FONT-SIZE: 12px; FONT-FAMILY: "Trebuchet MS", Verdana, Arial; COLOR: #0000FF; TEXT-DECORATION: underline; } A.Menu:visited { FONT-SIZE: 12px; FONT-FAMILY: "Trebuchet MS", Verdana, Arial; COLOR: #0000FF; TEXT-DECORATION: underline; } A.Menu:hover { FONT-SIZE: 12px; FONT-FAMILY: Trebuchet MS, Verdana, Arial; TEXT-DECORATION: underline; COLOR: #4034B4;} #sddm { margin: 0; padding: 0; z-index: 30} #sddm li { margin: 0; padding: 0; list-style: none; float: left; font: bold 11px Trebuchet MS;} #sddm li a { display: block; margin: 0 0px 0 0; padding: 4px 10px; width: 90px; background: #1A70AB;color: #FFF;text-align: center;text-decoration: none} #sddm li a:hover{background:#9CD0DD;} #sddm div{position: absolute;visibility: hidden;margin: 0;padding: 0;background: #BDD9E1;border: 1px solid #5970B2;} #sddm div a{position: relative; display: block; margin: 0;padding: 5px 10px;width: auto; white-space: nowrap;text-align: left;text-decoration: none;background: #CAE9F2;color: #1F0573;font: 11px Trebuchet MS;} #sddm div a:hover{background: #507F90;color: #FFF;} .centro { text-align: center; } .divheader { background-image: url(../images/newheader.jpg); background-repeat: no-repeat; height: 155px; width: 697px; margin: auto; } .divmiddle { background-image: url(../images/newmiddle.jpg); background-repeat: repeat-y; width: 697px; margin-top: -11px; margin-right: auto; margin-bottom: auto; margin-left: auto; } .divfooter { background-image: url(../images/newfooter.jpg); background-repeat: no-repeat; height: 74px; width: 697px; margin-top: -12px; margin-right: auto; margin-bottom: auto; margin-left: auto; } p { text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } .padding { padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 15px; } .paddingleft { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 0px; } h1 { padding: 20px; text-align: justify; } ::selection { background: #000066; color: white; } ::-moz-selection { background: #000066; color: white; } .textfields5 { font-size: 16px; margin-left: 250px; margin-top: 4px; } .textfields6 { font-size: 16px; margin-left: 230px; margin-top: 4px; } .footertext { font-size: 10px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; } .posheader { margin-left: 8px; margin-top: -10px; } .photopad { padding-right: 10px; text-align: center; } .floatr { float: right; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .regdiv { background-image: url(../images/regform.jpg); background-repeat: no-repeat; height: 636px; width: 500px; margin: auto; } .textfieldsa { font-size: 16px; margin-left: 250px; margin-top: 98px; } .textfieldsb { font-size: 16px; margin-left: 250px; margin-top: 67px; } .textfieldsc { font-size: 16px; margin-left: 170px; margin-top: 18px; } .textfieldsd { font-size: 16px; margin-left: 230px; margin-top: 4px; } .ebookformindex { background-image: url(../images/brochure.jpg); height: 308px; width: 500px; background-repeat: no-repeat; margin: auto; } .textfieldsdname { font-size: 16px; margin-left: 90px; margin-top: 190px; } .textfieldsdemail { font-size: 16px; margin-left: 90px; margin-top: 3px; } .textfieldsdbutton { font-size: 16px; margin-left: 300px; margin-top: -60px; } .tableprices { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; } h2 { text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; padding-top: 10px; padding-right: 20px; padding-bottom: -30px; padding-left: 20px; font-weight: normal; margin-bottom: -20px; } Thank you so much for your help, this is driving me nuts. im trying to redo my layout in the "tabless" fasion since its the best thing to be doing now i beleive. this is how far i've gotten... http://72.232.208.44/new/newindex.html the navigational links are just barely off. this is becasue they are a unorded list. i adjsuted their list-style-type to be none but it stil shows up with a small smal blank spot where the bullet would go. CSS: Code:
A:link{color:#ADD8E6;text-decoration:underline;}
A:visited{color:#ADD8E6;text-decoration:underline;}
A:active{color:#ADD8E6;text-decoration:underline;}
A:hover{color:#ADD8E6;text-decoration:underline;}
#banner_container{
margin:auto;
text-align:center;
}
#banner{
border:thin none #000000;
border-spacing:0;
padding:0;
width:750px;
height:155px;
background-image:url("images/GFG-topBanner_01.jpg");
background-repeat: no-repeat;
//text-align:center;
margin:auto;
}
#banner_under{
border:thin none #000000;
border-spacing:0;
padding:0;
width:750px;
height:28px;
background-image:url("images/GFG-topBanner_02.jpg");
background-repeat: no-repeat;
text-align:right;
vertical-align:bottom;
margin:auto;
}
#navlist{
border:thin none #000000;
border-spacing:0;
padding: 0;
padding-left: 0;
padding-right:0;
margin: 0;
white-space: nowrap;
list-style-type:none;
list-style:none;
}
#navlist li
{
border:thin none #000000;
border-spacing:0;
padding: 0;
padding-left: 0;
padding-right:0;
margin: 0;
display: inline;
list-style-type: none;
list-style:none;
}
UL{list-style-type:none;}
TD{text-align: left; border:thin none #000000;padding:0;}
TR{border:thin none #000000;padding:0;}
BODY{background-color:#003333;margin:auto;}
textarea, select, checkbox, input, submit{background-color:#aeb0b0;border-color:#9d9c9c;}
.noborder{border:thin none #000000;}
HTML: Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<SCRIPT SRC="javascript.js" type="text/javascript"></SCRIPT>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div id="banner_container">
<div id="banner">
</div>
<div id="banner_under">
<ul id="navlist">
<li><a href="index.html" onMouseover="lightup('pic1')" onMouseout="turnoff('pic1')"><img src="images/bHome.jpg" class="noborder" name="pic1" width="56" height="28" alt=""></a></li>
<li><a href="services.php" onMouseover="lightup('pic2')" onMouseout="turnoff('pic2')"><img src="images/bServices.jpg" class="noborder" name="pic2" width="78" height="28" alt=""></a></li>
<li><a href="contact.php" onMouseover="lightup('pic3')" onMouseout="turnoff('pic3')"><img src="images/bContact.jpg" class="noborder" name="pic3" width="73" height="28" alt=""></a></li>
<li><a href="controlpanel.php" onMouseover="lightup('pic4')" onMouseout="turnoff('pic4')"><img src="images/bControlPanel.jpg" class="noborder" name="pic4" width="113" height="28" alt=""></a></li>
</ul>
</div>
</div>
</body>
</html>
btw i know i can do hover stuff with css i am just trying to work on one thing at a time though My CSS is causing my image to drop down and I want it in line with the number with the text to the right. If I take out the Span then it works but I need the span, can anyone see what is wrong with my code? Code: <div id=artContent> 1.<span class=img-shadow><img src='AR6.jpg'></span> </div> CSS: Code: #artContent {margin: 0px 0px 100px; padding: 0px; color: #000; background-color: #ccc;}
#artContent .info {color:#000000; font-size: 14px; font-family: Sylfaen;letter-spacing: 0.1em;}
#artContent .img-shadow {
float:left;
background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;
margin: 0px 0 0 23px !important;
margin: 0px 0 0 23px;
}
#artContent .img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
The first image is what I am getting and the second is what I want. Hey guys, So I am new to doing PSD>>>XHTML (or html) & CSS. Basically..I am knew to coding I guess you could say as well. I have been watching this tutorial: net[dot]tutsplus[dot]com/videos/scree...-psd-to-xhtml/ And in it, he tells me about CSS and how to make the images appear. Basically, the images that I want to appear in my css, are not appearing. I have made sure all of the div id's are correct, and they are. My CSS can be found he tinypaste[dot]com/770074 ALL of the images, do not appear. Any help?? (PS- I know some of my things in my CSS are probably not the best practice, but I am not really looking for your criticism, but rather the solution to my problem) Thanks! ~ Joe Hi guys, Why is this happening in IE8? It works in chrome/ff etc though. Links to site and css. Site Project: Final Fantasy CSS CSS Sorry if its too vague, let me know if you need more details. i have been trying my hand at css recently and done this page with some css in it but some how it does not seem to be working.my main problem is the fact the two divs one holding the navigation table and the other holding the texttable are not able to use the css properties in terms of font size and font alignment.i looks like that i have made some serious or stupid error here.i would appreciate any help with this.thanks.the code of the page is given below. <html> <head> <title> WORKING CSS WITH DIVS.................. </title> </head> <style type="text/css"> div.banner { POSITION:ABSOLUTE; TOP:0; LEFT:0;RIGHT:0; WIDTH:750; HEIGHT:100; OVERFLOW:AUTO; BORDER-LEFT: 5PX SOLID #454545; BORDER-TOP: 5PX SOLID #454545; BORDER-BOTTOM:5PX SOLID #454545; BORDER-RIGHT: 5PX SOLID #454545; FONT-FAMILY:ARIAL; FONT-SIZE:48PX; TEXT-ALIGN:LEFT;COLOR:WHITE; BACKGROUND-COLOR:BLACK; } div.navigationtable { FONT-FAMILY:TAHOMA; FONT-SIZE:10PX;TEXT-ALIGN:LEFT; } div.navigationtable { POSITION:ABSOLUTE; TOP:150; LEFT:10; WIDTH:150; HEIGHT:200; } div.texttable { FONT-FAMILY:BOOK ANTIQUA; FONT-SIZE:10PX; TEXT-ALIGN:JUSTIFY; } div.texttable { POSITION:ABSOLUTE; TOP:150; LEFT:190; WIDTH:560; } </style> <body bgcolor="#ffffff"> <div class="banner"> Hello.com </div> <div class="navigationtable"> <table border=1 cellpadding=0 cellspacing=0 width=150> <tr> <td><a href="http://www.yahoo.com">Yahoo</a></td> </tr> <tr> <td><a href="http://www.rediff.com">Rediff</a></td> </tr> <tr> <td><a href="http://www.bbc.co.uk">BBC</a></td> </tr> <tr> <td><a href="http://www.ebay.com">EBay</a></td> </tr> <tr> <td><a href="http://www.w3schools.com">W3Schools</a></td> </tr> <tr> <td><a href="http://www.cricket.org">Cricket</a></td> </tr> </table> </div> <div class="texttable"> <table border=1 cellpadding=0 cellspacing=0 width=560> <tr> <td> Viswanathan Anand kept himself in the race for the title by keeping the gap between him and leader Veselin Topalov to just half a point with one more round to go in the Category 20 M-Tel Masters chess tournament at Hotel Grand Sofia. He ensured that the in-form local hero Topalov did not run away with honours with a round to spare. In the last game to finish in the ninth round, Anand squeezed out a fine win in the endgame against a tired looking Michael Adams, who at various stages had even seemed slightly better with white, but it was Anand who seized the chances he got. Anand's win carried him to five points from nine rounds, and a clear second position and Topalov is half a point ahead at 5.5 points. In the final round, Anand will have white pieces against Judit Polgar, who drew her ninth round game against an off- colour Vladimir Kramnik. If Topalov and Anand end up with same points, they will have to have a play-off in rapid, where Anand will have a definite advantage. But for that situation to happen Anand must win against Polgar and hope Topalov does no better than a draw. Viswanathan Anand kept himself in the race for the title by keeping the gap between him and leader Veselin Topalov to just half a point with one more round to go in the Category 20 M-Tel Masters chess tournament at Hotel Grand Sofia. He ensured that the in-form local hero Topalov did not run away with honours with a round to spare. In the last game to finish in the ninth round, Anand squeezed out a fine win in the endgame against a tired looking Michael Adams, who at various stages had even seemed slightly better with white, but it was Anand who seized the chances he got. Anand's win carried him to five points from nine rounds, and a clear second position and Topalov is half a point ahead at 5.5 points. In the final round, Anand will have white pieces against Judit Polgar, who drew her ninth round game against an off- colour Vladimir Kramnik. If Topalov and Anand end up with same points, they will have to have a play-off in rapid, where Anand will have a definite advantage. But for that situation to happen Anand must win against Polgar and hope Topalov does no better than a draw. </td> </tr> </table> </div> </body> </html> Some of the styles or not working in my main.css file. Example: style for td is working but not for ul or li. Syntex is correct, cause I pulled the styles from another one of my sites. Is there something that can cause a partial reading of my main.css file? i have been trying my hand at css recently and done this page with some css in it but some how it does not seem to be working.my main problem is the fact the two divs one holding the navigation table and the other holding the texttable are not able to use the css properties in terms of font size and font alignment.i looks like that i have made some serious or stupid error here.i would appreciate any help with this.thanks.the code of the page is given below. <html> <head> <title> WORKING CSS WITH DIVS.................. </title> </head> <style type="text/css"> div.banner { POSITION:ABSOLUTE; TOP:0; LEFT:0;RIGHT:0; WIDTH:750; HEIGHT:100; OVERFLOW:AUTO; BORDER-LEFT: 5PX SOLID #454545; BORDER-TOP: 5PX SOLID #454545; BORDER-BOTTOM:5PX SOLID #454545; BORDER-RIGHT: 5PX SOLID #454545; FONT-FAMILY:ARIAL; FONT-SIZE:48PX; TEXT-ALIGN:LEFT;COLOR:WHITE; BACKGROUND-COLOR:BLACK; } div.navigationtable { FONT-FAMILY:TAHOMA; FONT-SIZE:10PX;TEXT-ALIGN:LEFT; } div.navigationtable { POSITION:ABSOLUTE; TOP:150; LEFT:10; WIDTH:150; HEIGHT:200; } div.texttable { FONT-FAMILY:BOOK ANTIQUA; FONT-SIZE:10PX; TEXT-ALIGN:JUSTIFY; } div.texttable { POSITION:ABSOLUTE; TOP:150; LEFT:190; WIDTH:560; } </style> <body bgcolor="#ffffff"> <div class="banner"> Hello.com </div> <div class="navigationtable"> <table border=1 cellpadding=0 cellspacing=0 width=150> <tr> <td><a href="http://www.yahoo.com">Yahoo</a></td> </tr> <tr> <td><a href="http://www.rediff.com">Rediff</a></td> </tr> <tr> <td><a href="http://www.bbc.co.uk">BBC</a></td> </tr> <tr> <td><a href="http://www.ebay.com">EBay</a></td> </tr> <tr> <td><a href="http://www.w3schools.com">W3Schools</a> </td> </tr> <tr> <td><a href="http://www.cricket.org">Cricket</a></td> </tr> </table> </div> <div class="texttable"> <table border=1 cellpadding=0 cellspacing=0 width=560> <tr> <td> Viswanathan Anand kept himself in the race for the title by keeping the gap between him and leader Veselin Topalov to just half a point with one more round to go in the Category 20 M-Tel Masters chess tournament at Hotel Grand Sofia. He ensured that the in-form local hero Topalov did not run away with honours with a round to spare. In the last game to finish in the ninth round, Anand squeezed out a fine win in the endgame against a tired looking Michael Adams, who at various stages had even seemed slightly better with white, but it was Anand who seized the chances he got. Anand's win carried him to five points from nine rounds, and a clear second position and Topalov is half a point ahead at 5.5 points. In the final round, Anand will have white pieces against Judit Polgar, who drew her ninth round game against an off- colour Vladimir Kramnik. If Topalov and Anand end up with same points, they will have to have a play-off in rapid, where Anand will have a definite advantage. But for that situation to happen Anand must win against Polgar and hope Topalov does no better than a draw. Viswanathan Anand kept himself in the race for the title by keeping the gap between him and leader Veselin Topalov to just half a point with one more round to go in the Category 20 M-Tel Masters chess tournament at Hotel Grand Sofia. He ensured that the in-form local hero Topalov did not run away with honours with a round to spare. In the last game to finish in the ninth round, Anand squeezed out a fine win in the endgame against a tired looking Michael Adams, who at various stages had even seemed slightly better with white, but it was Anand who seized the chances he got. Anand's win carried him to five points from nine rounds, and a clear second position and Topalov is half a point ahead at 5.5 points. In the final round, Anand will have white pieces against Judit Polgar, who drew her ninth round game against an off- colour Vladimir Kramnik. If Topalov and Anand end up with same points, they will have to have a play-off in rapid, where Anand will have a definite advantage. But for that situation to happen Anand must win against Polgar and hope Topalov does no better than a draw. </td> </tr> </table> </div> </body> </html> style.css body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } ul#tabs { list-style: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; } ul#tabs li { display: inline; } ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; } ul#tabs li a:hover { background-color: #f1f0ee; } ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; } div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; } div.tabContent.hide { display: none; } ---------------------------------------------- <html> <head><title>tab2</title> <link href="style.css" rel="stylesheet" type="text/css" media="screen"> </head> <body> <ul id="tabs"> <li><a href="#about">About JavaScript tabs</a></li> <li><a href="#advantages">Advantages of tabs</a></li> <li><a href="#usage">Using tabs</a></li> </ul> </body> </htlm> i haven't created any div tag but it should at list work on the ul tag. whats wrong???? Why does this css style work only in firefox and not IE : Code:
.showhide {font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;font-size: 12px;color: #EA6D67;cursor: pointer; onMouseOver:text-decoration: underline;}
Everything in the style works apart from the last section: {onMouseOver:text-decoration: underline;} Any ideas? Cheers |
|||||||