Trenger hjelp med css til ei www side...

[The Prodigy]

Hei..

 

Sitter med å lage ei side på css... den første faktisk...

 

Siden validerer både xhtml og css..

 

Men jeg skal lage et "Boks" lignende sak med litt info, og det klarer jeg ikke helt å få til som jeg vil ha det...

 

Har laget et utkast til skisse for å vise hvordan det skal se ut..(det er laget i paint)

 

Teksten til venstre skal være aligned til høyre slik at den ligger ved siden av "strek".

 

Se attached picture..

 

Hvordan skal man sette opp dette i css, html....??

 

Noen som kunne hjelpe meg..

 

 

 

EDIT: Jeg skal ha flere slike "bokser" / par under hverandre på sida....

 

Takker på forhånd...

Endret 25. mars 2005 av The Prodigy

[haugsand]

<dl>
 <dt>Title:</dt>
 <dd>Here comes Title</dd>

 <dt>Artist:</dt>
 <dd>Here comes Artist</dd>
</dl>

 

I tillegg til å tilpasse margin og padding, er det noe annet du må huske å angi i CSS. Legg til width og float: left; på dt, samt text-align: right. Dog, det kan bli problematisk dersom dd inneholder flere linjer, noe vi kan hjelpe til med etter du har laget et utkast.

[The Prodigy]

Hva med den streken midt mellom..?

 

Det kan godt vøre et gif bilde, eller av css selv hvis det er enklere...

[haugsand]

border-right på dt gjør susen, eventuelt border-left på dd. Ditt valg

[The Prodigy]

.. Border ser ok ut..

 

Men foreløpig ser det slik ut... Hva skal jeg endre for at dd ligger på samme linje som dt..?

Endret 26. mars 2005 av The Prodigy

[The Prodigy]

Takk for hjelpen..

 

Løste det..trur eg..

 

 

 

Takk igjen...

[haugsand]

float: left; er magien som får det på linje, flott at du har fått det til! Har du eksemplet på nett et sted?

[The Prodigy]

Hei igejn..

 

Stoppet opp igjen..

 

Hvis jeg skal ha den siste dd til å strekke seg helt, hvordan definere jeg det..? Altså at den fortsetter som vanlig linjeskift....

 

Se bidlet..

 

 

Jeg har foreløpig ikke lagt ut siden enda..designer fortsatt local host..

 

EDIT: Border bruger jeg på dt right-

Endret 26. mars 2005 av The Prodigy

[Jonas]

Prøv å sett left-border på DD istedenfor right-border på DT.

 

Edit: Leste litt feil.. Tenkte du ville ha borderen helt ned.

Endret 26. mars 2005 av Jonas

[The Prodigy]

Prøv å sett left-border på DD istedenfor right-border på DT.

Border er ikke problemet...

 

Jeg har prøvd med border DD, det er ikke det jeg vil endre på...

 

 

Jeg vil ha teksten i dd til flyte over...

 

<dd>This is all about A Life Of A Lost Soul...Lorem Ipsum is simply dummy text of the printing and typesetting industry.</dd>

 

Den skal begynne der den starter, men også fortsette under "comments" feltet..

 

altså kun den ene dd..

Endret 26. mars 2005 av The Prodigy

[The Prodigy]

Hei igjen..

 

 

Også en ting til.. hvordan skal jeg sette text i horisontal retning.. Se bildet...

 

Kan jeg ikke spesifisere forskjellige <dd> <dt> osv med f.eks <dd2> elr noe..?

 

 

Takker.

Endret 26. mars 2005 av The Prodigy

[Jonas]

Tabeller?

 

Tabell er ikke bare UUUTTT OMG USEMATISK. Man bruker det til å vise tabulær data

[The Prodigy]

Tabeller?

 

Tabell er ikke bare UUUTTT OMG USEMATISK. Man bruker det til å vise tabulær data

 

NEJ, Ikke tabeller...

 

Med css..det derfor eg spør...

[mikk-]

Hvorfor skal du vise tabulær data med css? Jeg kan ikke se noen grunn til det.

[Christian_]

Det er ikke noe galt med tabeller.

Problemet er bare at det er ganske mange som bruker de på feil måte.

så hvis du vil vise informasjon på den måten som du viser her så er det ikke noe galt i å bruke tabeller.

 

mange som har missforstått dette

 

tabeller skal ikke brukes til layout, men det skal brukes til å vise informasjon oversiktlig

[haugsand]

The Prodigy: Kan du laste opp eksemplet ditt, så det er enklere å finne en klsninge?

 

Også en ting til.. hvordan skal jeg sette text i horisontal retning.. Se bildet...

 

Her kan du bruke tabeller med god samvittighet

[The Prodigy]

Hvorfor skal du vise tabulær data med css? Jeg kan ikke se noen grunn til det.

 

 

..Vel jeg skal vise info slik jeg har lagt opp i bildet... Og siden jeg lager siden med css , div og ikke table layout tenkte jeg at jeg også kunne bruke css til å lage en oversiktlig info...

 

Det bildet har jeg laget på paint... og det ser ut som et table oppsett ja...

 

hvordan kan jeg så ellers oversiktlig vise de nevnte info..?

 

 

The Prodigy: Kan du laste opp eksemplet ditt, så det er enklere å finne en klsninge?

 

Også en ting til.. hvordan skal jeg sette text i horisontal retning.. Se bildet...

 

Her kan du bruke tabeller med god samvittighet

 

Oki,

 

 

Kan jeg ikke spesifisere forskjellige <dd> <dt> osv med f.eks <dd2> elr noe..?

Endret 26. mars 2005 av The Prodigy

[Jonas]

Å bruke CSS til å vise tabulær data er vel like ille som å bruke tabeller til layout..?

[The Prodigy]

Å bruke CSS til å vise tabulær data er vel like ille som å bruke tabeller til layout..?

Hehe..Den er grei.. I got that..

 

 

 

Kan jeg ikke spesifisere forskjellige <dd> <dt> osv med f.eks <dd2> elr noe..?

Hvis jeg trenger flere varianter av f.,eks <dd> hvordan kan man navngi det i css og html...? Skal ha det i samme <div>

[Jonas]

Ja, det kan du:

<navn class="Test">
<navn class="Test2">

CSS:

navn.Test {}
navn.Test2 {}