Learn VBA & Macros in 1 Week!

CSS - Working With <h3>

Full Excel VBA Course - Beginner to Expert

Working With <h3>	View Content

Hey, it's me again, I was wondering if there is a way to make any header tag (in my case, it's H3) so that the text appears as normal? Essentially, make it so that nothing changes with the text. eg- 'Hello <H3>everybody</H3>' would appear just the same as 'Hello everybody.'

I've tried multiple things using CSS, but can't seem to make it work.

Full Excel VBA Course - Beginner to Expert

Top: 0px; Not Working In Ie

Similar Tutorials

View Content

Hello,

Simple page trying to get the black line to be at the very top of the page. It works in all browsers (for me) except IE.

http://www.gypsydev.us/css/

Any idea what else I need to do?

Thanks,
GuruGeek

Need To Get This Working In Ie.

Similar Tutorials

View Content

Ok, I have a design and it works how I want it to in firefox.

http://www.eng.nene.ac.uk/~bf04thbu/

However, In IE there are two problems.

1. The graphical border doesnt go all the way around the content area. View it in firefox to see how it's supposed to look.

2. There is a small gap between the first #maintable and #maintable2.

Does anyone know how to fix these? I've been trying for a while without success. It appears that the #maintable2 div is on top of the two side images in #maintable2.

Thanks for any help.

Not Working?

Similar Tutorials

View Content

Hi all for some reason my css just won't work:
http://www.milztech.net/area51/

Css:
Code:

body
{
	font-family: verdana, geneva;
	font-size: 52px;
	background-color: #CCCCCC;
}

Any ideas??

Css Not Working

Similar Tutorials

View Content

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 Css Not Working

Similar Tutorials

View Content

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?

Css Not Working?

Similar Tutorials

View Content

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

Css Not Working

Similar Tutorials

View Content

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>

Why Is This Not Working?

Similar Tutorials

View Content

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

Why Is This Not Working?

Similar Tutorials

View Content

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">&nbsp;</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.

Not Working In Ie

Similar Tutorials

View Content

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.

Css Not Working

Similar Tutorials

View Content

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.

Css Not Working!!!!!

Similar Tutorials

View Content

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????

Those Are Not Working?

Similar Tutorials

View Content

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...

Nav Not Working In Ie8

Similar Tutorials

View Content

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.

Css Is Not Working Right :(

Similar Tutorials

View Content

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

Css Not Working

Similar Tutorials

View Content

Hello,

I have an odd problem.

I do some websites as a hobbie so I'm no expert.

I have created several sites using css with a linked stylesheet and never had a problem using:

link rel="stylesheet" href="styles.css" type="text/css"

Today I opened Homesite (old version 4.5) for the first time in a few months and began a new project. My problem is, I can't seem to get the stylesheet to work when linked. If I use it inline or in the head tag it works, just not linked. I'm using the same code I have always used. I even copied from other working pages to be sure I'm not missing something.

I have also opened several other existing projects stored locally and they work fine. Just nothing I code now will work.

I must be overlooking something simple.

Thanks for any ideas!

Ie Png Fix Not Working

Similar Tutorials

View Content

Hi there,

I'm working with a template which is utilizing really bad transparent corner images in the master css file, and for sake of maintenace ive created my own custom.css and Im trying overwrite those background gif's with png's in my custom.css without any success - its coming up blank

Any idea's where Im going wrong? FYI im using the !important hack which IE 6 and below supposedly ignore

Code:

/* master.css */
.sidebar_container .CL_upperLeftCorner{
	background-image: url('../images/top_left_gom.gif');
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin-right: -15px;
}

Code:

/* custom.css */
.sidebar_container .CL_upperLeftCorner{
	background-image: url('../images/top_left_gom.png') !imprtant; /* ignored by IE */
   background-image: none;     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/top_left_gom.png,
sizingMethod='scale');

	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	margin-right: -15px;
}

Css Tables Not Working In Ie, New To Css

Similar Tutorials

View Content

Hey,
I have searched the site and haven't found anybody with the same problem as me. I have the following code (The style block is in the head, but I want to only show what's important):

<style Type="text/css">
div#table { display: table; }
div#row { display: table-row; }
div#cell { display: table-cell; }
</Style>

Body:

<div id="table">
<div id="row">
<div id="cell">
Text A
</div>
<div id="cell">
Text B
</div>
</div>
</div>

