---

Hej med jer...

Fik lidt kritik på mit første design, hvorfor jeg har valgt at
ændre nogle ting. I kan se hjemmesiden her:

http://www.ernaeringscoach.dk/nyt-design/ny.html

og mit css:

http://www.ernaeringscoach.dk/nyt-design/style/ernaeringscoach.cs
s

Jeg har dog nogle ting jeg gerne vil have hjælp til / kritik af:

1. Jeg vil gerne have den hvide kasse til at støde helt op til
headeren.

2. Er det fornuftigt/hensigtsmæssigt/pænt osv. at have menuen til
at være vandret under headeren, eller er det bedre at oprette den
i venstre side af min hvide boks?

3. Hvis jeg skal have flere "kasser" i den hvide boks, skal jeg
så bruge en tabel, eller kan jeg klare den med div?? (Hvis div,
hvordan gør jeg så det, float?)

På forhånd tak

David Buus

--
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

---

rettet link til css:

http://www.ernaeringscoach.dk/nyt-design/style/ernaeringscoach.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

---

David Buus wrote:
> rettet link til css:
>
> http://www.ernaeringscoach.dk/nyt-design/style/ernaeringscoach.css

Helt unødvendigt. Kan vi se siden, kan vi også finde css-filen - det er bare
kigge i kildekoden.

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

---

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> David Buus wrote:
> > rettet link til css:
> >
> > http://www.ernaeringscoach.dk/nyt-design/style/ernaeringscoach.css
>
> Helt unødvendigt. Kan vi se siden, kan vi også finde css-filen - det er bare
> kigge i kildekoden.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://ginnerskov.dk
> http://vestfynswebdesign.dk - http://html-faq.dk
>
>
Blot at betragte som en ekstra service fra mig ;)

--
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

---

"David Buus" <buus.mac@hotmail.com> skrev
>
> 1. Jeg vil gerne have den hvide kasse til at støde helt op til
> headeren.

Prøv med:padding-top: 0px;
> 2. Er det fornuftigt/hensigtsmæssigt/pænt osv. at have menuen til
> at være vandret under headeren, eller er det bedre at oprette den
> i venstre side af min hvide boks?

Syntes det er fint med vandret menu


>
> 3. Hvis jeg skal have flere "kasser" i den hvide boks, skal jeg
> så bruge en tabel, eller kan jeg klare den med div?? (Hvis div,
> hvordan gør jeg så det, float?)

Du kunne lave 2 stk <div>
#kolonne1
med float: left;

#kolonne2
float: right;

Se en af mine sider her:
http://cms.jp-web.dk/
Check evt kildekode.
--
Mvh. John
www.web-graphic.dk

---

David Buus skrev:
> Hej med jer...
>
> Fik lidt kritik på mit første design, hvorfor jeg har valgt at
> ændre nogle ting. I kan se hjemmesiden her:
>
> http://www.ernaeringscoach.dk/nyt-design/ny.html
>
> og mit css:
>
> http://www.ernaeringscoach.dk/nyt-design/style/ernaeringscoach.cs
> s
>
> Jeg har dog nogle ting jeg gerne vil have hjælp til / kritik af:
>
> 1. Jeg vil gerne have den hvide kasse til at støde helt op til
> headeren.

Du har (fortsat?) en del valideringsfejl, se
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ernaeringscoach.dk%2Fnyt-design%2Fny.html

Det /kan/ have betydning for, hvordan siden ser ud.

Indsæt
* {
margin:0;
padding:0;
border: 0;
}
i dit stylesheet - så forsvinder alle
marginer, padding og borders.
Derefter sætter du de ønskede marginer og den
ønskede padding og border på de elementer, der
skal have sådanne.

> 2. Er det fornuftigt/hensigtsmæssigt/pænt osv. at have menuen til
> at være vandret under headeren, eller er det bedre at oprette den
> i venstre side af min hvide boks?

I modsætning til John vil jeg anbefale et lodretstillet
menupanel. Med den fikserede bredde du har på siden
bliver linjelængden for stor i brødteksten.




--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev> skal have sådanne.

>
> I modsætning til John vil jeg anbefale et lodretstillet menupanel. Med den
> fikserede bredde du har på siden
> bliver linjelængden for stor i brødteksten.

Det er korrekt og derfor han bør dele den op i 2.
Kan selvfølgelig også vælge at bruge den ene til at have sin menu i.
Det er et ? om smag og behag.

Jeg syntes som sagt om den vandrette så længe der ikke er flere menupunkter
end der er plads til

--
Mvh. John
www.web-graphic.dk

---

