list-style-image

Bruger du list-style-position for at positionerer billedet?

Nej, sådan her:

li {
list-style-image: url(/billede.gif);
}

    <? // php loop for printing all the links
    for ($i=0; $i<=sizeof($files)-1; $i++) {
        $p1 = strrpos($files[$i],"/") + 1;
        $p2 = strpos($files[$i],".flv");
        $name = substr($files[$i],$p1,($p2-$p1));
        echo "    <li><a href=\"player.php?file=".($i+1)."\">".$name."</a></li>\n";
    } ?>

Men husk at det virker i FF.?

Jeg tror det har noget med forskel i standardværdier i de to browsere og at IE's udgangspunkt (hvis ikke andet er angivet) er anderledes end FF. Valg af DTD her sikkert også noget at sige i den sammenhæng, men hvilket du skal vælge er jeg ikke afklaret med. Bruger du noget DTD i øjeblikket?

Denne her på den side der er problemer med: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">

I FF er der også en mindre indrykning en i IE.

Næh, der tog jeg lige fejl af betydningen af list-style-position - det er ikke placering som jeg forventede... :(

Nå, men jeg så et online-seminar med en CSS-guru forleden og han anbefalede at man slog list-style-image fra og benyttede background-image på linket i stedet (med padding for at give plads til billedet).

Det er også galt i Opera

Jeg har f.eks. et stylesheet der ser således ud:

ul
{
    margin: 0px;
    padding:0px;
    list-style:none;
}
ul li
{
    display:inline;
    padding:0px;
}
ul li a
{
    padding:3px 0px 5px 25px;
    background: url(img/bullet2.gif) no-repeat 10px 5px;
}

Til dette benytter jeg flg. DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

men jeg er ikke klar over om et andet kan gøre tricket (det tror jeg, for jeg har gjort det før jeg så det klip på nettet ;))...

softspot, jeg kigger lige på det senere, jeg skal ud og køre nu ;)

god tur :)

Har du prøvet at med
img  { display: block }
i stylesheetet ?? ....

jesper-moeller, ved ikke hvor du vil hend.?

softspot, hvis jeg bruger:

ul li a
{
    padding:3px 0px 5px 25px;
    background: url(img/bullet2.gif) no-repeat 10px 5px;
}

og så retter padding:3px 0px 5px 25px; til padding:1px 0px 5px 25px;

Så rykker den ikke med ned.?

Kam du ikke lige prøve at skrive det hele inde i:

        echo "    <li><a href=\"player.php?file=".($i+1)."\">".$name."</a></li>\n";
    } ?>

Bare så jeg er sikker på jeg ikke laver noget forkert.?

--->
Har blot før set at  indsætte et display: block på billeder modvirke linieforskydning i IE ved stric DTD.... (Vist nok IE der faktisk gør det rigtige i den situation)

<ole>

jesper-moeller >> Her er jo ikke tale om billeder - men baggrundsbilleder  ;o)

tweak >> background: url(img/bullet2.gif) no-repeat 10px 5px;

- de 10px angiver, hvorlangt inde billedet begynder ... de 5px, hvorlangt nede. Ret de to værdier, så de passer til dit billede  :)

/mvh
</bole>

Hey, jeg får stadig problemet: http://www.digitalife.dk/player.php?file=1

Jeg har skrevet den sådan:

ul
{
    margin: 0px;
    padding:0px;
    list-style:none;
}
ul li
{
padding:3px 0px 5px 25px;
color: #CCCCCC;
font-family: Courier New, Courier, mono, Verdana, Geneva, Arial, sans-serif;
font-size: 12px;
text-decoration:none;
background: url(/Logo/pijl_kort.gif) no-repeat 4px 10px;
}

og:

    <? // php loop for printing all the links
    for ($i=0; $i<=sizeof($files)-1; $i++) {
        $p1 = strrpos($files[$i],"/") + 1;
        $p2 = strpos($files[$i],".flv");
        $name = substr($files[$i],$p1,($p2-$p1));
        echo "  <a href=\"player.php?file=".($i+1)."\"><ul><li>".$name."</li></ul></a>\n";
    } ?>

Er det ok nu, for den side du refererer til ser da fin nok ud... eller hvad?

softspot, ja den er okay i IE, men nu står den for lavt i FF :^)

Men det passe med indrykningen, før var snow og video længere mod højre i IE end i FF. Men jeg kan ikke lige se hvordan jeg kan få dem til at stå lige højt i FF og IE :( Hele siden er her: http://www.digitalife.dk/test.php

Jamen, det er da også noget helt andet, du har lavet. Nu lægger du jo hele lister ind i dine links  :)

Jeg fatter hat af det her :( Hvordan pokker skal det så skrives.?

<ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
</ul>

- og så med den CSS, softspot viste dig i (08/08-2005 12:59:36) - men du skal naturligvis rette dimensioner, så de passer til dit eksempel.
Desuden må der ikke være mellemrum i CSS-properties ... hvis der er det, skal de escapes med gåseøjne:

font-family: 'courier new', courier, mono, verdana, geneva, arial, sans-serif;

- og brug lowercase, da ikke alle browsere kan lide uppercase font-angivelser  ;o)

...og prøv så med dette stylesheet:

.pil {
  position: absolute;
  top: 5px;
  left:325px;
}
.pil ul {
  margin:0px;
  padding:0px;
  list-style:none;
}
.pil ul li {
  padding:0px;
  display:inline;
}
.pil ul li a {
  padding:3px 0px 5px 25px;
  background: url(/Logo/pijl_kort.gif) no-repeat 4px 10px;
  color: #CCCCCC;
  font-family: Courier New, Courier, mono, Verdana, Geneva, Arial, sans-serif;
  font-size: 12px;
  text-decoration:none;
}

...og så med det olebole lige sagde om spaces i font-family navnene ;)

Så skulle de se ud som det skal :) MANGE tak for hjælpen, jeg har set mig helt blind på det :(

Jeg kan godt se jeg skal til at læse lidt mere på det hele ;)

Der er ikke så mange point at dele, men kan i ikke smide et svar.?

olebole >> dem får du! :)

Nej, sq ikke - softspot! Du gav løsningen ... jeg bidrog blot med et lille skohorn. Ellers tak  ;o)

Jamen, hvis du insisterer, så vil jeg da lægge et svar :)

Tak til Jer begge :D

Det er mig som takker.!!