In mozilla, NS, Opera, this code shows just fine, as a table with two cells side by side, but in IE it shows two rows, not cells. Any ideas? I did search, and didn't find the problem I'm having at all, infact I don't even see why this wouldn't work, it seems pretty cut and dry to me. Any help is appreciated!

TIA!
Mike.

Css Layout Not Working In Ie

Similar Tutorials

View Content

I'm working on tidying up my wiki's Main Page. You can see the progress here; it seems to work fine in FireFox, but in IE the yellow div gets pushed below the two green div's floated to the right of the page. If you don't have firefox, then the top of the yellow div should line up with the top of the green div.

The source is too big to post here, just view it from the page I llinked to...

Any idea why this is happening?

Thanks for your time,

-Ross

[edit]

Nevermind, sorted it

Links Not Working In Ie - Using Css

Similar Tutorials

View Content

Can anyone help me out here please?
I have an urgent request and need to get this site up and running tomorrow :-(
I cannot seem to hover over, mouse over any of my a:hover, link, over etc in IE.
The cursor just sticks as an arrow and doesn't change to a hand. It works in Firefox fine.
Thanks in advance. Lisa :-)

My HTM file:
**************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<META name="Description" content="">
<META name="Keywords" content="">
<link href="css/main.css" rel="stylesheet" type="text/css">

<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<script language="javascript" src="scripts/menu.js" type="text/javascript">
</script>
</head>
<body>
<div id="nav-toplevel">
<div id="nav-meta">
<ul title="Top Level Navigation bar">
<li><a href="index.php" title="">home</a></li>
<li><a href="aboutus.php" title="">about us</a></li>
<li><a href="contact.php" title="">contacts</a></li>
</ul>
</div>
</div>

<div id="nav-nextlevel">
<div align="center">
<div id="menu">
<ul id="menujs">
<li id=""><a href="./" title="">Item 1</a>
<ul>
<li id=""><a href="" title="">Thailand</a></li>
<li id=""><a href="" title="">Thailand</a></li>
<li id=""><a href="" title="">Thailand</a></li>
</ul>

<li id=""><a href="./" title="">Item 2</a>
<ul>
<li id=""><a href="" title="">Thailand</a></li>
</ul>
</li>
<li id=""><a href="./" title="">Item 3</a>
<ul>
<li id=""><a href="" title="">Thailand</a></li>
</ul>
</li>
<li id=""><a href="./" title="">Item4</a>
<ul>
<li id=""><a href="" title="">Thailand</a></li>
</ul>
</li>
<li id=""><a href="./" title="">Item 5</a>
<ul>
<li id=""><a href="" title="">Thailand</a></li>
</ul>
</li>
<li id=""><a href="./" title="">Item 6</a>
<ul>
<li id=""><a href="" title="">Thailand</a></li>
</ul>
</li>
<li id=""><a href="./" title="">Item 7</a>
<ul>
<li id=""><a href="" title="">Thailand</a></li>
</ul>
<li id="selectcountry"><a href="#" title="">Item 8</a>
<ul>
<li id="thailand"><a href="" title="">Thailand</a></li>
</ul>
</li>
</li>
</ul>
</div>
</div>
</div>
 </div>

<div id="container">
<div id="content">
<h1>Main Heading Here</h1>
<h2 align="center">These Links Don't Work :-(</h2>
<p>
<strong>This link doesn't work<a href="." target="_self">Thailand</a><br>
<br>
<strong>This link doesn't work<a href="." target="_self">Thailand</a><br>
<br>
<strong> This link doesn't work <a href=".">Thailand</a></p>
</div>
<div id="contentb">
</div>
<div id="footer">
<p id="info-footer">
<a href="">Doesn't Work</a> |
</p>
</div></div>
</body>
</html>

**************
Here's my main.css

html {
font-family:verdana, arial, helvetica, sans-serif;
font-size:65%;
color:#555;
background:#fff;
/* Border Image */
background-image:url("../images/htm6l.png");
background-position:center center;
background-repeat:repeat-y;
}

body {
position:relative;
width:700px;
padding:15px 30px 180px 20px;
margin:10px auto 10px auto;
/* Page Background */
background-image:url("../images/body.png");
background-position:center center;
background-repeat:repeat-y;
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;
}

#banner {
position:absolute;
left:0;
width:100%;
height:120px;
padding:0 !important;
padding-right:50px;
background-color:#FFF;
/* top image */
background-image:url("../images/scuba_8.jpg");
background-position:150px 0;
background-repeat:no-repeat;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
}

