/ 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
noget med z-layers og css
Fra : Jane


Dato : 28-06-04 13:06

Det vil ikke virke <ked.mpg> nu har jeg ellers kæmpet
bravt og længe. Troede elllers lige jeg kunne.

Jeg har lagt et udkast her: http://æbleskrog.dk/z/
(ingen undersider)

Det jeg gerne vil opnå er at den grønne klump for oven
inklusive grafik og titel (plus den sorte menu), bliver
hvor den er når man scroller for at læse de nedenstående
p'ere.

Kan man ikke gøre det med z-layers? Jeg vil meget nødigt
tvinges ud i iframe. Det er vel noget med jeg skal have
klumpen ud af body som tapet ik?

Jeg kan bruge et hint fra jer eksperter.

Jane
--
æbleskrog.dk

 
 
Thomas Pedersen (28-06-2004)
Kommentar
Fra : Thomas Pedersen


Dato : 28-06-04 13:22

> Jeg har lagt et udkast her: http://æbleskrog.dk/z/
> (ingen undersider)


linket virker ikke

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

Jane (28-06-2004)
Kommentar
Fra : Jane


Dato : 28-06-04 13:33

Thomas Pedersen skrev i <news:40e00d65$0$23867$14726298@news.sunsite.dk>:

> linket virker ikke
>

http://æbleskrog.dk/z/default.html
virker fint her?
prøv med den uden æ:
xn--bleskrog-i0a.dk/z/

Jane
--
æbleskrog.dk