jopa wrote:
> "Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev> skal have sådanne.
>
>>
>> I modsætning til John vil jeg anbefale et lodretstillet menupanel.
>> Med den fikserede bredde du har på siden
>> bliver linjelængden for stor i brødteksten.
>
> Det er korrekt og derfor han bør dele den op i 2.
> Kan selvfølgelig også vælge at bruge den ene til at have sin menu i.
> Det er et ? om smag og behag.
>
> Jeg syntes som sagt om den vandrette så længe der ikke er flere
> menupunkter end der er plads til

Der er såmænd plads til både en menu og to spalter tekst, hvis det skulle
være.

Nutidens skærme, giver rigelige muligheder, for at få tingene til at se ud
som man foretrækker.
Selvfølgelig, kan det øvrige indhold diktere eller begrænse, på den ene
eller anden måde.

Så det må være Davids eget valg ;>)

Vandrette menuer, kan have et problem med, at der ikke er plads til alle dem
man gerne vil have.
Det kan løses med drop down menuer, eller dedikerede menuer på undersider.

Smag og behag er jo forskellig. Siden kan ikke ses på en fronuftig måde, af
folk der har 800x600 skærme.

Birger
--
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt.
Daglig opdatering.

---

"Birger" <sdc@bbsorensen.com> skrev
> Smag og behag er jo forskellig.
Jepper

>Siden kan ikke ses på en fronuftig måde, af folk der har 800x600 skærme.

Korrekt den er 900px men det bør kunne rettes uden problemer

--
Mvh. John
www.web-graphic.dk

---

Birger skrev:

> Nutidens skærme, giver rigelige muligheder, for at få tingene til at se ud
> som man foretrækker.

Måske, men Davids design tager ikke skade af at laves flydende så
det kan tilpasse sig mindre skærme.

--
Bertel
http://bertel.lundhansen.dk/      FIDUSO: http://fiduso.dk/

---

Tak til alle for nogle gode svar, som jeg vil fifle lidt med. :)

> > Nutidens skærme, giver rigelige muligheder, for at få tingene til at se ud
> > som man foretrækker.
>
> Måske, men Davids design tager ikke skade af at laves flydende så
> det kan tilpasse sig mindre skærme.
>

Hvad mener du med at lave designet flydende og hvordan gøres dette?

--
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

---

David Buus skrev:


> Hvad mener du med at lave designet flydende og hvordan gøres dette?
>

Erstat din dødulovlige <center>...</center>
markør med en
<div id="helesiden">
....
</div>

og sørg for at *alt* indhold er inden i den div.

Lav nu en formdeklaration i dit stylesheet,
sålydende:

div#helesiden {
width:95%;
max-width:30em;
margin:0 auto;
position:relative;
}

max-width indretter du sådan at linjelængden
i din brødtekst ikke overstiger 65-75 tegn,
selvom læserens browservindue øges.
Det svarer til en em-bredde på 30em hvis
brødskriften er 100% georgia eller arial,
25em hvis times, 34em hvis verdana.

Side 130 og flg. i "Webdesign med stylesheets",
se også
http://webdesign101.dk/design/eksempler/eksempel_13.php



--
Med venlig hilsen

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

---

> Side 130 og flg. i "Webdesign med stylesheets",

Har just nu lånt bogen på biblioteket og kastet mig frådende over den!
Vil gå igang med læsningen... :)

--
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

---

Birger wrote:

> Nutidens skærme, giver rigelige muligheder, for at få tingene til at
> se ud som man foretrækker.

> Smag og behag er jo forskellig. Siden kan ikke ses på en fronuftig
> måde, af folk der har 800x600 skærme.

To udsagn, der er i direkte modstrid med hinanden.

Selvfølgelig skal man lave et design, der tager hensyn til dem, der stadig
sidder med en skærm på kun 800×600 px - og til dem, der foretrækker ikke at
have browservinduet maksimeret på den større skærm.

Et fleksibelt design, der ikke giver vandret scrollbar ved vinduesbredde på
kun 800 px må være det ideelle.

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

---

jopa skrev:
>
> "Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev> skal have sådanne.
>
>>
>> I modsætning til John vil jeg anbefale et lodretstillet menupanel. Med
>> den fikserede bredde du har på siden
>> bliver linjelængden for stor i brødteksten.
>
> Det er korrekt og derfor han bør dele den op i 2.
> Kan selvfølgelig også vælge at bruge den ene til at have sin menu i.
> Det er et ? om smag og behag.
>

Ja, det kan du nok have ret i. Men
2-spaltet tekst er sjældent nogen
god idé, hvis det er det du tænker på.

Derimod kan jeg tænke mig en situation,
hvor man dels har en navigationsbjælke,
og dels en smal og bred spalte i artikel-
delen, hvor den smalle spalte er dedikeret
til resuméer, tidbits om andre sider eller
undermenuer (sektionsmenuer), eller såmænd
annoncer.

