html - li ud fra billedet - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css html

Bruger #17136 @ 05.11.13 17:01

Hej

jeg vil høre omkring hvordan jeg sætter teksten til at være lige ud fra billedet som er i li taget,

CSS kode

 ul.bruger {
     list-style-position: inside;
 }
 .login {
     list-style-image: url('/img/topmenu/login.png');
 }

HTML kode

 <ul class="bruger">
                     <li class="login">Log ind</li>
                     <li>Opret bruger</li>
                 </ul>

det ser sådan her ud lige nu :

se her

håber du kan hjælpe mig

3 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #3427 @ 05.11.13 18:30

1.520

hvad med at bruge et braggrundsbillede istedet.

CSS kode

 .login {
      list-style: none;
      background-image: url('/img/topmenu/login.png');
      background-repeat: no-repeat;
      backgroud-position: 0px 0px; /* ret til så det passer */
      /* tilføj noget padding evt */
  }

Indlæg senest redigeret d. 05.11.2013 18:31 af Bruger #3427

Bruger #17081 @ 05.11.13 17:53

1.258

Har du ikke lavet en post magen til den her engang før egentlig? Hvorfor bruger du ikke det svar

Bruger #17136 @ 06.11.13 10:24

@dan

synes ikke rigtig at jeg kunne finde det, har du et link evt?

@kenneth

Tak for hjælpen,

li ud fra billedet

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler