Style første linje i en DIV

[geirthr]

Hvordan setter man parametere for første linje i en DIV?

Og hvordan skiller man ut første linje i et slikt tilfelle? <br />?

[vidarv]

Hvordan setter man parametere for første linje i en DIV?

Og hvordan skiller man ut første linje i et slikt tilfelle? <br />?

5195317[/snapback]

 

Vet ikke helt om jeg skjønte spørsmålet, men...

 

du kan ikke style bare første linje i en div.. stylingen gjelder alt innholdet i diven...ønsker du at første linje skal være en <br /> er det bedre å style denne eksplisitt....

[Jesper Karsrud]

Det er forsåvidt mulig, men da må du vel ty til å bruke fast bredde på innholdsfelt og skrift. Da skal det være mulig å style det ved å bruke span. Jeg går utfra at første linje ikke er første setning.

 

Hvis det er første setning du mener, er saken tusen ganger enklere! Da kan du bare sette første setning inni en span, som dette:

<p><span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</span> Etiam tellus. Mauris quis urna. Vestibulum sagittis eros quis orci. Aenean risus sapien, iaculis vitae, placerat quis, cursus ut, arcu. Aliquam hendrerit, leo et ultrices tincidunt, sem nisl fermentum pede, vitae gravida libero nibh a odio.</p>

[Magnus Holm]

Prøv dette, du

 

p:first-line 
{
color: #ff0000;
font-variant: small-caps
}

[Steinmann]

merk: funker absolutt ikke i IE<7

[geirthr]

html koden min ser nå slik ut:

<p id="teskt">
<b>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</b>
<br /> 
Etiam tellus. Mauris quis urna. Vestibulum sagittis eros quis orci. Aenean risus sapien, iaculis vitae, placerat quis, cursus ut, arcu. Aliquam hendrerit, leo et ultrices tincidunt, sem nisl fermentum pede, vitae gravida libero nibh a odio.</p>

 

Men finnes det en måte å angi formateringen i css?

Slik at jeg slipper å angi <b> og <br /> direkte i html?

[Pilot_]

html koden min ser nå slik ut:

<p id="teskt">
<b>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</b>
<br /> 
Etiam tellus. Mauris quis urna. Vestibulum sagittis eros quis orci. Aenean risus sapien, iaculis vitae, placerat quis, cursus ut, arcu. Aliquam hendrerit, leo et ultrices tincidunt, sem nisl fermentum pede, vitae gravida libero nibh a odio.</p>

 

Men finnes det en måte å angi formateringen i css?

Slik at jeg slipper å angi <b> og <br /> direkte i html?

5195721[/snapback]

Ikke for å pirke, men hvorfor ikke gjøre det på denne måten? Det er jo absolutt det enkleste.

[geirthr]

html koden min ser nå slik ut:

<p id="teskt">
<b>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</b>
<br /> 
Etiam tellus. Mauris quis urna. Vestibulum sagittis eros quis orci. Aenean risus sapien, iaculis vitae, placerat quis, cursus ut, arcu. Aliquam hendrerit, leo et ultrices tincidunt, sem nisl fermentum pede, vitae gravida libero nibh a odio.</p>

 

Men finnes det en måte å angi formateringen i css?

Slik at jeg slipper å angi <b> og <br /> direkte i html?

5195721[/snapback]

Ikke for å pirke, men hvorfor ikke gjøre det på denne måten? Det er jo absolutt det enkleste.

5195733[/snapback]

 

 

Er dette fortsatt det enkleste når man har over 100 paragrafer som skal formateres på samme måte?

[Pilot_]

html koden min ser nå slik ut:

<p id="teskt">
<b>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</b>
<br /> 
Etiam tellus. Mauris quis urna. Vestibulum sagittis eros quis orci. Aenean risus sapien, iaculis vitae, placerat quis, cursus ut, arcu. Aliquam hendrerit, leo et ultrices tincidunt, sem nisl fermentum pede, vitae gravida libero nibh a odio.</p>

 

Men finnes det en måte å angi formateringen i css?

Slik at jeg slipper å angi <b> og <br /> direkte i html?

5195721[/snapback]

Ikke for å pirke, men hvorfor ikke gjøre det på denne måten? Det er jo absolutt det enkleste.

5195733[/snapback]

Da er jo saken en helt annen ting. Trodde ikke det var snakk om flere hundre her..

 

Er dette fortsatt det enkleste når man har over 100 paragrafer som skal formateres på samme måte?

5195745[/snapback]

Det er saken en helt annen. Trodde ikke det var snakk om flere hundre..

[Steinmann]

Da ville jeg brukt p:first-line og driti i IE

Er tross alt bare eye candy.

p:first-line {

font-weight: bold;

}

[Pilot_]

Da ville jeg brukt p:first-line og driti i IE

Er tross alt bare eye candy.

p:first-line {

font-weight: bold;

}

5195810[/snapback]

Det er kun på den måten vi får folk til å slutte å bruke IE.

[Lovskogen]

Ved å ikke la de se den første linja i fet tekst! Yeah!

 

 

 

 

 

 

[Pilot_]

Ved å ikke la de se den første linja i fet tekst! Yeah!

 

 

 

 

 

 

5196013[/snapback]

Du liker å få det inn med teskje ja.

Endret 23. november 2005 av Luzifer

[potetskrell]

Da ville jeg brukt p:first-line og driti i IE

Er tross alt bare eye candy.

p:first-line {

font-weight: bold;

}

5195810[/snapback]

Det er kun på den måten vi får folk til å slutte å bruke IE.

5195842[/snapback]

Nja, de vil jo aldri vite om denne mustiske linja, så da er det jo helt poengløst med den i det hele tatt

[Pilot_]

Ååh.. kverulanter! Ikke gå imot meg i kampen mot Explorer da.

[Jesper Karsrud]

Da ville jeg brukt p:first-line og driti i IE

Er tross alt bare eye candy.

p:first-line {

font-weight: bold;

}

5195810[/snapback]

Det er kun på den måten vi får folk til å slutte å bruke IE.

5195842[/snapback]

Nja, de vil jo aldri vite om denne mustiske linja, så da er det jo helt poengløst med den i det hele tatt

5196710[/snapback]

De vet ikke at de har gått glipp av noe, men det betyr ikke at linjen er poengløs for det Den gir jo noe ekstra til de som faktisk har vett nok til å bruke noe annet enn IE

[Steinmann]

Dette er bare eye candy, som IE brukere klarer seg fint uten.

De har nok med IE

[Winged Monkey]

Hva er det dere babler om? :first-line funkar da fint i IE også.. (Vel å merke over versjon 5.5 om jeg ikke husker feil.)

 

Demo

[Steinmann]

hmm, gammal vane å annta at ting ikke funker i IE

men da er det ikke noe problem da

[rødøye]

Hva med å legge til en artikkel som forteller om alt du går glipp av hvis du bruker IE?