Smag og behag rækker langt, men for så
vidt angår linjelængde er der masser af
belæg for at læsbarheden nedsættes mærkbart,
jo længere linjerne er, når længden er over
40-50 tegn. Jeg selv bruger 65 tegn som
en rettesnor, med en linjeskydning på
120-125 procent.

--
Med venlig hilsen

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

---

> Indsæt
> * {
> margin:0;
> padding:0;
> border: 0;
> }
> i dit stylesheet - så forsvinder alle
> marginer, padding og borders.
> Derefter sætter du de ønskede marginer og den
> ønskede padding og border på de elementer, der
> skal have sådanne.
>

Jeg har nu indsat dette, men uden det ønskede resultat. Jeg har stadig den uønskede skillelinje mellem
header og indholdet... Nogle der kan svare på hvorfor?

Jeg har valideret både html fil og css fil og begge er valide...

--
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

---

"David Buus" <buus.mac@hotmail.com> skrev i meddelelsen
news:4895be14$0$90268$14726298@news.sunsite.dk...
>> Indsæt
>> * {
>> margin:0;
>> padding:0;
>> border: 0;
>> }
>> i dit stylesheet - så forsvinder alle
>> marginer, padding og borders.
>> Derefter sætter du de ønskede marginer og den
>> ønskede padding og border på de elementer, der
>> skal have sådanne.
>>
>
> Jeg har nu indsat dette, men uden det ønskede resultat. Jeg har stadig den
> uønskede skillelinje mellem
> header og indholdet... Nogle der kan svare på hvorfor?
>
> Jeg har valideret både html fil og css fil og begge er valide...

Hvad sker der, hvis du fjerner den <hr />, som du har i menuen?


--
Henny Stewart
http://fjern-uv.dk

---

> Hvad sker der, hvis du fjerner den <hr />, som du har i menuen?


Ingen ting :)

--
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

---

"David Buus" <buus.mac@hotmail.com> skrev i meddelelsen
news:4895ccdb$0$90264$14726298@news.sunsite.dk...
>
>> Hvad sker der, hvis du fjerner den <hr />, som du har i menuen?
>
>
> Ingen ting :)


Nå. Men din side er en helt simpel ting, og det tager længere at gennemgå
koden for at finde fejlene end at skrive det om forfra, hvilket jeg har
gjort. Har også tilføjet lidt forbedringer

Studér og lær:
http://hennystewart.com/sandkasse/


--
Henny Stewart
http://mitford.dk

---

> Studér og lær:
> http://hennystewart.com/sandkasse/
>

Mange tak Henny! Jeg vil sætte mig ned og se på det.

Overvejer dog at lave menuen placeret i venstre side. Men det skulle ikke
give mig de store problemer.

Har lånt Jørgen Farum Jensen's bog "Webdesign med stylesheets" og tror den
også kan hjælpe mig :)


--
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

---

David Buus <buus.mac@hotmail.com> skrev :

>Jeg har nu indsat dette, men uden det ønskede resultat. Jeg har stadig den uønskede skillelinje mellem
>header og indholdet...

Indsæt vertical-align: bottom på din header.jpg.
--
Kerim

---

Kerim Ellentoft wrote in dk.edb.internet.webdesign.html:
> David Buus <buus.mac@hotmail.com> skrev :
>
> >Jeg har nu indsat dette, men uden det ønskede resultat. Jeg har stadig den uønskede skillelinje mellem
> >header og indholdet...
>
> Indsæt vertical-align: bottom på din header.jpg.
> --
> Kerim

Det har jo intet med den vertikale alignment at gøre, da elementet "menu" kommer umiddelbart efter
"header". Har dog, for god ordens skyld forsøgt, uden resultat.

--
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

---

David Buus <buus.mac@hotmail.com> skrev :

>Det har jo intet med den vertikale alignment at gøre, da elementet "menu" kommer umiddelbart efter
>"header". Har dog, for god ordens skyld forsøgt, uden resultat.

Det burde det og det virker, når jeg henter din side og sætter
det ind.

http://home13.inet.tele.dk/smedpark/images/e.jpg
--
Kerim

---

David Buus wrote:

> 1. Jeg vil gerne have den hvide kasse til at støde helt op til
> headeren.

Kun få linjers ekstra kode fjerner den uønskede sorte streg:

div#header {
margin-bottom:0; /* tilføjet definition */
}

#header img { /* tilføjet selector */
vertical-align:bottom /* tilføjet definition */
}

div#menu {
margin-top:0; /* tilføjet definition */
width: 900px;
height: 100%;
background-color: #ffffff;
}

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