|
| Placering af menuboks Fra : inga schmidt |
Dato : 23-05-04 08:56 |
|
Jeg er ikke helbefaren udi CSS, og inden jeg får flere grå hår på
hovedet, er der så en venlig sjæl, der kan fortælle mig, om
menuboksen i venstre side kan laves uden tabel. Jeg vil bevare de
fleksible marginer a.h.t. diverse skærmopløsninger. Indtil nu er
alle forsøg endt med, at menuboksen havner helt ude til venstre
eller over indholdsboksen.
Side kan ses her: www.a-signature.com
Mvh
Inga
--
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
| |
Allan Vebel (23-05-2004)
| Kommentar Fra : Allan Vebel |
Dato : 23-05-04 11:30 |
| | |
Jesper Brunholm (23-05-2004)
| Kommentar Fra : Jesper Brunholm |
Dato : 23-05-04 15:03 |
|
inga schmidt skrev:
> Jeg er ikke helbefaren udi CSS, og inden jeg får flere grå hår på
> hovedet, er der så en venlig sjæl, der kan fortælle mig, om
> menuboksen i venstre side kan laves uden tabel. Jeg vil bevare de
> fleksible marginer a.h.t. diverse skærmopløsninger. Indtil nu er
> alle forsøg endt med, at menuboksen havner helt ude til venstre
> eller over indholdsboksen.
> Side kan ses her: www.a-signature.com
Jeg ved ikke helt om det er internt i menuen du mener, eller den store
sideopsætning.
Hvad sidstnævnte angår er flg gode at blive klogere af:
< http://html.dk/artikler/00043/>
< http://html-faq.dk/2003.asp>
Som uddybning af rådet som Allan gav dig (om at bruge li) vil jeg
foreslå at du ser lidt på < http://css.maxdesign.com.au/listamatic/> hvor
der er mange gode tricks til formattering af lister
mvh
Jesper Brunholm
--
Phønix - dansk folk-musik i front - < http://www.phonixfolk.dk/>
H.C. Andersen-Centret: < http://www.andersen.sdu.dk/>
| |
inga schmidt (23-05-2004)
| Kommentar Fra : inga schmidt |
Dato : 23-05-04 16:42 |
|
Jesper Brunholm wrote in dk.edb.internet.webdesign.html:
> Jeg ved ikke helt om det er internt i menuen du mener, eller den store
> sideopsætning.
>
>
Det er ikke menuindholdet - det er der ingen problemer med. Det er selve
den lyseblå boks. Den er, hvor den skal være - men med tabel. Jeg vil
gerne have den samme sted, men med CSS i stedet for tabel. Alle de forsøg,
jeg har lavet, sender den helt ud i venstre side af skærmen. Gentager lige
adressen:
www.a-signature.com
Mvh
Inga
--
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
| |
Ryan Kristensen (23-05-2004)
| Kommentar Fra : Ryan Kristensen |
Dato : 23-05-04 17:14 |
|
On 23 May 2004 15:41:54 GMT, inga schmidt <ingainga_schmidt@get2net.dk>
wrote:
> Det er ikke menuindholdet - det er der ingen problemer med. Det er selve
> den lyseblå boks. Den er, hvor den skal være - men med tabel. Jeg vil
> gerne have den samme sted, men med CSS i stedet for tabel. Alle de
> forsøg,
> jeg har lavet, sender den helt ud i venstre side af skærmen. Gentager
> lige
> adressen:
> www.a-signature.com
Du kan jo enten sætte noget margin/padding på body.
F.eks. kan du skrive body {margin:0 10%;}
--
Ryan Kristensen
| |
inga schmidt (23-05-2004)
| Kommentar Fra : inga schmidt |
Dato : 23-05-04 18:36 |
|
Ryan Kristensen wrote in dk.edb.internet.webdesign.html:
> > www.a-signature.com
>
> Du kan jo enten sætte noget margin/padding på body.
> F.eks. kan du skrive body {margin:0 10%;}
>
> --
> Ryan Kristensen
Joh, men det virker ikke, når jeg ændrer på skærmopløsningen. Jeg kan godt
få det til at se rigtigt ud i 1024x768, men når jeg skifter til 600x800
hopper indholdsboksen ned under resten.
Mvh
Inga
--
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
| |
Ryan Kristensen (23-05-2004)
| Kommentar Fra : Ryan Kristensen |
Dato : 23-05-04 21:01 |
|
On 23 May 2004 17:35:34 GMT, inga schmidt <ingainga_schmidt@get2net.dk>
wrote:
> Joh, men det virker ikke, når jeg ændrer på skærmopløsningen. Jeg kan
> godt
> få det til at se rigtigt ud i 1024x768, men når jeg skifter til 600x800
> hopper indholdsboksen ned under resten.
Hvis de to divs bredde tilsammen er større end 800 i bredden, så vil den
ene boks selvfølgelig hoppe ned under den anden.
Hvis du undlader, at give dem en bredde, så vil bredden tilpasse sig.
Ikke helt sikker på, at jeg forstår problemet.
Kunne du ikke sende et link til den side, hvor forsøget ikke virker?
Du kan evt. kigge her:
< http://www.ryankristensen.com/tests/bokse.html>
Hvor jeg skulle mene, at det virker.
--
Ryan Kristensen
| |
inga schmidt (23-05-2004)
| Kommentar Fra : inga schmidt |
Dato : 23-05-04 21:34 |
|
Ryan Kristensen wrote in dk.edb.internet.webdesign.html:
> Kunne du ikke sende et link til den side, hvor forsøget ikke virker?
>
Jeg sender det igen:
http://www.a-signature.com
Som du kan se, er jeg nødt til at angive størrelse på boksene. Det skal se
ud som her, men altså uden tabel.
Mvh Inga
--
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
| |
Ryan Kristensen (23-05-2004)
| Kommentar Fra : Ryan Kristensen |
Dato : 23-05-04 22:25 |
|
On 23 May 2004 20:34:14 GMT, inga schmidt <ingainga_schmidt@get2net.dk>
wrote:
> Jeg sender det igen:
> http://www.a-signature.com
> Som du kan se, er jeg nødt til at angive størrelse på boksene. Det skal
> se
> ud som her, men altså uden tabel.
Nu ville det være bedre, hvis man kunne se et forsøg, hvor du havde
forsøgt, at gøre det som du gerne vil, men det _ikke_ lykkedes.
Jeg er stadig ikke klar over hvad der går galt, siden du ikke kan få dem
placeret ved siden af hinanden.
Det virker fint her:
< http://www.ryankristensen.com//tests/bokse.html>
Bemærk, at jeg har sat menuen ind i en liste, og henter den røde plet med
css i stedet.
Derved undgår jeg, at skulle udskrive billedet hver gang, bruge til
at placere tekst med, og flere <br> efter hinanden.
--
Ryan Kristensen
| |
inga schmidt (24-05-2004)
| Kommentar Fra : inga schmidt |
Dato : 24-05-04 08:58 |
|
Ryan Kristensen wrote in dk.edb.internet.webdesign.html:
> Jeg er stadig ikke klar over hvad der går galt, siden du ikke kan få dem
> placeret ved siden af hinanden.
> Det virker fint her:
> < http://www.ryankristensen.com//tests/bokse.html>
> Bemærk, at jeg har sat menuen ind i en liste, og henter den røde plet med
> css i stedet.
> Derved undgår jeg, at skulle udskrive billedet hver gang, bruge til
> at placere tekst med, og flere <br> efter hinanden.
>
> --
> Ryan Kristensen
Jeg siger mange tak! Nu faldt brikkerne endelig på plads. Troede ikke, jeg
kunne sætte <di> inden i <div>. Tusind tak for hjælpen.
Mvh
Inga
--
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
| |
Knighten (23-05-2004)
| Kommentar Fra : Knighten |
Dato : 23-05-04 18:36 |
|
"inga schmidt" <ingainga_schmidt@get2net.dk> skrev i en meddelelse
news:40b0c642$0$3051$14726298@news.sunsite.dk...
> Det er ikke menuindholdet - det er der ingen problemer med. Det er selve
> den lyseblå boks. Den er, hvor den skal være - men med tabel. Jeg vil
> gerne have den samme sted, men med CSS i stedet for tabel. Alle de forsøg,
> jeg har lavet, sender den helt ud i venstre side af skærmen.
Nu ved jeg selvfølgelig ikke hvad du har prøvet.
Men hvis du sætter dit menu element ind i din <div> der hedder indhold, og
float: left. Så burde den lægge sig ude til venstre.
Se evt. http://www.html.dk/tutorials/css/lektion13.asp eller følgende
lektioner som gennemgår positionering af elementer.
/Knighten.
| |
inga schmidt (23-05-2004)
| Kommentar Fra : inga schmidt |
Dato : 23-05-04 18:52 |
|
Knighten wrote in dk.edb.internet.webdesign.html:
> Men hvis du sætter dit menu element ind i din <div> der hedder indhold, og
> float: left. Så burde den lægge sig ude til venstre.
Men jeg kan vel ikke sætte en <div> der hedder menu inden i en anden <div>
der hedder indhold?
> Se evt. http://www.html.dk/tutorials/css/lektion13.asp eller følgende
> lektioner som gennemgår positionering af elementer.
Virker fint, når der IKKE er de fleksible marginer. Det er nok dem, der
egentlig skaber problemet?
Mvh Inga
--
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
| |
Erik Ginnerskov (23-05-2004)
| Kommentar Fra : Erik Ginnerskov |
Dato : 23-05-04 19:55 |
| | |
inga schmidt (23-05-2004)
| Kommentar Fra : inga schmidt |
Dato : 23-05-04 20:30 |
|
Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> inga schmidt wrote:
>
> http://www.hjemmesideskolen.dk/html/flyd.asp
Hej Erik.
Det er netop dine udmærkede sider, der er det oprindelige grundlag. Mit
problem opstår, fordi jeg vil have TO bokse ved siden af hinanden midt på
siden. Der er altså ét eller andet i mit hoved, der blokerer, for jeg kan
bare ikke få det til at virke. Derfor har jeg så i første omgang valgt én
indholdsboks med tabel i. Men KAN jeg få to bokse til at flyde 'side by
side' midt på siden?
Mvh Inga
--
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
| |
Tine Müller (24-05-2004)
| Kommentar Fra : Tine Müller |
Dato : 24-05-04 08:06 |
| | |
Erik Ginnerskov (24-05-2004)
| Kommentar Fra : Erik Ginnerskov |
Dato : 24-05-04 14:03 |
|
inga schmidt wrote:
> Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
>> inga schmidt wrote:
>>
>> http://www.hjemmesideskolen.dk/html/flyd.asp
>
> Hej Erik.
> Det er netop dine udmærkede sider, der er det oprindelige grundlag.
> Mit problem opstår, fordi jeg vil have TO bokse ved siden af hinanden
> midt på siden. Der er altså ét eller andet i mit hoved, der blokerer,
> for jeg kan bare ikke få det til at virke. Derfor har jeg så i første
> omgang valgt én indholdsboks med tabel i. Men KAN jeg få to bokse til
> at flyde 'side by side' midt på siden?
Ikke noget problem:
<div id="centreret_paa_siden" style="margin-left:auto;margin-right:auto">
<div id="menu" style="float:left;width:200px">Menuen her</div>
<div id="indhold" style="padding-left:210px">Sidens indhold her</div>
</div>
Den div med sidens indhold skal nødvendigvis have sat en padding lidt større
end bredden på den div, der indeholder menuen. Ellers vil indholdet under
menuens nederste punkt brede sig ind under menuen.
Alternativt kunne man floate indholds-div'en left og sætte en bredde på, så
den kan være til højre for menuen også i små vinduer, men så er bredden låst
mere eller mindre (bredde i px eller %).
Princippet er to div'er side om side inden i en tredje. Denne tredje div
placerer det hele centreret i browservinduet.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin
| |
inga schmidt (25-05-2004)
| Kommentar Fra : inga schmidt |
Dato : 25-05-04 09:19 |
|
Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> > Princippet er to div'er side om side inden i en tredje. Denne tredje div
> placerer det hele centreret i browservinduet.
>
Hej Erik.
Jeg takker så mange gange for hjælpen (selv om Ryan kom først
Nu fungerer det - og mit hoved er med igen!
Mvh
Inga
--
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
| |
Knighten (23-05-2004)
| Kommentar Fra : Knighten |
Dato : 23-05-04 23:13 |
|
"inga schmidt" <ingainga_schmidt@get2net.dk> skrev i en meddelelse
news:40b0e4a8$0$3054$14726298@news.sunsite.dk...
> Men jeg kan vel ikke sætte en <div> der hedder menu inden i en anden <div>
> der hedder indhold?
hvorfor skulle du ikke kunne det. ?
| |
|
|