Stupid CSS Bugs

[Licker4U]

Originally Posted by Doug E

No, css already defines the border so theres no need for the border tag.

Thanks!

Originally Posted by Doug E

For me it was hard to get used to dropping cellspacing and padding and replacing it with css padding and margins. Took a bit to wrap my mind around it. But once I got onto it its been sweet.

Now that sounds nice.

[Licker4U]

Well, I never thought it would be possible but I'm building sites with external style sheets faster than the old way. Here I sit with a site ready to submit, waiting for the 24 hour clock to tick down so I can get it submitted. This is nice but now I have to find something to occupy my time...

[Maj. Stress]

Originally Posted by Licker4U

This is nice but now I have to find something to occupy my time...

Get crackin on your next site. I've found with the limited css I use it is a plus all the way. I learn a little more as a I go.

[Licker4U]

AAAAARRRRGGGHHHH!! |shocking|

OK, now that I've pulled out ALL my hair and used up my LAST nerve, why would a page look fine in Firefox but have trouble in IE?? I've gone over the CSS line by line and it looks fine. |shocking| I thought Firefox was more critical of errors.

[Licker4U]

Nevermind...A complete and total reboot fixed things. Go figure...

[Doug E]

Ive found IE to be more critical of errors. But you'll get far less if you go with html strict, but im sounding like a broken record now

[Licker4U]

If I have a background saved as bg.gif, shouldn't this set it as the body background on a page?

body {background-image: url(bg.gif);}

[Maj. Stress]

Licker,
That looks like the right syntax. Did you tell it to repeat?
background-repeat: repeat;

http://www.w3schools.com/css/pr_background-repeat.asp

[Licker4U]

Originally Posted by Maj. Stress

Licker,
That looks like the right syntax. Did you tell it to repeat?
background-repeat: repeat;

I didn't but just did and still nothing...

Here's the page: http://www.best-wet-pussy.com/lesbian-sweethearts

Ahhhh, wait a minute, lemme delete history, cache, etc. That might be the problem

[Maj. Stress]

body
body {background-image: url(bg.gif);
background-repeat: repeat}

Take the first "body" out and put a ; after repeat and see what happens

[Licker4U]

Originally Posted by Maj. Stress

body
body {background-image: url(bg.gif);
background-repeat: repeat}

Take the first "body" out and put a ; after repeat and see what happens

Well duuuuh, that extra "body" was the culprit. me
(I wish there was a CSS validator)

I thought the ";" was if you were going to add more things to the list of attributes. I put it in and left it out and it didn't affect anything.

Well, that fixed it in Firefox but it's not appearing in IE.

[Maj. Stress]

I sent you a copy I made of the page and css that works. Check your mail at aol.

[Licker4U]

Thanks, I'll take a look

[Licker4U]

I deleted temporary internet files and deleted history which didn't work. I deleted cookies and that fixed the problem. That and getting rid of the extra "body".

Thanks!

[Simon]

Originally Posted by Licker4U

(I wish there was a CSS validator)

Try this one...
http://jigsaw.w3.org/css-validator/

Also, if you're making changes to an external css file and not seeing the changes in your html page (especially in IE), one thing that often "refreshes" everything is to load your external css file in your browser and then load your html page in the same window. It's harder for IE (and other browsers) to act like they don't know about your changes after you've just rubbed their faces in it.

[oast]

Originally Posted by Simon

Try this one...
http://jigsaw.w3.org/css-validator/

Also, if you're making changes to an external css file and not seeing the changes in your html page (especially in IE), one thing that often "refreshes" everything is to load your external css file in your browser and then load your html page in the same window. It's harder for IE (and other browsers) to act like they don't know about your changes after you've just rubbed their faces in it.

A refresh using Ctrl+F5 will force the browser to download all fresh content from the server.

[Licker4U]

Originally Posted by Simon

Try this one...
http://jigsaw.w3.org/css-validator/

Also, if you're making changes to an external css file and not seeing the changes in your html page (especially in IE), one thing that often "refreshes" everything is to load your external css file in your browser and then load your html page in the same window. It's harder for IE (and other browsers) to act like they don't know about your changes after you've just rubbed their faces in it.

Originally Posted by oast

A refresh using Ctrl+F5 will force the browser to download all fresh content from the server.

Thanks, I'll try both

[Licker4U]

When using this for a dotted border:

p.dotted {border-style: dotted;
border-color: #0000ff}

is there any way to adjust the size of the dots? All I've found is thick, medium and thin....

I found it. This works:

border-width: 2px

[HC-Majick]

edit...nevermind, seems to be some bugs.

[Licker4U]

Are there any neat things that can be done to text with CSS like shadow, glow, etc?

[Simon]

If you're willing to have (most?) effects only work in Internet Explorer and only on the Windows platform, then these links may help.

www.w3.org/TR/REC-CSS2/text.html
http://tutorials.alsacreations.com/ombre/
www.webthang.co.uk/Tuts/tuts_css/css4/css4.asp

More at www.google.com/search?q=css+text+effects

Filter generator
http://rainbow.arch.scriptmania.com/...generator.html

Make sure to look at these effects in Firefox since many reviewers prefer using that browser. You need to be sure things will degrade in ways that won't hurt you.

[Licker4U]

Thanks Simon, one of those was exactly what I wanted

[Licker4U]

I'm using this for a text link but the font is showing up bold. How can I get the font to be normal, not bold?

a.two:link {
color: #ff0000;
font-family: Arial;
font-size: 22px;
text-decoration: underline;
font-style: italic;
}

a.two:active {
color: #ff0000;
font-family: Arial;
font-size: 22px;
text-decoration: underline;
font-style: italic;
}
a.two:visited {
color: #ff0000;
font-family: Arial;
font-size: 22px;
text-decoration: underline;
font-style: italic;
}
a.two:hover {
color: #ff0000;
font-family: Arial;
font-size: 22px;
text-decoration: underline;
font-style: italic;}

[Preacher]

font-weight: normal

[Licker4U]

Originally Posted by Preacher

font-weight: normal

Well damn, that was too easy.

Thanks!