/ 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
Elementer lapper over hinanden
Fra : Daniel Witvliet


Dato : 10-07-06 22:56

Hej!

Jeg har fået en javascript-menu på min hjemmeside, og vil gerne
pynte den ved at sætte en lignene tabel bagved.

Men På grund af forskelle, ved IE og MF kan dette kun gøres
muligt ved at bruge "position: absolute" på tabellen (kan ikke
gøres på andre måder, og kan ikke gøres på menuen).

Derved følger problemet at tabellen kommer til at stå foran
menuen, så den ikke kan ses!

Problemet kan ses her: http://starwars-freak.dk/css2.html

Kan nogle hjælpe mig med at få menuen til at stå forrest??



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Erik Ginnerskov (10-07-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 10-07-06 23:35

Daniel Witvliet wrote:
> Hej!
>
> Jeg har fået en javascript-menu på min hjemmeside, og vil gerne
> pynte den ved at sætte en lignene tabel bagved.
>
> Men På grund af forskelle, ved IE og MF kan dette kun gøres
> muligt ved at bruge "position: absolute" på tabellen (kan ikke
> gøres på andre måder, og kan ikke gøres på menuen).

Dit problem opstår på grund af denne linje øverst på din side:

<?xml version="1.0" encoding="iso-8859-1"?>

Den får IE til at vise siden forkert i forhold til hvordan din kode ser ud -
IE går i quirks-mode (bagudkompatibel visningsmodel (som IE4)). Fjern den
linje, den er alligevel dubbleret af denne linje i head:

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

Derefter tilretter du din side, så den ser rigtig ud i Firefox og siden vil
så med stor sandsynlighed også have rigtigt udseende i IE.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Daniel Witvliet (11-07-2006)
Kommentar
Fra : Daniel Witvliet


Dato : 11-07-06 08:57

> Dit problem opstår på grund af denne linje øverst på din side:
>
> <?xml version="1.0" encoding="iso-8859-1"?>
>
> Den får IE til at vise siden forkert i forhold til hvordan din kode ser ud -
> IE går i quirks-mode (bagudkompatibel visningsmodel (som IE4)). Fjern den
> linje, den er alligevel dubbleret af denne linje i head:
>
> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

Ved at fjerne denne linie får jeg et stort problem med IE; Menuen forsvinder
næsten helt!

Problemet kan ses her: http://starwars-freak.dk/css3.html

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (11-07-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 11-07-06 10:16

Daniel Witvliet wrote:
>>Dit problem opstår på grund af denne linje øverst på din side:
>>
>><?xml version="1.0" encoding="iso-8859-1"?>
>>
>>Den får IE til at vise siden forkert i forhold til hvordan din kode ser ud -
>>IE går i quirks-mode (bagudkompatibel visningsmodel (som IE4)). Fjern den
>>linje, den er alligevel dubbleret af denne linje i head:
>>
>><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
>
>
> Ved at fjerne denne linie får jeg et stort problem med IE; Menuen forsvinder
> næsten helt!
>
> Problemet kan ses her: http://starwars-freak.dk/css3.html
>

Din kode er noget værre roderi med div'er blandet med
tabeller, inline formregler og en masse br'er til at
skabe afstand.

Det ville være meget nemmere for dig, hvis du lagde
menuen i en boks, der fulgte det naturlige dokument-flow,
og gav denne boks en baggrund. Og såp iøvrigt
formaterede sidens elementer med passende størrelser
og marginer:

<div style="font-size: 111px;">
<br />
</div>

er da en underlig måde at skabe afstand på. De fleste
websidekonstruktører ville sætte en margin-top på det
førstfølgende element.

En JavaScript menu som den du har er ikke særlig
hensigtsmæssig, du skjuler links i din menu for søge-
maskine rog andre tekstanalyseværktøjer.

Dine undermenuer dækkes af det bånd, der ligger
undermenuen.

Da din kode er så uigennemskuelig kan jeg ikke lige
se, hvad årsagen er til at menuen skæres midt over
i IE.


--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Daniel Witvliet (11-07-2006)
Kommentar
Fra : Daniel Witvliet


Dato : 11-07-06 10:50

Mange tak for svaret


> Din kode er noget værre roderi med div'er blandet med
> tabeller, inline formregler og en masse br'er til at
> skabe afstand.

Det vil jeg kun give dig ret i.

> Det ville være meget nemmere for dig, hvis du lagde
> menuen i en boks, der fulgte det naturlige dokument-flow,
> og gav denne boks en baggrund. Og såp iøvrigt
> formaterede sidens elementer med passende størrelser
> og marginer:

Det har jeg prøvet, men det virker ikke da tabellen ikke kan blive lige så tynd
som menuen

> <div style="font-size: 111px;">
> <br />
> </div>
>
> er da en underlig måde at skabe afstand på. De fleste
> websidekonstruktører ville sætte en margin-top på det
> førstfølgende element.

Det er første gang jeg har brugt denne metode, men det er den eneste der kan få
den korrekte afstand, da både "margin-top" og "position" giver forskellige udslag
i IE og MF...

> En JavaScript menu som den du har er ikke særlig
> hensigtsmæssig, du skjuler links i din menu for søge-
> maskine rog andre tekstanalyseværktøjer.

Ja, det er noget være rod. Men ellers bliver det bare svært at få alle links på
samme side. Har nogen en bedre idé?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ukendt (11-07-2006)
Kommentar
Fra : Ukendt


Dato : 11-07-06 12:38


"Daniel Witvliet" <webmaster@starwars-freak.dk> skrev i en meddelelse
news:44b3742e$0$15793$14726298@news.sunsite.dk...

>> Din kode er noget værre roderi med div'er blandet med
>> tabeller, inline formregler og en masse br'er til at
>> skabe afstand.
>
> Det vil jeg kun give dig ret i.

Så start med at rydde lidt op

- Slet alt det sludder med "Bagside af menu"
- Slet alle de <br /> som udelukkende er indsat for at skabe afstand
- Kom menuen i en div fremfor en tabel
- Placer indholdet i logisk række følge. Eksempelvis logo før menu
- Flyt alle inline definitioner til et stylesheet

>> <div style="font-size: 111px;">
>> <br />
>> </div>

Slet også det sludder

>> er da en underlig måde at skabe afstand på. De fleste
>> websidekonstruktører ville sætte en margin-top på det
>> førstfølgende element.
>
> Det er første gang jeg har brugt denne metode, men det er den eneste der
> kan få
> den korrekte afstand, da både "margin-top" og "position" giver forskellige
> udslag
> i IE og MF...

Så er der andet der påvirker


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Daniel Witvliet (11-07-2006)
Kommentar
Fra : Daniel Witvliet


Dato : 11-07-06 12:46

Tak for de mange svar.

I har fået mig overbevist!
Jeg tror bare jeg dropper JavaScript-menuen, da den kun giver flere problemer
end nytte.
Desuden dropper jeg også tabellerne (undtagen de nødvendige) og sætter det
hele op i CSS.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jørgen Farum Jensen (11-07-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 11-07-06 15:16

Daniel Witvliet wrote:
> Tak for de mange svar.
>
> I har fået mig overbevist!
> Jeg tror bare jeg dropper JavaScript-menuen, da den kun giver flere problemer
> end nytte.
> Desuden dropper jeg også tabellerne (undtagen de nødvendige) og sætter det
> hele op i CSS.
>

Godt!

På websiden

http://www.webdesign101.dk/csslayout/oversigt.php

kan du finde nogle tips til layout af websiden ved
hjælp af stylesheets.

http://www.webdesign101.dk/www/cssmenu/dropdownmenu.php

viser dig hvordan du kan lave en dropdown
navigationsbjælke ved hjælp af et stylesheet, og
af hensyn til IE en ganske lille smule JavaScript.

Fidusen ved den slags menuer er, at alle menupunkter
er fuldt synlige for søgemaskiner.


--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408928
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste