håller på att göra en websida till min bror arbetstillfälle. och har då stött på ett problem när jag använder mig av html länk bilden under länkarna blir konstig.
finns det något sätt att fixa detta på? eller måste jag ta bort bilden i bakgrunden för att få bort det?
Asus Striker II Extreme / XFX Geforce GTX 280 / Q9450 @ 3.6GHz/ TRUE Noctua 120/ 4x1GB Corsair TWIN3X2048-1333C9DHX / X25-M G2 80gb Velociraptor / Win 7 Ultimate x64/ Antec P190
/Mvh Stefan
Testa det ni skrev funkar inte så bra jag kan skicka visa min css fil och min html fil.
Css fil.
/* body layout */
body{ margin-top: 0; font-family: Arial; font-size:12px; background: #b8b8b8}
a{outline-style:none; padding: 0.25em; text-decoration: none; font-size: 12px;}
a:link{color: #000000; background: #3c3c3c;}
a:visited{color: #000000; background: #3c3c3c;}
a:hover {color: #628a41;}
a#current{background: #3c3c3c; color: #628a41; font-weight: bold;}
/* huvud meny*/
#meny{margin-left: 0; padding-left: 0;}
#meny li{display: inline; list-style-type: none;}
#meny a{outline-style:none; padding: 0.25em 3em; text-decoration: none; font-size: 16px;}
#meny a:link{color: #000000; background: #3c3c3c;}
#meny a:visited{color: #000000; background: #3c3c3c;}
#meny a:hover {color: #628a41; }
#meny a#current{background: #3c3c3c; color: #628a41; font-weight: bold;}
/* kolumner och centrering av dom */
#centrering {width: 924px; margin-right: auto; margin-left: auto; }
#kolumn1 {width: 924px; background: #3c3c3c; border-left-style:solid; border-right-style:solid; border-color:#628a41}
#kolumn2 {float: left; width: 924px; background: #3c3c3c;border-left-style:solid; border-right-style:solid; border-color:#628a41}
#kolumn3 {float: left; width: 924px; min-height:400px;border-left-style:solid; border-right-style:solid; border-color:#628a41; background : #3c3c3c url(../img/fade.jpg) no-repeat bottom center; }
#kolumn4 {float: left; width: 924px; background : #3c3c3c;border-left-style:solid; border-right-style:solid; border-color:#628a41}
/* text format */
.textformat1 {font-size: 10px; font-weight: normal; letter-spacing: 2px; }
.textformat2 { font-family: Courier New; color: #000000; font-size: 20px; font-weight: bold; letter-spacing: 4px; }
/* media meny */
#meny1{margin-left: 0; padding-left: 0;}
#meny1 li{display: inline; list-style-type: none;}
#meny1 a{outline-style:none; padding: 0.25em 1em; text-decoration: none; font-size: 13px;}
#meny1 a:link{color: #000000; background: #3c3c3c;}
#meny1 a:visited{color: #000000; background: #3c3c3c;}
#meny1 a:hover {color: #628a41; }
#meny1 a#current{background: #3c3c3c; color: #628a41; font-weight: bold;}
HTML fil.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Kristofer Ling</title>
<link href="layout.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Första kolumn med loggo och media spelare.-->
<div id="centrering">
<div id="kolumn1">
<center>
<img src="../img/framsida.jpg">
</center>
</div>
<!-- andra kolumn med meny-->
<div id="kolumn2">
<ul id="meny">
<center>
<li><a href="../index.htm">Home</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="#" id="current">Art</a></li>
<li><a href="contact.htm" >Contact</a></li>
</ul>
<div class="content"><ul id="meny1">
<ul>
<li><a href="art.htm">2D</li>
<li><a href="#" id="current">3D</a></li>
<li><a href="video.htm">Other</a></li>
</ul>
</div>
</center>
</div>
<!-- tredje kolumn med innehåll-->
<div id="kolumn3">
<center>
<a href="Alice.htm"> <img src="../img/3D/thumbs/Alice_smokingcaterpillar2.jpg"> </a>
<a href="Alien.htm"> <img src="../img/3D/thumbs/alien2.jpg"> </a>
<a href="Bunnyman.htm"> <img src="../img/3D/thumbs/Bunnyman2.jpg"> </a>
<a href="cyber-turkey.htm"> <img src="../img/3D/thumbs/cyber-turkey2.jpg"> </a>
<a href="desertmessenger.htm"> <img src="../img/3D/thumbs/desertmessenger2 (kopia).jpg"> </a>
<a href="sketches.htm"> <img src="../img/3D/thumbs/mechanicalarmour2.jpg"> </a>
<a href="sketches.htm"> <img src="../img/3D/thumbs/miner2 (kopia).jpg"> </a>
<a href="sketches.htm"> <img src="../img/3D/thumbs/PaddanVFX 2(kopia).jpg"> </a>
<a href="sketches.htm"> <img src="../img/3D/thumbs/RonPerlman2.jpg"> </a>
<a href="sketches.htm"> <img src="../img/3D/thumbs/Wolverine2.jpg" > </a>
</center>
</div>
<!-- rättigheter-->
<div id="kolumn4">
<div class="myHr"/></div>
<ul class="textformat1"><b>Kristofer Ling</b> © 2009
</body>
</html>
Vet inte rikigt om ni förståg rätt vill inte bli av med border utan detta.
Kom-pa-TI-bilitet
Kom-pa-TI-bilitet
Hur kan syltkakor överleva i det vilda utan ögon?
Kom-pa-TI-bilitet
Copyright © 1999–2024 Geeks AB. Allt innehåll tillhör Geeks AB.
Citering är tillåten om källan anges.