Erik Ginnerskov (28-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 28-06-04 14:02

Jane wrote:
> Det vil ikke virke <ked.mpg> nu har jeg ellers kæmpet
> bravt og længe. Troede elllers lige jeg kunne.
>
> Jeg har lagt et udkast her: http://æbleskrog.dk/z/
> (ingen undersider)
>
> Det jeg gerne vil opnå er at den grønne klump for oven
> inklusive grafik og titel (plus den sorte menu), bliver
> hvor den er når man scroller for at læse de nedenstående
> p'ere.

Det, du leder efter, finder du på denne side:

http://www.hjemmesideskolen.dk/html/testsider/fixed.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (28-06-2004)
Kommentar
Fra : Jane


Dato : 28-06-04 14:17

Erik Ginnerskov skrev i <news:40e01692$0$23877$14726298@news.sunsite.dk>:

> Det, du leder efter, finder du på denne side:

Super. Hvor er det bare trist man skal skræddersy til IE.
Men når det nu ikke er min egen side kan jeg jo ikke som
sædavnlig sige at folks browsere er deres eget problem.
Suk.

Jane
--
æbleskrog.dk

Jane (28-06-2004)
Kommentar
Fra : Jane


Dato : 28-06-04 15:02

Jane skrev i <news:Xns95169B89565B9kkgnsdlkng@62.243.74.162>:

> Super. Hvor er det bare trist man skal skræddersy til IE.

<vræle.mpg> dumme IE nu har jeg modificeret det til
kun at virke i Opera. Grrrrr. Det makker ikke ret
gør det ej.

Jane - sur på IE og css
--
æbleskrog.dk

Jane (28-06-2004)
Kommentar
Fra : Jane


Dato : 28-06-04 15:21

Jane skrev i <news:Xns9516A32C4D81Akkgnsdlkng@62.243.74.162>:

Er der en der gider at skære ud i pap hvad jeg gør galt?
http://æbleskrog.dk/z/test.html

Hvorfor vil logoet ikke sidde ovenpå toppen?

Jeg syntes jeg gør som der står på
http://www.hjemmesideskolen.dk/html/testsider/fixed.asp
og http://html.dk/tutorials/css/lektion15.asp
men jeg må jo overse et eller andet?

Jane
--
æbleskrog.dk


Erik Ginnerskov (28-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 28-06-04 15:39

Jane wrote:

> Hvorfor vil logoet ikke sidde ovenpå toppen?
>
> Jeg syntes jeg gør som der står på
> http://www.hjemmesideskolen.dk/html/testsider/fixed.asp
> og http://html.dk/tutorials/css/lektion15.asp
> men jeg må jo overse et eller andet?

Du har først indsat topbilledet (som et billede). derefter har du indsat
overskriften og endelig din skovtrold. At Opera viser der 'rigtigt' er et
mirakel.

Det grønne topbillede skal indsættes som baggrundsbillede (i css) i en <div
class="top">:

background-image:url(grafik/tapet.gif);

Derefter indsætter du din skovtrold (i <div class="top">: og med float:left.
Derefter indsætter du din overskrift og <div class="navcontainer1">, inden
du lukker <div class="top">.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (28-06-2004)
Kommentar
Fra : Jane


Dato : 28-06-04 15:55

Erik Ginnerskov skrev i
<news:40e02d73$0$23872$14726298@news.sunsite.dk>:

> indsat overskriften og endelig din skovtrold. At Opera viser der
> 'rigtigt' er et mirakel.

Jeg tror jeg har brug for mirakler i dag.
Hvordan kunne jeg glemme float?
Suk. Tak for hjælpen. Jeg roder videre.

Jane
--
æbleskrog.dk

Jane (28-06-2004)
Kommentar
Fra : Jane


Dato : 28-06-04 16:49

Erik Ginnerskov skrev i
<news:40e02d73$0$23872$14726298@news.sunsite.dk>:

> Derefter indsætter du din skovtrold (i <div class="top">: og med
> float:left. Derefter indsætter du din overskrift og <div
> class="navcontainer1">, inden du lukker <div class="top">.

Den vil ikke lave en scrollbar i IE?
http://æbleskrog.dk/z/test.html

Jane
--
æbleskrog.dk


Erik Ginnerskov (28-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 28-06-04 21:58

Jane wrote:
> Erik Ginnerskov skrev i
> <news:40e02d73$0$23872$14726298@news.sunsite.dk>:
>
>> Derefter indsætter du din skovtrold (i <div class="top">: og med
>> float:left. Derefter indsætter du din overskrift og <div
>> class="navcontainer1">, inden du lukker <div class="top">.
>
> Den vil ikke lave en scrollbar i IE?
> http://æbleskrog.dk/z/test.html

Du har i css defineret #indhold, hvilket i html svarer til id="indhold"

Men i html har du skrevet class="indhold", hvilket i css svarer til .indhold

Desuden har du også defineret overflow:auto på #brodtekst, som burde have
været .brodtekst. Der skal kun defineres overflow:auto på #indhold, som så
skal afsluttes under sidste linje i det, der skal kunne scrolles.

I øvrigt kan min IE ikke finde æbleskorg.dk, så jeg måtte ty til Opera, for
at se kildekoden. Min Mozilla vil nemlig ikke vise kildekoden.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Erik Ginnerskov (28-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 28-06-04 22:03

Erik Ginnerskov wrote:

> Du har i css defineret #indhold, hvilket i html svarer til
> id="indhold"
>
> Men i html har du skrevet class="indhold", hvilket i css svarer til
> .indhold

Du mangler forresten også at sætte en url på din DTD. Og din DTD er i sig
selv ufuldstændig - der er ikke defineret, om det er transitional eller
strict.

En af disse to linjer skal erstatte din første linje efter <!-- Quirk on -->
:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (29-06-2004)
Kommentar
Fra : Jane


Dato : 29-06-04 07:59

Erik Ginnerskov skrev i
<news:40e08777$0$23878$14726298@news.sunsite.dk>:

> Du mangler forresten også at sætte en url på din DTD. Og din DTD er i
> sig selv ufuldstændig - der er ikke defineret, om det er transitional
> eller strict.

Jeg syntes de dtd'ere er besværlige for de gør at min side
ikke validerer. Jeg får hele tiden at vide det ikke er html
hvilket jeg jo godt ved når jeg skriver xhtml.
Kan det virkeligt være rigtigt jeg skal skrive en side som
bevidst ikke validerer?

Jane
--
æbleskrog.dk

Erik Ginnerskov (29-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 29-06-04 13:59

Jane wrote:
>> Du mangler forresten også at sætte en url på din DTD. Og din DTD er i
>> sig selv ufuldstændig - der er ikke defineret, om det er transitional
>> eller strict.
>
> Jeg syntes de dtd'ere er besværlige for de gør at min side
> ikke validerer.

Det er da ikke DTD'en, der gør, at din side eventuelt ikke validerer. Får du
valideringsfejl, må du da rette fejlene.

I øvrigt er det en fejl, som vil få validatoren til at strejke, hvis der
ikke er sat en DTD - for hvordan skulle den kunne validere en side, uden at
vide, hvad standard siden er skrevet efter.

> Jeg får hele tiden at vide det ikke er html
> hvilket jeg jo godt ved når jeg skriver xhtml.

Hvis du vil stræbe efter xhtml, skal din DTD se sådan ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">

.... eller sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

> Kan det virkeligt være rigtigt jeg skal skrive en side som
> bevidst ikke validerer?

Der gives ganske få tilfælde, hvor man er nødt til at acceptere, at siden
ikke validerer 100%. Det kan være, hvis man på sin side har behov for at
indsætte en funktion eller et element, der ikke overholder W3C's standarder.
Men så må man i det mindste sørge for, at resten af siden er valid - og
undlade at reklamere med valid kode, hvis det ikke er 100% valid kode.

jeg kan som eksempel nævne, at ca. 97% af mine sider validerer som xhtml 1.0
strict. På resten indgår ting, som tvinger mig til at definere siden som
xhtml 1.0 transitional. Men resten af disse sider overholder stadig
standarden for strict xhtml.

Men op med humøret, vi skal nok få det til både at validere og virke.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (29-06-2004)
Kommentar
Fra : Jane


Dato : 29-06-04 14:56

Erik Ginnerskov skrev i
<news:40e1676c$0$23867$14726298@news.sunsite.dk>:

> Hvis du vil stræbe efter xhtml, skal din DTD se sådan ud:

Åh, jeg troede det var vigtigt at det var den dtd du
anbefalede, så jeg turde ikke pille ved den. Det gør
jeg så nu: <pille.mpg>.

> Men op med humøret, vi skal nok få det til både at validere og virke.

Det håber jeg, for jeg har lige vist Mariane min idé til
hvordan det skal se ud og fået grønt lys. Den nuværende
side er jo ikke halvt så køn eller smart imho.

Jeg sætter stor pris på din hjælp.

Jane
--
æbleskrog.dk


Jane (29-06-2004)
Kommentar
Fra : Jane


Dato : 29-06-04 08:02

Erik Ginnerskov skrev i
<news:40e08645$0$23872$14726298@news.sunsite.dk>:

> Du har i css defineret #indhold, hvilket i html svarer til
> id="indhold"

Åh jeg er ikke så vant til id'er. Mange tak, det er altså
rigtigt dejligt at du gider hjælpe mig så meget.
Jeg tror jeg har rettet det nu.

Jeg får på en måde også en scroller, men kun inde i selve
siden, ikke på kanten af browseren. Så jeg kan ikke rulle
den indre scroller helt ned, fordi jeg ikke kan komme til
den da den er skjult under siden. Lidt svært at forklare.
Jeg smider et screenshot op:
http://æbleskrog.dk/z/screenshot.jpg

> I øvrigt kan min IE ikke finde æbleskorg.dk,

Hvis du har lyst til at din IE skal kunne se æbleskrog,
så besøg http://www.idnnow.com/ ellers kan du skrive
xn--bleskrog-i0a.dk det virker lige så godt.

Jane
--
æbleskrog.dk

Erik Ginnerskov (29-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 29-06-04 14:09

Jane wrote:
> Jeg får på en måde også en scroller, men kun inde i selve
> siden, ikke på kanten af browseren. Så jeg kan ikke rulle
> den indre scroller helt ned, fordi jeg ikke kan komme til
> den da den er skjult under siden. Lidt svært at forklare.
> Jeg smider et screenshot op:
> http://æbleskrog.dk/z/screenshot.jpg

Det skyldes, at du har sat en højde på #indhold (100%). Når <div
id="indhold"> så begynder et stykke nede i vinduet opstår problemet.
Slet den linje med højden.

>> I øvrigt kan min IE ikke finde æbleskorg.dk,
>
> Hvis du har lyst til at din IE skal kunne se æbleskrog,
> så besøg http://www.idnnow.com/ ellers kan du skrive
> xn--bleskrog-i0a.dk det virker lige så godt.

Det kigger jeg på.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (29-06-2004)
Kommentar
Fra : Jane


Dato : 29-06-04 14:58

Erik Ginnerskov skrev i <news:40e169bc$0$23874$14726298@news.sunsite.dk>:

> Det skyldes, at du har sat en højde på #indhold (100%).

Øhmn nu har jeg fjernet den linje men så er scrolleren
inde i vinduet væk i min IE 6 - jeg kan ikke gennemskue
om det er femskridt eller det modsatte.
Desværre kan jeg nok ikke satse på alle besøgende har
19" skærm og maksimeret vindue i god opløsning, så jeg
får brug for noget scrollerifidus.

Jane
--
æbleskrog.dk

Erik Ginnerskov (28-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 28-06-04 15:27

Jane wrote:
> Jane skrev i <news:Xns95169B89565B9kkgnsdlkng@62.243.74.162>:
>
>> Super. Hvor er det bare trist man skal skræddersy til IE.
>
> <vræle.mpg> dumme IE nu har jeg modificeret det til
> kun at virke i Opera. Grrrrr. Det makker ikke ret
> gør det ej.

Mens jeg prøver at se, hvorfor det ser forkert ud i Mozilla, kan du indætte
det stylesheet, der skal få det til at virke i IE - det har du nemlig glemt
<snøfte.mpg>

<!--[if IE]>
<style type="text/css" media="screen">
body{
overflow-y: hidden;
}
div#indhold{
height: 100%;
overflow: auto;
}
#top, #footer{
width:98%;
}
</style>
<![endif]-->

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Erik Ginnerskov (28-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 28-06-04 15:29

Erik Ginnerskov wrote:

> <!--[if IE]>
> <style type="text/css" media="screen">
> body{
> overflow-y: hidden;
> }
> div#indhold{
> height: 100%;
> overflow: auto;
> }
> #top, #footer{
> width:98%;
> }
> </style>
> <![endif]-->

Det er ikke tilpasset dit behov. Bare klippet ud af min side.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (28-06-2004)
Kommentar
Fra : Jane


Dato : 28-06-04 15:33

Erik Ginnerskov skrev i
<news:40e02aa3$0$23871$14726298@news.sunsite.dk>:

> Mens jeg prøver at se, hvorfor det ser forkert ud i Mozilla, kan du
> indætte det stylesheet, der skal få det til at virke i IE - det har du
> nemlig glemt <snøfte.mpg>

Lige nu er den så uoverskuelig at jeg lige prøver at finde
hoved og hale i det her med layers og fixed før jeg roder
videre. Til det formål har jeg lavet en side kun med de
elementer for ikke at forvirre mig alt for meget.

Kan jeg lokke dig til at kigge pp http://æbleskrog.dk/z/test.html
please?

Jane
--
æbleskrog.dk

Erik Ginnerskov (28-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 28-06-04 15:47

Jane wrote:
> Kan jeg lokke dig til at kigge pp http://æbleskrog.dk/z/test.html
> please?

Se mit svar kl. 16:39

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Erik Ginnerskov (29-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 29-06-04 23:42

Jane wrote:

> Kan jeg lokke dig til at kigge pp http://æbleskrog.dk/z/test.html
> please?

Nu har jeg leget lidt med det. Status er som følger:

1. Det virker i IE, Mozilla og Opera
2. Det validerer

www.hjemmesideskolen.dk/temp/skovtrold.zip

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (30-06-2004)
Kommentar
Fra : Jane


Dato : 30-06-04 09:03

Erik Ginnerskov skrev i <news:40e1f01d$0$23880$14726298@news.sunsite.dk>:

> Nu har jeg leget lidt med det. Status er som følger:

Du er en engel. Jeg vil se om jeg kan lave en bue som ikke
har en lys kant så den er mere usynlig. Så skal jeg bruge
min eftermiddag og aften på at regne ud havd du har lavet.
Mange tusinde tak.

Jane
--
æbleskrog.dk

Erik Ginnerskov (30-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-06-04 12:31

Jane wrote:

> Du er en engel. Jeg vil se om jeg kan lave en bue som ikke
> har en lys kant så den er mere usynlig. Så skal jeg bruge
> min eftermiddag og aften på at regne ud havd du har lavet.

Lav en kopi (med et andet navn) af den side, jeg lavede.

Slet i denne kopi alt fra (men ikke med) <div id="indhold"> og ned til (men
ikke med) den </div>, der ligger umiddelbart før </body>.

Nu har du en skabelon, du kan bruge til de øvrige sider, du planlægger at
lave.

Der kan evt. blive brug for at redigere indholdet i de to navigationsbælker.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Erik Ginnerskov (30-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-06-04 12:47

Erik Ginnerskov wrote:

> Slet i denne kopi alt fra (men ikke med) <div id="indhold"> og ned
> til (men ikke med) den </div>, der ligger umiddelbart før </body>.

Det er noget sludder. Det vil også fjerne den nederste menu. Bevar den også
i skabelonen.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (30-06-2004)
Kommentar
Fra : Jane


Dato : 30-06-04 12:59

Erik Ginnerskov skrev i
<news:40e2a829$0$23878$14726298@news.sunsite.dk>:

> Bevar den også i skabelonen.

Inden jeg begynder at lave skabelonen så har jeg lige et lille
spørgsmål. Siden ligger på http://æbleskrog.dk/z/skovtrold.htm
og i Opera ser den fin ud. I Firefox ser den fin ud. Men i IE,
har jeg en grim grøn streg under min øverste navigationsbjælke
og jeg syntes den nederste navigationsbjælke er for tyk (også i
Firefox). Kan man gøre noget ved det? Jeg vil meget gerne have
den grønne streg væk, eller i det mindste skifte dens farve.

Jeg har prøvet om div'en med top skal afsluttes *før* div'en
med øverste navigationsbjælke begynder, men så går scrolleren
agurk, og jeg har prøvet alt muligt med paddin og margin.


Jane
--
æbleskrog.dk


Erik Ginnerskov (30-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-06-04 16:59

Jane wrote:
> Siden ligger på http://æbleskrog.dk/z/skovtrold.htm
> og i Opera ser den fin ud. I Firefox ser den fin ud. Men i IE,
> har jeg en grim grøn streg under min øverste navigationsbjælke
> og jeg syntes den nederste navigationsbjælke er for tyk (også i
> Firefox). Kan man gøre noget ved det? Jeg vil meget gerne have
> den grønne streg væk, eller i det mindste skifte dens farve.

Du må genhente den zip-fil, du har fået lavet rod i og prøve igen. ;)

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (30-06-2004)
Kommentar
Fra : Jane


Dato : 30-06-04 17:45

Erik Ginnerskov skrev i <news:40e2e333$0$23872$14726298@news.sunsite.dk>:

> Du må genhente den zip-fil, du har fået lavet rod i og prøve igen. ;)

Jamen i zipfilen ligger den øverste navigationsbjælke alt
for højt oppe, så der er bare endnu mere grønt under den.
De samme "problemer" er i den originale fil (har den skam
liggende, tro ikke smider dine guldkorn væk) i min IE6.

Jane
--
æbleskrog.dk
har lagt siden op på http://www.skovtrolden.nyraad.net/



Erik Ginnerskov (30-06-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-06-04 20:10

Jane wrote:
> Jamen i zipfilen ligger den øverste navigationsbjælke alt
> for højt oppe, så der er bare endnu mere grønt under den.

Så skal du da bare ændre på lidt margin i css:

.navcontainer1 {
margin: 50px 0px 10px 150px;

ændres til:

.navcontainer1 {
margin: 90px 0px 10px 170px;

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jane (01-07-2004)
Kommentar
Fra : Jane


Dato : 01-07-04 10:33

Erik Ginnerskov skrev i <news:40e30ffc$0$23877$14726298@news.sunsite.dk>:

> Så skal du da bare ændre på lidt margin i css:

Jeg har ændret det til margin: 90px 0px 10px 200px;
men som du kan se er der stadig en grøn stribe i IE

http://www.skovtrolden.nyraad.net/

Jane
--
æbleskrog.dk

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

Månedens bedste
Årets bedste
Sidste års bedste