Avatar billede heaven Nybegynder
16. juli 2010 - 15:42 Der er 14 kommentarer

Tynd linje om billede

Jeg har indsat et billede med følgende kode:

<td width="50%" valign="top" style="padding-right: 10px">
<p align="right">
<img src="communitylogos.jpg" width="126" height="40">
</td>

Og i mit css:

img {
  border: none;
}

Men der er stadig en meget tynd hvis linje omkring billedet.

Nogen der kan hjælpe med at få den væk?
Avatar billede Slettet bruger
16. juli 2010 - 16:20 #1
Prøv med

img {
  border: 0px;
}

Eller

<img class="img" src="communitylogos.jpg" width="126" height="40">

.img {
  border: none;
}
Avatar billede zips Juniormester
16. juli 2010 - 16:22 #2
Det er ikke nemt at se din fejl med det kode, men denne <p align="right"> er forkert ved at den ikke ar afsluttet
Avatar billede maniactor Nybegynder
16. juli 2010 - 17:17 #3
Det kan måske også skyldes en ramme i din tabel?

Ellers prøv evt. at sætte cellspacing="0" på din tabel.
Avatar billede enur25 Nybegynder
16. juli 2010 - 19:43 #4
hvis billedet er et link, skal du angive en border="0" efter height i html
Avatar billede heaven Nybegynder
17. juli 2010 - 15:04 #5
Tak for svarene, men det gav detsværre ikke løsningen. Her er hele koden, hvis det er til yderligere hjælp (Den meget tynde hvide linje er i øvrigt også om det andet billede, der er i koden, som fungerer som link):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>


<div align="center">
<table border="0" width="1000" cellspacing="0" cellpadding="0">
<tr>
<td height="85" style="padding-left: 10px; padding-top:10px" rowspan="2"><a target="_self" href="fronttest.htm"><img border="0" src="logo.jpg" width="314" height="75" align="left"></a></td>

<td width="50%" valign="top" style="padding-right: 10px"><p align="right"><img class="img" src="communitylogos.jpg" width="126" height="40"></td>
</tr>
<tr>
<td width="50%" valign="bottom" style="padding-right: 10px">
<p align="right"><a class="top" target="mainmenu" href="1111.htm">About</a> <font class="split">&nbsp;| </font>
&nbsp;<a class="top" target="mainmenu" href="Mainpages.htm">Testimonials</a><font class="split">&nbsp; |&nbsp; </font><a class="top" target="mainmenu" href="Mainpages.htm">Walk the talk</a>&nbsp;
<font class="split">|</font>&nbsp;<a class="top" target="mainmenu" href="Mainpages.htm">Community</a>&nbsp;
<font class="split">|</font>&nbsp;
<a class="top" target="mainmenu" href="Mainpages.htm">Shop</a></td>
</tr>
<tr>
<td background="divider.png" height="2" colspan="2"></td>
</tr>
<tr>
<td height="20px" colspan="2"></td>
</tr>
<tr>
<td colspan="2" width="100%" height="300">
<iframe id="iframe1" name="mainmenu" src="featuredcontents.htm" scrolling="no" frameborder="0"></iframe>
</td>
</tr>
<tr>
<td height="20px" colspan="2"></td>
</tr>
</table>

og css:

.img {
  border: none;
}
Avatar billede zips Juniormester
17. juli 2010 - 19:36 #6
Udover at der er mange kode fejl, kan jeg ikke få den tynde linje frem.

Hvordan se hele din css fil ud?
Avatar billede heaven Nybegynder
18. juli 2010 - 12:24 #7
Nu har jeg prøvet at reducere koden til kun at omfatte billedet, samt den tilhørende css fil, men linjen er der stadig. Jeg har lavet billedet i photoshop og beskåret det med crop værktøjet. Det plejer aldrig at give nogen linje. Her er koden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="style1.css" />
</head>
<body>

<div align="center">
<table border="0" width="1000" cellspacing="0" cellpadding="0">
<tr>
<td height="85" style="padding-left: 10px; padding-top:10px" rowspan="2"></td>
<td width="50%" valign="top" style="padding-right: 10px"><img class="img" src="communitylogos.jpg" width="126" height="40"></td>
</tr>
</table>
</div>
</body>
</html>

og css:

.img {
border: none;
}

body {
background-color: black;
}
Avatar billede zips Juniormester
18. juli 2010 - 19:39 #8
Her er din kode med et tilfældigt billed http://zips.be/exp/914314/

Jeg kan ikke se nogen tynd linje.
Avatar billede heaven Nybegynder
18. juli 2010 - 19:53 #9
Ok - med de billeder jeg sætter ind ser det sådan ud:

http://img85.imageshack.us/img85/1876/33072277.jpg
Avatar billede zips Juniormester
18. juli 2010 - 20:47 #10
Jeg kan se den tynde linje i Facebook og Twitter men ikke på You Tube og da linjen følger dine billeder har det ikke noget med koden at gøre da en td er helt firkantet.

Jeg har prøvet at sætte hele det billede ind som du visser i #9 og det giver ikke nogen linje i selve den td som det er indsat i
Avatar billede heaven Nybegynder
18. juli 2010 - 20:56 #11
Jeg mener ikke omkring de individuelle billeder, men om hele billedet som helhed. facebook, youtube og tumblr ikonerne er samlet i et billede.
Avatar billede zips Juniormester
18. juli 2010 - 22:03 #12
Ok, så kan du også se at der ikke er nogen tynd linje på dit billed jeg har sat ind her http://zips.be/exp/914314/
Avatar billede heaven Nybegynder
18. juli 2010 - 22:41 #13
Er der hos mig, som du kan se af dette screen shot af dit uploadede billede. Mystisk.

http://img833.imageshack.us/img833/4154/1111.jpg
Avatar billede zips Juniormester
18. juli 2010 - 22:54 #14
Nu har jeg sat en border på det ene billede så man kan se hvor du skriver du kan se en border, er det rigtigt forstået?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester