GoFuckYourself.com - Adult Webmaster Forum

- Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)

- - Css issues, help please (https://gfy.com/showthread.php?t=577105)

Css issues, help please

I have a border color set for white, it works fine in FireFox but in IE there is no border can someone give me a hand please

did you assign a width and everything?

style="border: 1px SOLID #FFFFFF;"

should work everywhere.

Quote:

Originally Posted by psili

did you assign a width and everything?

style="border: 1px SOLID #FFFFFF;"

should work everywhere.

Ya its assigned but for some reason showing up black in IE but white in Firefox and i want the white

Quote:

Originally Posted by psili

1px SOLID "

That makes every line and image have a white border, i just need it for what set borders for

Post what your code looks like

It's probably something else. IE and FF handle box properties differently. IE does them wrong, as usual, lol.

Quote:

Originally Posted by swedguy

Post what your code looks like

Here

Code:

<style type="text/css">

<!--

body,td,th {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        color: #FFFFFF;

        border:  #FFFFFF;;

        border-color: white;

}

body {

        background-color: #FFFFFF;

        background-image: url(bg.jpg);

        margin-left: 0px;

        margin-top: 0px;

        margin-right: 0px;

        margin-bottom: 0px;

        border:  #FFFFFF;;

}



.style1 {

        color: #AE0408;

        border:  #FFFFFF;;

        border-color: white;

}

.style2 {

        font-size: x-large;

        font-weight: bold;

        color: #FFCC00;

        border:  #FFFFFF;;

        border-color: white;

}

.style3 {

        color: #FFCC00;

        border:  #FFFFFF;;

        border-color: white;

}

.style4 {

        color: #FF0000;

        border:  #FFFFFF;;

        border-color: white;

}

.style5{border: 2px solid #FFFFFF;

                border-color: white;}

.style7{border:  #FFFFFF;; 

                border-color: white;}

}

a:link {

        color: #FFFFFF;

        text-decoration: none;

        border:  #FFFFFF;;

        border-color: white;

}

a:visited {

        text-decoration: none;

        color: #FFFFFF;

        border:  #FFFFFF;;

        border-color: white;

}

a:hover {

        text-decoration: none;

        color: #FFFFFF;

        border:  #FFFFFF;;

        border-color: white;

}

a:active {

        text-decoration: none;

        color: #FFFFFF;

        border:  #FFFFFF;;

        border-color: white;

}

.style6 {

        font-size: x-large;

        font-weight: bold;

        color: #FFCC00;

        border:  #FFFFFF;;

        border-color: white;



}

-->

</style>

Quote:

Originally Posted by swedguy

Post what your code looks like

yeah let's see it Pete.

try not to mix-match

border
and
border-color

-- border-color just defined color attributes
-- border allows you to define border width, style and color

*shrug*

Quote:

Originally Posted by psili

try not to mix-match

border
and
border-color

-- border-color just defined color attributes
-- border allows you to define border width, style and color

*shrug*

Ive tried bith of them indepently and togather and still doesnt work

You haven't set the width of the border

border: #FFFFFF;

should be

border: 1px solid #FFFFFF;

and what psili said.

If I remember correct, Mozilla has a default border of 1px (that's why you see it without setting it) and IE has a default of 0px.

The below code will work.

Code:

img

           {

           border-width: 1px;

           border-color: #FFFFFF;

           border-style: solid;

           }

I don't mean to be a prick but I suggest reading a manual on CSS once.

This is a nice old reference that is worth a bookmark: http://www.htmlhelp.com/reference/css/properties.html

Check the box properties.

It could also be other parts of your HTML code too. IE and FF handle Margin, Cellspacing and Padding differently. So if you have padding in the HTML, or other conflicting things, try one by one until you find it.

Quote:

Originally Posted by swedguy

You haven't set the width of the border

border: #FFFFFF;

should be

border: 1px solid #FFFFFF;

and what psili said.

When I did that every table got a border even if the border is specified as zero

K. We have the stylesheet, throw down an example HTML of how your actually using it. That may help a bit.

Quote:

Originally Posted by Pete-KT

When I did that every table got a border even if the border is specified as zero

Just look at the what style name the table has and set it in the appropriate style, for example:

.style1 { ...... }

Make sure that the other tables doesn't use the same style.

Quote:

Originally Posted by Pete-KT

Got it thanks guys

You going to share how it was fixed ? :winkwink:

Hi Pete,

first off, there is an opening brace / close brace mismatch. Basically, the number of open don't match the number of close braces.

The culprit is style 5 and 7

next, you have multiple semi-colons after values, like this:

border: #FFFFFF;;

it should be:
border: #FFFFFF;

Cheers ...

Quote:

Originally Posted by psili

You going to share how it was fixed ? :winkwink:

At least he gave a thanks. So many times there's not even a :321GFY

Quote:

Originally Posted by psili

You going to share how it was fixed ? :winkwink:

Had the wrong style set for my table easy fix :) just overlooked it

this cross browser stuff is a headache sometimes