/ 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
2 spalter i CSS + XHTML ?
Fra : No1


Dato : 08-01-04 20:28

Jeg skal lave to kolonner på et bestemt antal pixels. Egentlig kunne jeg
bruge tables men jeg vil gerne lave det i XHTML og CSS i stedet for tables.

i stedet for:

<table>
<tr>
<td valign="top" width="200">Første kolonne...</td>
<td valign="top" width="300">Anden kolonne...</td>
</tr>
</table>

vil jeg gerne have noget i retning af:

<div id="foersteKolonne">Første kolonne...</div>
<div id="andenKolonne">Anden kolonne...</div>

Så er spørgsmålet hvad der skal stå i style sheetet?


 
 
pepss (08-01-2004)
Kommentar
Fra : pepss


Dato : 08-01-04 20:36


"No1" skrev
> Jeg skal lave to kolonner på et bestemt antal pixels. Egentlig kunne jeg
> bruge tables men jeg vil gerne lave det i XHTML og CSS i stedet for
tables.

du kan prøve at kikke her:
http://www.html.dk/tutorials/css/lektion13.asp


--
Pepss
Den ordblinde der prøver at blive webdesigner
Fræk frækkere www.cafe-flirt.dk



Erik Ginnerskov (08-01-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 08-01-04 21:23


"No1" <nooooone@cghfcdgsgesg.mars> skrev
> Jeg skal lave to kolonner på et bestemt antal pixels. Egentlig kunne jeg
> bruge tables men jeg vil gerne lave det i XHTML og CSS i stedet for
tables.
>
> vil jeg gerne have noget i retning af:
>
> <div id="foersteKolonne">Første kolonne...</div>
> <div id="andenKolonne">Anden kolonne...</div>
>
> Så er spørgsmålet hvad der skal stå i style sheetet?

#foersteKolonne{
float left;
width:XXpx;
margin-right:10px
}

#andenKolonne{
float left;
width:XXpx;
}


Indsæt på XX's plads den bredde, du ønsker.
Margin-right på første kolonne giver lidt luft mellem kolonnerne.

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



No1 (09-01-2004)
Kommentar
Fra : No1


Dato : 09-01-04 00:05

> #foersteKolonne{
> float left;
> width:XXpx;
> margin-right:10px
> }
>
> #andenKolonne{
> float left;
> width:XXpx;
> }

Tak. Det virkede kun da jeg brugte class, men ikke med id, mærkeligt.

Nu har jeg et nyt problem. Jeg har en div udenfor med en baggrund, som
skal være baggrund for de to kolonner. Eksempel:

<div id="ydreDiv" style="background: url(baggrund.png);">
<div class="foersteKolonne... [de to kolonner] ...
</div>

Men problemet er at baggrunden bliver ikke vist fordi ydreDiv ikke har
noget indhold. Det er som om at de to kolonner ikke tæller som indhold
når de floater. Hvis jeg skriver en masse linjer tekst inde i ydreDiv,
efter de to kolonner, kommer baggrunden frem - ellers ikke.

Nogen ideer?

No1 (09-01-2004)
Kommentar
Fra : No1


Dato : 09-01-04 16:17

> Nu har jeg et nyt problem. Jeg har en div udenfor med en baggrund, som

Jeg har lavet et ny tråd til det nye problem: "Baggrund bag ved to
float'ende DIV kolonner"

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