Avatar billede Six Nybegynder
18. september 2005 - 02:19 Der er 14 kommentarer og
1 løsning

CSS: Problemer med LI og UL

Hej eksperter.

hvordan får man li elementer til at stå ved siden af hinanden istedet for under hinanden?

har følgende:

<ul>
<li>hej</li>
<li>hej2</li>
<li>hej3</li>
</ul>

css:

ul {
list-style-type: none;
}

li {
list-style-position: inside;
}

Hjælp mangles virkelig :(
Avatar billede roenving Novice
18. september 2005 - 02:20 #1
Jeg ville prøve med display:inline; !-)
Avatar billede Six Nybegynder
18. september 2005 - 02:26 #2
Mange tak :D

Ekstra spørgsmål, med ekstra bonus point i vente.

Hvordan styrer man afstanden imellem de enkelte elementer ? - f.eks. hvis jeg har en menu der siger |home|products|about us|contact us| - så vil home feltet fylde mindre end f.eks. about us gør det - og det vil dermed være umuligt at justere sine enkelte menupunkter.

Nogle forslag ? D:
Avatar billede roenving Novice
18. september 2005 - 02:29 #3
*lol*

-- jeg var lige ved at tilføje width:75px; i en ekstra kommentar !o]

-- og 60 point er faktisk alt for meget i forvejen, så flere skal du i hvert fald ikke afsætte !-)

Velbekomme '-)
Avatar billede Six Nybegynder
18. september 2005 - 02:35 #4
Den dur ikke helt, de står stadig helt samlet :(
Avatar billede Six Nybegynder
18. september 2005 - 02:35 #5
Og hvis jeg tilføjer padding, så er jeg ligevidt.
Avatar billede roenving Novice
18. september 2005 - 02:42 #6
Prøv med:

li {
list-style-position: inside;float:left;width:75px;
}
Avatar billede Six Nybegynder
18. september 2005 - 02:48 #7
Det virkede :D
kan man centrere teksten i de bokse man får lavet ?
Avatar billede roenving Novice
18. september 2005 - 02:52 #8
Jada, text-align:center; virker også her !-)
Avatar billede Six Nybegynder
18. september 2005 - 02:54 #9
www.fjappe.dk/eksproblem.jpg <- det er mit problem hehe. Nu har jeg ikke lige fået prøvet med center. - håber det funker :D

I øvrigt, hvorfor sidder menuteksten dernede og hænger, det gør den ikke i IE ;(
Avatar billede Six Nybegynder
18. september 2005 - 03:02 #10
Din løsning virkede perfekt ! D: Men er dog stadig på bar bund mht, at den hænger nede i mozilla i forhold til IE. Og i mozilla går det også galt når man leger(skalere) med browseren :(

Jeg har følgende css til det jeg har.

body {
    margin: 0px;
    background:white;
}
.moduletable {
    margin: 0px;
    position: absolute;
    padding-top:  0px;
    padding-left: 218px;
}
a.mainlevel:link, a.mainlevel:visited {
    /* this styling is for the MAIN items in the menu */
    color: #3D4E6D;
    font-weight: bold;
    text-decoration:none;
    text-align: left;
    }
   
#mainlevel ul {
margin: 0px;
padding: 0px;
}

#mainlevel li {
border: 0px solid;
list-style-position: inside;
list-style-type: none;
display: inline;
float:left;
width:105px;
padding: 0px;
margin: 0px;
text-align: center;
}
Avatar billede Six Nybegynder
18. september 2005 - 03:02 #11
Jeg ved godt at 60 point er meget. Men jeg vil med glæde fyre flere i da jeg virkelig har brug for en løsning :(
Avatar billede Six Nybegynder
18. september 2005 - 03:02 #12
og roenving du er garanteret de 60 ;D hehe
Avatar billede Six Nybegynder
18. september 2005 - 04:13 #13
Problemet er som i kan se på:

www.fjappe.dk/eksproblemmoz.jpg
www.fjappe.dk/eksproblemie.jpg (det er sådan her jeg vil have det til at se ud i firefox også)

Nogle forslag til hvad der er galt ? ;(
Avatar billede Six Nybegynder
18. september 2005 - 11:49 #14
Tak for hjælpen roenving. Jeg opretter nyt spørgsmål mht mit moz vs. ie. spørgsmål.
Avatar billede roenving Novice
18. september 2005 - 14:08 #15
-- og jeg takker for point ;~}
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