Trädvy Permalänk
Medlem
Plats
göteborg
Registrerad
Maj 2006

Html bild länk.

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?

Trädvy Permalänk
Medlem
Plats
Bromma
Registrerad
Aug 2008

Vad pratar du om?:S

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

MovieDatabase

Trädvy Permalänk
Medlem
Plats
göteborg
Registrerad
Maj 2006

om du tittar under bilderna så är det grått. jag vill inte ha det där. har en bakgrunds bild bakom länkarna.

Trädvy Permalänk
Medlem
Plats
Uppsala
Registrerad
Apr 2003

Testa lägg in detta i din bildkod:
style="border-style: none"
Så den ser ut såhär:
<img src="bild.jpg" style="border-style: none">

Trädvy Permalänk
Medlem
Plats
Lund
Registrerad
Jan 2005

Bilderna ligger i a taggar? Sätt display:block; på a taggarna så bör de fylla ut sin container. Och det gråa är la för att din container till bilderna har grå bakgrund genom css antar jag...

Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Nov 2003

Och så verkar bilderna vara floatade inuti a-elementet. Prova att sätta a img { float: none } för säkerhets skull, och sen ändra typ bakgrundsfärgen eller bordern eller vad det nu är som gör att det är grått.

Mvh Stefan -
Hamburgare är kärlek!
Receptologi är livet!

Trädvy Permalänk
Medlem
Plats
göteborg
Registrerad
Maj 2006

Testa det ni skrev funkar inte så bra jag kan skicka visa min css fil och min html fil.

Css fil.

Citat:

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

Citat:

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

Trädvy Permalänk
Medlem
Plats
i din garderob
Registrerad
Sep 2007

Om du har en testsida tillgänglig på nätet så tar jag mig en bättre koll. Förresten, det heter rad och inte kolumn!

Bilanaloger är som Volvo — varenda svenne kör med dem

Trädvy Permalänk
Medlem
Plats
göteborg
Registrerad
Maj 2006

så jag ska hosta den på en server?

Trädvy Permalänk
Medlem
Plats
i din garderob
Registrerad
Sep 2007

Det skulle underlätta en hel del för vår (eller åtminstone min) del.

Bilanaloger är som Volvo — varenda svenne kör med dem

Trädvy Permalänk
Medlem
Plats
Lund
Registrerad
Jan 2005

Jag förstår inte, du har ju själv satt background color på containern som håller bilderna. Och den blir så liten för att dina a taggar inte har display:block;
Vill du ha bort det gråa helt ta då bort din färg på containern? :S

Och av någon anledning så använder du inte clear efter dina floats...

Trädvy Permalänk
Medlem
Plats
Halmstad
Registrerad
Apr 2003
Citat:

Ursprungligen inskrivet av DUNXIII
Och av någon anledning så använder du inte clear efter dina floats...

För att det inte behövs i alla situationer!

Hur kan syltkakor överleva i det vilda utan ögon?

Trädvy Permalänk
Medlem
Plats
i din garderob
Registrerad
Sep 2007

Han behöver inte ens floats där.. hans "kolumner" är vågräta..

Bilanaloger är som Volvo — varenda svenne kör med dem

Trädvy Permalänk
Medlem
Plats
Lund
Registrerad
Jan 2005
Citat:

Ursprungligen inskrivet av x-per
För att det inte behövs i alla situationer!

Det är jag fullt medveten om. Dock anser jag att så som personen använder sina float så har han inte en aning om hur de faktiskt skall användas.

Följande är även "lite" fel skrivet ju...
<ul class="textformat1"><b>Kristofer Ling</b> © 2009

Mitt råd är att köra sidan i en html validator så du och främst fixar alla de uppenbara felen.

Trädvy Permalänk
Medlem
Plats
göteborg
Registrerad
Maj 2006

inte för jag har en aning om vad ni pratar om då jag är väldig nybörjare inom wedesign. vill mest veta om hur man får bort det jag fråga om. så förklara gärna lite mer noob vänligt.