/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS Menu + Firefox
Fra : Ukendt


Dato : 06-10-05 13:54

Hej...

Fandt en (synes jeg) pæn menu på activedeveloper.dk, jeg ville arbejde
lidt med, men har lidt problemer med den i Firefox:

Den ligger på www.racephoto.dk/div/menu01.htm

Jeg har ændret to ting fra originalen:

td.menu, .overskrift {font: bold 11px verdana, sans-serif;text-align:
center;
}
er ændret til:

td.menu, .overskrift {font: bold 11px verdana, sans-serif;text-align:
left;
}

Så langt så godt - så er texten flyttet ud til venstre.

Dernæst vil jeg gerne have overskriften til venstre og menupunkterne
rykket lidt ind... det klarer man nemt med padding-left: 20pt, tænker
jeg, men NOPE... i IE50, IE60, Opera 8(?) kører det, men i FF går det
galt...hele menulinien rykker ind og overskrider border i højre side...

(har prøvet med em og px, men ingen forskel...

Hvordan klarer jeg den?

--
Venlig hilsen / Best regards
Thore Sorensen - DK2700 Brønshøj / DK2620 Albertslund

(Erstat evt. AT med @ i mailadressen hvis du mailer direkte)
Min hobbyside: www.RacePhoto.dk

 
 
Christoffer (06-10-2005)
Kommentar
Fra : Christoffer


Dato : 06-10-05 15:06


"Thore" <dinotecATmail.dk> skrev i en meddelelse
news:4s6ak1dketobm4f382v3rrla6327omef4g@4ax.com...

> Dernæst vil jeg gerne have overskriften til venstre og menupunkterne
> rykket lidt ind... det klarer man nemt med padding-left: 20pt, tænker
> jeg, men NOPE... i IE50, IE60, Opera 8(?) kører det, men i FF går det
> galt...hele menulinien rykker ind og overskrider border i højre side...
prøv at bruge
text-indent istedet for padding.
text-indent:20pt;

--
Christoffer



Martin Hintzmann (06-10-2005)
Kommentar
Fra : Martin Hintzmann


Dato : 06-10-05 19:38

Thore wrote:
>
> Fandt en (synes jeg) pæn menu på activedeveloper.dk, jeg ville arbejde
> lidt med, men har lidt problemer med den i Firefox:
>

Ja, den er da meget pænt visuelt, med kode mæssigt bruges der en tabel.
Hvilket kun bør bruges til tabulær data og ikke til en menu.

Jeg vil anbefale dig at benytte en ganske almindelig HTML-liste.
Hos listamatic kan du se nogle forskellige måder at style dem på.
http://css.maxdesign.com.au/listamatic/

--
Martin Hintzmann
http://www.hintzmann.dk/

Allan Vebel (06-10-2005)
Kommentar
Fra : Allan Vebel


Dato : 06-10-05 23:32

Thore skrev:

> men i FF går det galt...hele menulinien rykker ind og
> overskrider border i højre side

Prøv at slette width:99%; fra a.menupunkt{ og
a.menupunkt:hover{

Det hjælper i min Firefox 1.07, og der er ingen ændringer
at se i IE6.

Ellers kan jeg kun tilslutte mig Martins forslag med en
listemenu - der er virkelig mange eksempler rundt omkring.

--
Allan Vebel
http://html-faq.dk



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste