Gå til innhold
🎄🎅❄️God Jul og Godt Nyttår fra alle oss i Diskusjon.no ×

Sliter litt med noen lister


Anbefalte innlegg

Heisann-hoppsann. Sitter her og koder en side, men får det ikke helt til. Det meste som blir tull er listene.

 

Kan jo begynne med de helt i bunn, jeg vil at logoene skal stå ved siden av hverandre, har prøvd et par tutorialer på horisontale lister, men det gikk ganske skeiss.

 

Litt lengre opp så er de linkene mine med ikoner på siden, de vil jeg også ha ved siden av hverandre.

Under de så er det en liste med linker, farget i blått som du ser. Jeg vil at disse skal automatisk bli lagt til høyre for det andre, og at jeg kan fylle på med flere slike lister med smålinker og at de automatisk legger seg ved siden av hverandre.

 

Mulig jeg er litt dårlig på å forklare problemet.

 

LINK: http://drmweb.akademiet.no/web17/dev/dma/

CSS: http://drmweb.akademiet.no/web17/dev/dma/stil.css

Lenke til kommentar
Videoannonse
Annonse

Det er ganske enkelt.

 

Listene er bygget opp slik:

 

<ul> <!-- blokkelement -->
<li>  <!-- blokkelement -->
<a href="#">Lala</a> <!-- inline element -->
</li>
</ul>

 

Som vi vet, krever blokkelementer en hel linje. Derfor vil alle LI-elementer alltid komme under hverandre som standard.

 

Vil vi at LI-elementene IKKE skal kreve en hel linje, altså at de skal komme ved siden av hverandre, må vi si at LI-elementene skal være INLINE elementer eller FLYTE (float).

 

Prøv deg litt frem, og les litt på htmldog.com og ALA (evt Les før du poster i dette forumet).

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...