#nav-toplevel {
position:relative;
right:290px;
margin-right:-25px;
}
#nav-nextlevel {
position:relative;
right:0px;
margin-right:-30px;
}

#nav-meta {
position:absolute;
right:0;
top:1px !important;
top:0px;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
}

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color:#F8FBFF;
border:1px solid #ccc;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:2px;
padding-bottom:2px;
font-size:0.94em;
letter-spacing:0.04em;
color:#888;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
border-top:1px dashed #CACACA;
}

#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
background-color:#fff;
text-decorationverline;
}
#menu ul,
#menu li,
#ClearFloat {
margin:0px;
padding:0px;
}
#menu{
position:absolute;
display:block;
top:122px;
margin:0px 0px 0px 99px;
width:auto;
font-family:verdana,Georgia, serif;
font-size:11px;
list-style-type:none;
float:left;
z-index:300;
}

#menu ul li ,
#menu ul li ul li {
position:relative;
font-family:verdana,Georgia, serif;
list-style-type:none;
float:left;
z-index:500;

}
#menu ul li ul {
position:absolute;
display:none;
font-family:verdana,Georgia, serif;
}
#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited {
display:block;
font-size:11px;
font-family:verdana,Georgia, serif;
color:#888;
text-decoration:none;
margin-left:3px;
margin-top:0px;
padding-bottom:3px !important;
padding-left:4px;
padding-right:4px;
padding-top:3px;
background-color:#FFF;
border:1px solid #ccc;
border-top:none;
line-height:10px;
}
#menu ul li.over ul,
#menu ul li:hover ul {
display:block;
font-size: 11px;
font-family:verdana,Georgia, serif;
text-align:left;
width:100px;
background-color:transparent !important;
text-decoration:none !important;
}

#menu ul li a:hover {
display:block;
font-size:11px;
font-family:verdana,Georgia, serif;
color:#ccc;
}

#menu ul li ul li a:hover {
display:block;
font-size:11px;
font-family:verdana,Georgia, serif;
}

#container {
position:relative;
top:160px;
height:100%;
background-color:#F8FBFF;
/* Footer Image */
background-image:url("../images/scuba_footer.jpg");
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:10px;
z-index:100;
}

#content {
position:relative;
width:700px;
background:transparent;
}

#content p {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 25px;
margin:0 15px 1.1em 0;
background-image:url("../images/shadow2.png");
background-position:bottom center;
background-repeat:no-repeat;
}

#content ol, #content ul{
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 25px;
margin:0 13px 1.1em 0;
background-image:url("../images/shadow2.png");
background-position:bottom center;
background-repeat:no-repeat;
}
#content li {
list-style-type:square;
margin: 0px 0px 0px 15px;
}

#contentb {
position:relative;
width:525px;
background:transparent;
}

#contentb p {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 20px;
margin:0 15px 1.1em 0;
background-image:url("../images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}

#contentb ol, #contentb ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
background-image:url("../images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}
#contentb li {
list-style-type:square;}

h1,h2,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:11px;
font-family:century gothic, serif;
letter-spacing:0.04em;
background-repeat:no-repeat;
border-bottom:1px solid #ECECEC;
background:transparent;
}

h1 {
width:680px;
padding-top:0.3em;
padding-left:2px;
font-size:14px;
color:#4a74c0;
background-image:url("../images/sand23.png");
background-position:bottom left;
background:transparent;

}

h4 {
border-bottom:0px solid #ECECEC;
}

h2,h3,h4,h5,h6 {
font-size:12px;
font-size:1.3em;
color:#4a74c0;
padding-left:25px;
background-position:bottom left;
}

h2,h3, h4, h5, h6 {
width:660px;
}

h1:first-letter ,h2:first-letter {
font-size:1.6em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.5em;
text-transform:uppercase;
}

#footer {
position:absolute;
bottom:3px !important;
bottom:0px;
right:23px;
width:100%;
font-size:0.94em;
}

#info-footer {
position:absolute;
right:-32px;
}

a:link {
color:#888;
text-decoration:underline;
}

a:visited {
color:#888;
text-decoration:underline;
}

a:hover {
color:#ff490d;
text-decoration:none;
}

a:active {
color:#000;
text-decoration:none;
}

*************************
Here's my menu.js

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menujs");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}

window.onload=startList;

********************
here's my ie.css#container {
z-index:-1;
}

I would really appreciate any help.
Thanks again Lisa.