Avatar billede morticuz Nybegynder
20. juni 2008 - 09:07 Der er 3 kommentarer

List menu med billedebullet til højre for

Hej Eksperter :)

Jeg har et problem. Jeg skal lave en side klar så alt hvad jeg må
bruge er div tags og CSS. Menuerne bliver så posted ind fra CMS
systemet bagefter. Menuerne bliver sat ind som listformat - altså
<ul><li>

Nu spørger jeg om der er en måde at man kan sætte et billede ind
i enden af teksten. Det er jo let nok den anden vej, altså til
venstre for teksten som almindelige bullets. Men jeg kan ikke
definere en speciel længde hvor langt den skal flytte sig da
teksten kan variere i længden. Hvis i forstår?! :-)

Sådan her skal menuen se ud:
http://www.pedn.dk/menu/menu.gif

og så tænkte jeg at jeg bare ku sætte en 2px border på de
forskellige <li>'er og så få sat en spacer på som ku sådan her
ud:
http://www.pedn.dk/menu/spacer.gif

Jeg håber i kan se logikken og kan pege mig i den rigtige retning
eller noget :-)

MVH
Peter Nielsen
Avatar billede olebole Juniormester
20. juni 2008 - 12:40 #1
<ole>

Læg billedet som baggrundsbillede i dit li-element - og giv elementet tilsvarende padding-right  =)

/mvh
</bole>
Avatar billede morticuz Nybegynder
20. juni 2008 - 12:48 #2
Jeg synes at jeg har prøvet det.

Men det er ligesom om at når billederne kommer udenfor <li> feltet. Så forsvinder de... Dem skal holde sig nogenlunde indenfor?!

En anden ting. Den spacer jeg har lavet der. Den passer jo ikke ind i den sidste. Altså den yderste menupunkt længst til højre. Nogle der har nogle ideer til hvordan man kringler den? Så skal man jo lave en transparent grafik kun med buen, og så smække en border-bottom på eller hvordan?! :-)
Avatar billede olebole Juniormester
20. juni 2008 - 18:04 #3
Har du prøvet det - eller har du ikke prøvet det? Jeg - og mange andre - kan godt få det til at virke.

Der er ingen, der kan fortælle dig præcist, hvad du skal gøre, når du ikke viser noget kode. Læg et link til dine forsøg  =)
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