Avatar billede fangel Nybegynder
03. april 2004 - 23:40 Der er 15 kommentarer og
1 løsning

valign text i forhold til billeder + forskydning af <ul> i IE

Hejsa...

Arbejder på dette pæææne admin system:
http://desi-dev.dk/mfa/kartellet/Kartellet_Admin.htm

MEN, der er 2 "fejl"...

1) Billederne og teksten ligner at de har en "vertical-align : bottom" (men den findes ik, gør den) - dette skal være center, hvordan gøres det?

2) Se siden i IE ;) Forøgelsen i indent er usandsynlig stor i IE - hvad er fejlen?

15p for hver...

Morten
Avatar billede backside Nybegynder
04. april 2004 - 00:18 #1
Hmm, se lige dine stier igennem. Også til css filen.
Avatar billede fangel Nybegynder
04. april 2004 - 00:28 #2
Siden ligger på min bærbare - har derfor bare lavet en 'save as' i Mozilla...

har også tjekket at det virker, Og jeg mangler ingen billeder eller style-sheets når jeg kigger på siden...

Morten
Avatar billede roenving Novice
04. april 2004 - 06:17 #3
Ha, der var et tilfælde, hvor Mozillas fejltolerance var større:

#menu, #menu ul {
    list-style : none;
    padding : 0px;
    margin ; 0px; /*Bemærk de mange semikolonner i denne linje !-) */
    padding-left : 15px;
}
Avatar billede roenving Novice
04. april 2004 - 06:18 #4
Forøvrigt tænkte jeg på, om ikke du med fordel kunne bruge list-style-image, når du nu havde så veldefineret et hierarki ...
Avatar billede roenving Novice
04. april 2004 - 06:25 #5
F.eks.

#menu li{
  list-style-image: url(Kartellet.nu%20_%20Admin_files/folder_txt.png)
}

#menu li ul li{
  list-style-image: url(Kartellet.nu%20_%20Admin_files/folder_open.png)
}

#menu li ul li ul li{
  list-style-image: url(Kartellet.nu%20_%20Admin_files/filenew.png)
}
Avatar billede roenving Novice
04. april 2004 - 06:56 #6
-- og med hensyn til din vertical-align, ser det faktisk ikke ud til, at der overhovedet er nogen, for den kan ændres uden at det flyttes ...

Måske vil du fortolke
http://blooberry.com/indexdot/css/properties/position/vertalign.htm
anderledes, men den findes, men kræver selvfølgelig at den omgivende box har en defineret højde, som den kan alignes imod !-)
Avatar billede notes2c Nybegynder
04. april 2004 - 10:40 #7
1) Indsæt vertical align
#menu img {
    padding-right : 5px;
    vertical-align: middle;
}

2) Du har sat et ; istedet for et : ved margin
#menu, #menu ul {
    list-style : none;
    padding : 0px;
    margin : 0px;
    padding-left : 15px;
}
Avatar billede roenving Novice
04. april 2004 - 10:54 #8
Øeh, notes2c ...

Hvorfor lægger du det, som jeg har skrevet for 4-5 timer siden som svar ?-)
Avatar billede fangel Nybegynder
04. april 2004 - 11:28 #9
roenving ->
ad 1) argg, dum fejl (fordi jeg sidder ved min bærbar, der er en lille forskel i placeringen... doh)
ad 2) så kan boksen vel bare få en fast højde (alle billeder er samme størrelse... 16x16) eller hvad?
      ang. list-style-image så er det en ganske god ide, men der skal lige lidt flere id'er ind, så - da det hele er en stor <ul>, så de nederste punkter skal have en anden slags - men jeg vil forfølge ideen, det kan være det også afhjælper valign problemet...

Morten
Avatar billede fangel Nybegynder
04. april 2004 - 11:29 #10
notes2c -> som roenving siger: hvorfor lægger et ripof af ans svar? (tvivler på det er fordi du ikke har reloaded, hæhæ)
Avatar billede roenving Novice
04. april 2004 - 11:38 #11
Det så nu ikke ud til at list-style-images hjalp på valign-problemet alene, men jeg kom da til at tænke på, om ikke en negativ margin på a-tags kunne gøre noget ?-)

-- og så har den taktik den bagdel, at de ikke er klikbare, måske hvis det sættes på li-tagget også !-)
Avatar billede fangel Nybegynder
04. april 2004 - 11:46 #12
roenving -> i så fald, hvordan ville du lave det? har prøve

li a {
    margin-top : -3px;
}

Morten
Avatar billede roenving Novice
04. april 2004 - 12:07 #13
Måtte jo lige lege lidt, og pludselig prøvede jeg dette:

    vertical-align:3px;
Avatar billede fangel Nybegynder
04. april 2004 - 13:09 #14
Roencing -> frækt frækt frækt, ligger du et svar?
Avatar billede roenving Novice
04. april 2004 - 13:16 #15
Velbekomme '-)
Avatar billede roenving Novice
04. april 2004 - 20:40 #16
-- og tak for points ;~}
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