Css issues, help please - GoFuckYourself.com

Pete-KT · 02-17-2006, 10:34 AM

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

psili · 02-17-2006, 10:45 AM

did you assign a width and everything?

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

should work everywhere.

Pete-KT · 02-17-2006, 10:48 AM

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

Pete-KT · 02-17-2006, 10:54 AM

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

swedguy · 02-17-2006, 10:54 AM

Post what your code looks like

Tom_PM · 02-17-2006, 10:56 AM

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

Pete-KT · 02-17-2006, 11:02 AM

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>

LiveDose · 02-17-2006, 11:02 AM

Quote:

Originally Posted by swedguy

Post what your code looks like

yeah let's see it Pete.

psili · 02-17-2006, 11:21 AM

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*

Pete-KT · 02-17-2006, 11:23 AM

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

swedguy · 02-17-2006, 11:25 AM

You haven't set the width of the border

border: #FFFFFF;

should be

border: 1px solid #FFFFFF;

and what psili said.

swedguy · 02-17-2006, 11:27 AM

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.

ssp · 02-17-2006, 11:27 AM

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.

Tom_PM · 02-17-2006, 11:29 AM

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.

Pete-KT · 02-17-2006, 11:33 AM

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

psili · 02-17-2006, 11:36 AM

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

datatank · 02-17-2006, 11:37 AM

This is a lifesaver
http://www.w3schools.com/css/css_examples.asp

Pete-KT · 02-17-2006, 11:37 AM

Got it thanks guys

swedguy · 02-17-2006, 11:38 AM

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.

psili · 02-17-2006, 11:38 AM

Quote:

Originally Posted by Pete-KT

Got it thanks guys

You going to share how it was fixed ?

RazorSharpe · 02-17-2006, 11:46 AM

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

mikeyddddd · 02-17-2006, 11:57 AM

Quote:

Originally Posted by psili

You going to share how it was fixed ?

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

Pete-KT · 02-17-2006, 12:22 PM

Quote:

Originally Posted by psili

You going to share how it was fixed ?

Had the wrong style set for my table easy fix

just overlooked it

sfera · 02-17-2006, 12:30 PM

this cross browser stuff is a headache sometimes

02-17-2006, 10:34 AM	#1
Pete-KT Workin With The Devil Industry Role: Join Date: Oct 2004 Location: West Bloomfield, MI Posts: 51,532	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

02-17-2006, 10:45 AM	#2
psili Confirmed User Join Date: Apr 2003 Location: Loveland, CO Posts: 5,526	did you assign a width and everything? style="border: 1px SOLID #FFFFFF;" should work everywhere. __________________ Your post count means nothing.

02-17-2006, 10:56 AM	#6
Tom_PM Porn Meister Industry Role: Join Date: Feb 2005 Posts: 16,443	It's probably something else. IE and FF handle box properties differently. IE does them wrong, as usual, lol. __________________ 43-922-863 Shut up and play your guitar.

02-17-2006, 11:21 AM	#9
psili Confirmed User Join Date: Apr 2003 Location: Loveland, CO Posts: 5,526	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 __________________ Your post count means nothing.

02-17-2006, 11:27 AM	#13
ssp Confirmed User Join Date: Jan 2005 Location: United Kingdom Posts: 7,990	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.

02-17-2006, 10:54 AM	#5
swedguy Confirmed User Industry Role: Join Date: Jan 2002 Posts: 7,981	Post what your code looks like

02-17-2006, 11:25 AM	#11
swedguy Confirmed User Industry Role: Join Date: Jan 2002 Posts: 7,981	You haven't set the width of the border border: #FFFFFF; should be border: 1px solid #FFFFFF; and what psili said.

02-17-2006, 11:29 AM	#14
Tom_PM Porn Meister Industry Role: Join Date: Feb 2005 Posts: 16,443	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. __________________ 43-922-863 Shut up and play your guitar.

02-17-2006, 11:36 AM	#16
psili Confirmed User Join Date: Apr 2003 Location: Loveland, CO Posts: 5,526	K. We have the stylesheet, throw down an example HTML of how your actually using it. That may help a bit. __________________ Your post count means nothing.

02-17-2006, 11:37 AM	#17
datatank Confirmed User Join Date: Aug 2004 Location: My dog is blacker than Tupac Posts: 5,471	This is a lifesaver http://www.w3schools.com/css/css_examples.asp

02-17-2006, 11:46 AM	#21
RazorSharpe Confirmed User Industry Role: Join Date: Aug 2001 Location: Scotland Posts: 2,238	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 ... __________________ Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

02-17-2006, 12:30 PM	#24
sfera Confirmed User Join Date: Aug 2005 Location: ICQ: 248877409 Posts: 8,597	this cross browser stuff is a headache sometimes