/ 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
Problemer med layermenu
Fra : Bo Dudek


Dato : 30-01-03 21:40

Hejsa

Et website. En menu lavet med layers vha. div taggen. Jeg har en tabel
med én tabelcelle. Denne sørger for, at sitet altid har samme
størrelse samt er placeret midt på skærmen. Fino.

Layermenuen definerer jeg bl.a. sådan her:

<div id="priser" style="position:absolute; left:652px; top:103px;
width:100; z-index:1;>
[en masse tabel pladder som indeholder selve menuen..]
</div>

Problemet er placeringen af layeret og forskellige opløsninger og
skærmstørrelser. Layeret bliver simpelthen placeret vidt forskellige
steder. Jeg er klar over, at 'left' og 'top' ikke holder helt, fordi
disse afstande vil være forskellige fra skærm størrelse til skærm
størrelse, men hva' gør man så?

Jeg har læst mig lidt frem til, at hvis man placerer div-taggen inde i
en anden tag, så er det i forhold til denne at layeret bliver placeret
(med 'left' og 'top').

Løsningen?

Kind regards

Bo Dudek
http://www.bodudek.dk - now with a freelance section

 
 
Lasse Reichstein Nie~ (30-01-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 30-01-03 22:01

bo@FJERNbodudek.dk (Bo Dudek) writes:

> <div id="priser" style="position:absolute; left:652px; top:103px;
> width:100; z-index:1;>

Skal være "width:100px".
....

> Jeg har læst mig lidt frem til, at hvis man placerer div-taggen inde i
> en anden tag, så er det i forhold til denne at layeret bliver placeret
> (med 'left' og 'top').

Det er rigtigt hvis den anden tag selv er absolute eller relativt
placeret (altså position: forskellig fra static(default)). Hvis
dit indhold allerede er placeret absolut, så skulle det være nok
at putte menuen ind sammen med resten af indholdet.

> Løsningen?

Måske. Hvis indholdet er placeret, så skulle du kunne putte menuen
ind i det placerede indhold. Det er svært at være mere specifik uden
at se koden.

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger software-udvikler-stilling i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Bo Dudek (30-01-2003)
Kommentar
Fra : Bo Dudek


Dato : 30-01-03 22:28

[...]

>Skal være "width:100px".

glemte at nævne, at jeg bruger DreamWeaver MX, og at det er det
software, som angiver koden (deriblandt "width:100")


>> Jeg har læst mig lidt frem til, at hvis man placerer div-taggen inde i
>> en anden tag, så er det i forhold til denne at layeret bliver placeret
>> (med 'left' og 'top').
>
>Det er rigtigt hvis den anden tag selv er absolute eller relativt
>placeret (altså position: forskellig fra static(default)). Hvis
>dit indhold allerede er placeret absolut, så skulle det være nok
>at putte menuen ind sammen med resten af indholdet.

forstår ikke helt.. ehm.. i min tabel på - lad os sige - 750x400px,
som er placeret midt på skærmen på grund af en yderliggende tabel, har
to rows.. en til menu, og en til indhold.. dvs

<table>
<tr>
<td><!-- her skal menuen være --></td>
</tr>
<tr>
<td><!-- her kommer indholdet --></td>
</tr>
</table>

mener du så, at det burde være nok at placere mine div tags i første
<td> ??


[...]
>Måske. Hvis indholdet er placeret..

hvad mener du med 'placeret' ??


Kind regards

Bo Dudek
http://www.bodudek.dk - now with a freelance section

Knud Gert Ellentoft (30-01-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 30-01-03 22:49

bo@FJERNbodudek.dk (Bo Dudek) skrev :

>mener du så, at det burde være nok at placere mine div tags i første
><td> ?

Lav være med at bruge tabeller, brug <div> i stedet for.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Bo Dudek (30-01-2003)
Kommentar
Fra : Bo Dudek


Dato : 30-01-03 22:51

[...]

>Lav være med at bruge tabeller, brug <div> i stedet for.

er der et argument for dette, eller er det bare noget, der er sjovt ;)
har altid brugt tabeller.. ehm.. har ingen erfaring med at bruge
<div>..

Kind regards

Bo Dudek
http://www.bodudek.dk - now with a freelance section

Knud Gert Ellentoft (30-01-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 30-01-03 23:10

bo@FJERNbodudek.dk (Bo Dudek) skrev :

>er der et argument for dette, eller er det bare noget, der er sjovt ;)
>har altid brugt tabeller.. ehm.. har ingen erfaring med at bruge
><div>..

Tabeller er ikke til deign og slet ikke i dag, hvor man placere
<div> som man vil.

Kig lidt rundt på html.dk, der står sikkert noget om at bruge div
og position.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Lasse Reichstein Nie~ (30-01-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 30-01-03 23:07

bo@FJERNbodudek.dk (Bo Dudek) writes:

> [...]
>
> >Skal være "width:100px".
>
> glemte at nævne, at jeg bruger DreamWeaver MX, og at det er det
> software, som angiver koden (deriblandt "width:100")

Så laver DreamWeaver forkert kode. Det giver tre valf: Skift den, ret
koden selv, eller accepter at din kode er forkert.

> forstår ikke helt.. ehm.. i min tabel på - lad os sige - 750x400px,
> som er placeret midt på skærmen på grund af en yderliggende tabel, har
> to rows.. en til menu, og en til indhold.. dvs
>
> <table>
> <tr>
> <td><!-- her skal menuen være --></td>

Ok, der hvor menuen skal være, prøv at sætte en
<div style="position:relative;"> ... </div>
ind der, og put menuen ind i den div.

> </tr>
> <tr>
> <td><!-- her kommer indholdet --></td>
> </tr>
> </table>
>
> mener du så, at det burde være nok at placere mine div tags i første
> <td> ??

7-9-13, etc. Men ja.

> >Måske. Hvis indholdet er placeret..
>
> hvad mener du med 'placeret' ??

At det er positioneret med "position:absolute" eller lignende.

Og så giver jeg Knud ret i at tabeller er til at lave tabeller i, ikke
layout. Det kræver at man kan noget CSS, men det er en god investering
for fremtiden :)

Det er helt og holdent en ideologisk diskussion, men det anbefales at
man bruger HTML til at beskrive strukturen af ens side og CSS til at
beskrive udseendet. Din tabel er HTML men bruges til at bestemme
udseende.

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Bo Dudek (30-01-2003)
Kommentar
Fra : Bo Dudek


Dato : 30-01-03 23:24

[...]

>Ok, der hvor menuen skal være, prøv at sætte en
><div style="position:relative;"> ... </div>
>ind der, og put menuen ind i den div.

er lige i fuld gang med at lave hele siden om til layers.. ehm.. er
ikke så vært igen.. ehm.. når man så positionerer sine layers, så gør
man det ikke vie en ekstern fil, gør man?? indtil videre har jeg brugt
inline css..

Kind regards

Bo Dudek
http://www.bodudek.dk - now with a freelance section

Lasse Reichstein Nie~ (30-01-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 30-01-03 23:30

bo@FJERNbodudek.dk (Bo Dudek) writes:

> er lige i fuld gang med at lave hele siden om til layers.. ehm.. er
> ikke så vært igen.. ehm.. når man så positionerer sine layers, så gør
> man det ikke vie en ekstern fil, gør man?? indtil videre har jeg brugt
> inline css..

Inline (style="..."), embedded (<style ...>...</style>) eller eksternt
(<link rel="stylesheet" ...>) skulle alle virke.

De nyeste versioner af xhtml har droppet inline CSS, så måske man skulle
begynde at fralære sig det, men det er altså vældig behageligt mens man
sidder og nusler ting på plads :)

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Knud Gert Ellentoft (31-01-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 31-01-03 00:07

Lasse Reichstein Nielsen <lrn@hotpop.com> skrev :

>De nyeste versioner af xhtml har droppet inline CSS, så måske man skulle
>begynde at fralære sig det, men det er altså vældig behageligt mens man
>sidder og nusler ting på plads :)

Hmm - bortset fra TDCs åndsvage script validerer
http://home13.inet.tele.dk/smedpark/test/vis2.htm og det er xhtml
1.1.

Og der er inline style et sted.

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Lasse Reichstein Nie~ (31-01-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 31-01-03 00:39

Knud Gert Ellentoft <knudgert@mail.tele.dk> writes:

> Lasse Reichstein Nielsen <lrn@hotpop.com> skrev :
>
> >De nyeste versioner af xhtml har droppet inline CSS, så måske man skulle
> >begynde at fralære sig det, men det er altså vældig behageligt mens man
> >sidder og nusler ting på plads :)
>
> Hmm - bortset fra TDCs åndsvage script validerer
> http://home13.inet.tele.dk/smedpark/test/vis2.htm og det er xhtml
> 1.1.
>
> Og der er inline style et sted.

Hmm, så har jeg nok forvirret det med et forslag til xhtml 2.0.
Søge, søge .... jep, det var det det var. Inline style er (indtil
videre) ude af xhtml 2.0 working draft.

Den kan nå at komme tilbage endnu. Som nogle pointerede, så er
style-attributten baggrunden for at man kan skrive
foo.style.width="100px"
i Javascript. Uden den skal man til at have fat i globale stylesheets
og tilføje regler der matcher id på elementet.

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Per Christoffersen (31-01-2003)
Kommentar
Fra : Per Christoffersen


Dato : 31-01-03 10:00


"Bo Dudek" <bo@FJERNbodudek.dk> wrote in message
news:3e3997fe.12192051@news.cybercity.dk...
> [...]
>
> >Skal være "width:100px".
>
> glemte at nævne, at jeg bruger DreamWeaver MX, og at det er det
> software, som angiver koden (deriblandt "width:100")

Skriv det rigtige i properties-baren, så bliver det også rigtigt i koden...

/Per



Jens Gyldenkærne Cla~ (30-01-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 30-01-03 23:16

Bo Dudek skrev:

>>Skal være "width:100px".
>
> glemte at nævne, at jeg bruger DreamWeaver MX, og at det er
> det software, som angiver koden (deriblandt "width:100")

Så er det en fejl i DreamWeaver.


> <table>
> <tr>
> <td><!-- her skal menuen være --></td>

Så skal du vel bare sætte din menukode ind i stedet for kommentaren
- og glem så positioneringskoderne, det sørger tabellen for.

Du kan også erstatte tabellen med div'er - fx

<div id="vindue">
   <div id="menu"><!-- Menuen ind her --></div>
   <div id="indhold"><!-- sideindhold her --></div>
</div>

- så kan du bestemme størrelse og placering på vindues-div'en, og
lade de to indre div'er passe sig selv. (evt. kan man give menuen
en fast højde).

> hvad mener du med 'placeret' ??

Alt indhold der har defineret en placering (med position != static)
er "placeret" indhold. Det er i modsætning til normalt indhold der
placeres i flowet af htmlparseren.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Svend Weiersøe (31-01-2003)
Kommentar
Fra : Svend Weiersøe


Dato : 31-01-03 15:25

Prøv at se her: http://asp.furesoegolfklub.dk/junior/webmaster.asp
Kan det bruges?


"Bo Dudek" <bo@FJERNbodudek.dk> skrev i en meddelelse
news:3e398bdb.9085644@news.cybercity.dk...
> Hejsa
>
> Et website. En menu lavet med layers vha. div taggen. Jeg har en tabel
> med én tabelcelle. Denne sørger for, at sitet altid har samme
> størrelse samt er placeret midt på skærmen. Fino.
>
> Layermenuen definerer jeg bl.a. sådan her:
>
> <div id="priser" style="position:absolute; left:652px; top:103px;
> width:100; z-index:1;>
> [en masse tabel pladder som indeholder selve menuen..]
> </div>
>
> Problemet er placeringen af layeret og forskellige opløsninger og
> skærmstørrelser. Layeret bliver simpelthen placeret vidt forskellige
> steder. Jeg er klar over, at 'left' og 'top' ikke holder helt, fordi
> disse afstande vil være forskellige fra skærm størrelse til skærm
> størrelse, men hva' gør man så?
>
> Jeg har læst mig lidt frem til, at hvis man placerer div-taggen inde i
> en anden tag, så er det i forhold til denne at layeret bliver placeret
> (med 'left' og 'top').
>
> Løsningen?
>
> Kind regards
>
> Bo Dudek
> http://www.bodudek.dk - now with a freelance section



Erik Ginnerskov (01-02-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 01-02-03 12:48


"Svend Weiersøe" <snielse3@csc.dk>

> Prøv at se her: http://asp.furesoegolfklub.dk/junior/webmaster.asp
> Kan det bruges?

Det ligner sådan noget, som jeg længe har været på jagt efter.
Det kører i MSIE 5.5, NN6.2, Moz 1.2.1 og Opera 6.02.
Kan det også konfigureres med undermenuer til dropdown-menuerne?

--
Med venlig hilsen
Erik Ginnerskov - erik@ginnerskov.dk
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin



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

Månedens bedste
Årets bedste
Sidste års bedste