webForumDet fria alternativet

Fråga om "bordercolor" i FireFox

HTML & CSSur HTML, XHTML & CSS

8 svar · 443 visningar · startad av EmmaW

Medlem sedan apr. 2008152 inlägg
Frågan#1

Hej :)

När jag väljer en "bordercolor" så funkar det fint i Internet Explorer. Men i FireFox får jag en jättekonstig ram som är mörkare där nere osv. Hur kan jag göra så jag får en normal "bordercolor" i FireFox?

Medlem sedan mars 20007 896 inlägg
#2

Hur ser det ut där du sätter dina attribut?

Följande är standard, där man sätter alla attribut till sin border samtidigt.

<div style="border: 1px solid #123456;">
...
</div>
Medlem sedan aug. 20051 448 inlägg
#3

välkommen till webforum :)

kan du utveckla hur du gör för att välja bordercolor? vad vill du ha ram på?
ju mer utförlig du är i din beskrivning av problemet ju lättare är det att hjälpa dig.

Medlem sedan apr. 2008152 inlägg
#4

Tack :)

Mitt ser ut såhär:

<table cellpadding='1' border='7' bordercolor="#cfd9e6" cellspacing='0' width='100%'>

Hur gör jag då för att ändra det till "standarden"? Jag försökte göra det via dreamweaver först för att få rätt koder men jag hittar inte inställningen för att göra en bordercolor där..

Medlem sedan okt. 20001 285 inlägg
#5

Välkommen från mig med :)

Det där är gammalt och förlegat. Ge table ett ID och sätt utseende via en stilmall (css)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="cache-control" content="no-cache" />
		
		<link rel="shortcut icon" type="image/x-icon" href="icon.ico" />
		
		<style type="text/css"><!--/*--><![CDATA[/*><!--*/
			body
			{
			
			}
			
			#emma-table
			{
				background-color: #747474;
				width: 100%;
				margin: 0;
				
			}

			#emma-table td
			{
				background-color: #FEF1D8;
				padding: 5px 10px;
				margin: 0 3px 0 3px;
			}
		/*]]>*/--></style>
		
		<title>Emma</title>
		
	</head>
	<body>
	
		<h1>Emma</h1>

		<table id="emma-table">
			<tr>
				<td>Hej</td><td>Tja</td><td>Hola</td>
			</tr>
		</table>

	</body>
</html>
Medlem sedan apr. 2008152 inlägg
#6

Tack, med denna kod funkar den fint i FireFox nu! :)

Men hur ändrar jag storlek på "bordern"?

Medlem sedan apr. 2008152 inlägg
#7

Jag lyckas bara få en smal "border" med koden..hur ändrar jag tjockleken på den? :r

Medlem sedan mars 20007 896 inlägg
#8

Med koden som Fuel använde;

...
			#emma-table
			{
				background-color: #747474;
				width: 100%;
				margin: 0;
				[b]border: 3px solid #cfd9e6;[/b]
			}
...

Då får du en border som är 3px tjock.

Medlem sedan apr. 2008152 inlägg
#9

Tack, det löste problemet :)

129 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)