Avatar billede eikhorsholm Nybegynder
16. februar 2007 - 16:47 Der er 13 kommentarer og
1 løsning

Liste uden afstand mellem elementer.

Jeg har en liste:

<ul>
  <li><img src="test.gif" /></li>
  <li><img src="test.gif" /></li>
  <li><img src="test.gif" /></li>
  <li><img src="test.gif" /></li>
  <li><img src="test.gif" /></li>
</ul>

I tilhørende CSS-stylesheet har jeg:

ul {
  padding: 0px;
  margin: 0px;
}

ul li {
  padding: 0px;
  margin: 0px;
}

Jeg bruger DOCTYPE XHTML 1.0 Strict.

Mit problem er, at der stadig er afstand mellem mine billed-filer i listen. Jeg vil gerne have dem til, at ligge helt tæt. Både i IE, Firefox, Safari mv.

Nogen idéer?
Avatar billede sebjlan Nybegynder
16. februar 2007 - 16:53 #1
Prøv

ul li img {
padding: 0;
}
Avatar billede sebjlan Nybegynder
16. februar 2007 - 16:54 #2
Tilføj måske margin: 0;
Avatar billede sebjlan Nybegynder
16. februar 2007 - 16:54 #3
ul li img {
padding: 0;
margin: 0;
}
Avatar billede eikhorsholm Nybegynder
16. februar 2007 - 17:00 #4
Løser desværre ikke problemet.
Avatar billede sebjlan Nybegynder
16. februar 2007 - 17:04 #5
har du en webadresse, hvor man kan se det?
Avatar billede eikhorsholm Nybegynder
16. februar 2007 - 17:12 #6
Nej. Ikke endnu.

Men min fulde kode er:

<!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="da" lang="da">

<head>
<title>Test</title>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type" />
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>

<ul>
  <li><img src="test.gif" /></li>
  <li><img src="test.gif" /></li>
  <li><img src="test.gif" /></li>
  <li><img src="test.gif" /></li>
  <li><img src="test.gif" /></li>
</ul>

</body>

</html>

Og CSS:

ul {
  padding: 0px;
  margin: 0px;
}

ul li {
  padding: 0px;
  margin: 0px;
}
Avatar billede mclemens Nybegynder
16. februar 2007 - 18:41 #7
Pudsigt, hvad med dette:

ul {
  padding: 0px;
  margin: 0px;
}

ul li {
  padding: 0px;
  margin: 0px;
  clear:both;
}

img {float:left;}
Avatar billede eikhorsholm Nybegynder
16. februar 2007 - 18:58 #8
Det løser problemet i Firefox, men ikke i IE.
Avatar billede mclemens Nybegynder
16. februar 2007 - 19:03 #9
Hmm, min IE6, IE7 og FF melder alle ok, er det en ældre IE ?
... Hvis ikke kan det være noget andet der måske påvirker ?
Avatar billede eikhorsholm Nybegynder
16. februar 2007 - 19:15 #10
Det er IE7.
Avatar billede eikhorsholm Nybegynder
16. februar 2007 - 19:24 #11
Hov. Det virker faktisk med GIF'er.
Problemet er at jeg har kørt med PNG'er. Hvordan kan det være der er forskel med det?
Avatar billede mclemens Nybegynder
16. februar 2007 - 19:29 #12
Måske skal du prøve at gemme billedet anderledes eller ?
Her er min test: http://img02.picoodle.com/img/img02/7/2/16/f_iem_85459cb.jpg
... Jeg bruger gimp til at gemme mine png filer med ...
Avatar billede eikhorsholm Nybegynder
16. februar 2007 - 19:32 #13
Hmm, det må jeg lige finde ud af.
Laver du ikke et svar i hvert fald?
TAK :-)
Avatar billede mclemens Nybegynder
16. februar 2007 - 19:32 #14
Ok, kommer her og tak for point :o)
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
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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