Färgad kant runt .png

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
Klaar
Posts: 196
Joined: 2005-12-07 20:11:32

Färgad kant runt .png

Post by Klaar »

Har suttit och jobbat lite på en hemsida åt en kompis. Men idiot som jag är så har jag bara använt Safari för att kolla så att den ser vettig ut. Det var först nu när jag bara har kvar att peta in innehållet på dom små sidorna som jag kom på att jag kanske borde kolla hur den ser ut i Firefox. Den ser kanon ut bortsett ifrån att dom bilderna jag använder som länkar får en blå kant runt sig, den blir lila när jag klickat på bilden.

Jag skulle helst bli av med den kanten men vet inte riktigt vad jag ska leta efter.

http://img339.imageshack.us/img339/2276/safarioa8.png
http://img252.imageshack.us/img252/4904/firefoxvx8.png

Detta är den första sidan jag gör så att jag är inte säker på vad jag ska ha med i CSSen förutom det som redan står där.

Code: Select all

body{
	background: url(corkboard.jpg);
}
.content{
	position: absolute;
	top: 90px;
	left: 300px;
	width: 500px;
	height:	550px;
	background-color: none;
	color: black;
	font-family: courier;
}
img.banner{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 250px;
	height: 250px;
}
img.paper{
	position: absolute;
	top: 70px;
	left: 250px;
	width: 600px;
	height: 550px;
}
img.chuck{
	position: absolute;
	top: 320px;
	left: 110px;
}
img.david{
	position: absolute;
	top: 460px;
	left: 100px;
}
img.emil{
	position: absolute;
	top: 0px;
	left: 800px;
}
img.jonas{
	position: absolute;
	top: 200px;
	left: 820px;
}
img.robin{
	position: absolute;
	top: 220px;
	left: 0px;
}
img.persson{
	position: absolute;
	top: 460px;
	left: 0px;
}
img.andreas{
	position: absolute;
	top: 400px;
	left: 820px;
}

Code: Select all

<html>
	<head>
		<title>
			TV.se - Världens bästa CS-klan
		</title>
		<link href="layout.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<a href="robin.html"><img class="robin" src="robin.png"></a>
		<a href="chuck.html"><img class="chuck" src="chucknorris.png"></a>
		<a href="persson.html"><img class="persson" src="persson.png"></a>
		<a href="david.html"><img class="david" src="david.png"></a>
		<a href="emil.html"><img class="emil" src="emil.png"></a>
		<a href="jonas.html"><img class="jonas" src="jonas.png"></a>
		<a href="andreas.html"><img class="andreas" src="andreas.png"></a>
		
		<a href="index.html"><img class="banner" src="logo.png"></a>
		<img class="paper" src="oldpaper.png">

		<div class="content">
				
		</div>
	</body>
<html>
User avatar
Peter Wall
Hedersbit
Posts: 7026
Joined: 2002-03-08 0:52:56
Location: Stockholm
Contact:

Post by Peter Wall »

I CSS:en kan du alltid ge rot-taggar lämpliga attribut. a-taggen och img-taggen är två sådana. Vill du inte ha någon ram runt så sätter du border none.
Diplomerad webbutvecklare
Microsoft Certified Professional Windows 2003
Microsoft Certified Technology Specialist Windows Vista
"Did you know kidneys and applesauce are a delicacy in Sweden? I'm gonna get my applesauce back!"
Klaar
Posts: 196
Joined: 2005-12-07 20:11:32

Post by Klaar »

Tack för hjälpen. Detta fixade biffen. :)

Code: Select all

img{
    border: none;
}
User avatar
Peter Wall
Hedersbit
Posts: 7026
Joined: 2002-03-08 0:52:56
Location: Stockholm
Contact:

Post by Peter Wall »

Bra att det ordnade sig:)
Diplomerad webbutvecklare
Microsoft Certified Professional Windows 2003
Microsoft Certified Technology Specialist Windows Vista
"Did you know kidneys and applesauce are a delicacy in Sweden? I'm gonna get my applesauce back!"
Post Reply