/ 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
Placering af blockbokse med CSS???
Fra : Anders Jacobsen


Dato : 27-04-03 14:26

Hej NG

Jeg sidder og bøvler med placeringen af to CSS bokse. Det må da kunne lade
sig gøre at placere to bokse ved siden af hinanden? Jeg forstår det ikke,
men #indhold boksen hopper ned på "linien" neden under...

Se koden nedenunder...
----------------------------------
<HEAD>
<style type="text/css">
#menu
{
width:121px;
height:292px;
padding:10px;
border:1px solid #FFFFFF;
border-right-width:0px;
}
#indhold
{
margin-left:121px;
width:536px;
height:292px;
padding:10px;
border:1px solid #FFFFFF;
}
</style>
</HEAD>


<BODY>
<div>
<div id="menu">
MENU
</div>
<div id="indhold">
INDHOLD
</div>
</div>
-------------------------------

På forhånd tak!

Mvh. Anders Jacobsen



 
 
Erik Ginnerskov (27-04-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 27-04-03 14:42


"Anders Jacobsen" <anders@FJERN.ichtys.dk> skrev

> Jeg sidder og bøvler med placeringen af to CSS bokse. Det må da kunne lade
> sig gøre at placere to bokse ved siden af hinanden? Jeg forstår det ikke,
> men #indhold boksen hopper ned på "linien" neden under...
>
> Se koden nedenunder...
> ----------------------------------
> <HEAD>
> <style type="text/css">
> #menu
> {
> width:121px;
> height:292px;
> padding:10px;
> border:1px solid #FFFFFF;
> border-right-width:0px;
> }
> #indhold
> {
> margin-left:121px;
> width:536px;
> height:292px;
> padding:10px;
> border:1px solid #FFFFFF;
> }
> </style>
> </HEAD>
>
>
> <BODY>
> <div>
> <div id="menu">
> MENU
> </div>
> <div id="indhold">
> INDHOLD
> </div>
> </div>

Prøv at tildele din menuboks float:left

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



Anders Jacobsen (27-04-2003)
Kommentar
Fra : Anders Jacobsen


Dato : 27-04-03 16:35


"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev i en meddelelse
news:3eabde08$0$10380$edfadb0f@dread11.news.tele.dk...
>
> Prøv at tildele din menuboks float:left

Det hjalp, men der er et mellemrum på 1px mellem de to bokse, og de skulle
helst være helt tæt op ad hinanden. Rent faktisk ville det være bedst hvis
de kunne komme til at overlappehinanden, så de kunne have en fælles border i
den ene side.

Mvh. Anders Jacobsen



Erik Ginnerskov (27-04-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 27-04-03 16:43


"Anders Jacobsen" <anders@FJERN.ichtys.dk> skrev i en meddelelse
news:3eabf8ae$0$31930$edfadb0f@dread12.news.tele.dk...
>
> "Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev i en meddelelse
> news:3eabde08$0$10380$edfadb0f@dread11.news.tele.dk...
> >
> > Prøv at tildele din menuboks float:left
>
> Det hjalp, men der er et mellemrum på 1px mellem de to bokse, og de skulle
> helst være helt tæt op ad hinanden. Rent faktisk ville det være bedst hvis
> de kunne komme til at overlappehinanden, så de kunne have en fælles border
i
> den ene side.

Prøv så desuden at tildele menuboksen margin-right:0px og sæt tilsvarende i
indholdsboksen margin-left:0px

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



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

Månedens bedste
Årets bedste
Sidste års bedste