twee classes voor 1 alinea

[jeel2008]

hallo, voor een bepaalde alinea wil ik 2 classes toepassen.
maar hoe ziet dat er uit in de code?

<p class="pageContent" "m1">tekst</p>

dit werkt in ieder geval niet.
hoe wel?

Jeel2008

ps even voor de goede orde:
alle alineas hebben een classe Pagecontent
de eerste alinea moet een grote letter krijgen, via de classe m1: first-letter

<p class="pageContent m1"> werkt dus (ook) niet.
komt dit omdat first:letter een pseudo-element is?


-------------------------------

en dan nog iets:
IE weigert te reageren op het instellen van een marge voor de pageContent.
wat ik ook doe: in de code van de pagina zelf staan marges, maar ook in een toegewezen stijlclasse.
firefox geen probleem, IE blijft bijna links tegen de kantlijn aanliggen, ook al geef ik een marge mee van 30, 50, 100, maakt niet uit.
iemand een oplossing hiervoor?

 

[That Guy]

yo,


als alle p-elementen de class 'pageContent' hebben, moet je daar niet zo moeilik mee doen en ze allemaal in de class='pageContent' zetten, maar gewoon standaard maken:

p
{
   /* hier css die voor alle <p> gelden, dus de css van pageContent */
}

.firstLetter:first-letter
{
   /* hier je first-letter code */
}

en dan als html:

<p class='firstLetter'>
   content, content, met 1e letter speciaal
</p>
<p>
   content, met als standaard pageContent
</p>

:thumb:

 

[jeel2008]

twee classes

ja, uiteindelijk heb ik de class gedupliceerd en er een pclass firstletter van gemaakt.
maar nog blijft de vraag hoe je twee classes in 1 p combineert.
bv
nr1
{font: tahoma;
}

nr2 {
font-color: red;
}

kun je dan zeggen in je code

<p class="nr1 nr2">tekst</p>

?

 

[Frats]

Dat kan ja, classes kun je gewoon scheiden met een spatie als ze binnen de aanhalingstekens staan.

<div class="class1 class2 class3 class4">
  =)
</div>

 

[jeel2008]

tekst laten meelopen

hallo frats, ok , bedankt.

had ik nog iets, misschien weet je dat ook wel:

als je een foto hebt die bv ovaal is, kun je dan de tekst laten meelopen?
zoals je dat bv in Illustrator kunt doen met een afbeelding.
of kan dat niet omdat css met 'boxen' werkt?

zie plaatje ter verduidelijking. dit is niet zo mooi. zou liever hebben dat de tekstlijn, de marge, ovaal meeloopt.

Jeel2008

 

[Johantrax]

Dat gaat, maar niet zo heel eenvoudig. CSS/HTML werkt inderdaad met een box-model waardoor alles standaard rechthoekig is. Om afrondingen te maken kan je eigenlijk alleen maar met push/filler-divisions werken.
De techniek bestaat er in om een heel aantal div's van 1 regelhoogte onder elkaar te zetten die de content van een andere div doen omlopen. Een voorbeeld hiervan kan je oa zien op deze site waar ik momenteel aan werk. De code die van belang is, is deze in linkerwiii (de leftslant-class zorgt voor de push en linkerwiiiinhoud bevat de eigenlijke inhoudstekst). de rechterzijde is identiek opgebouwd

 

[jeel2008]

tekst laten meelopen

hallo Johantrax,

bedankt.
ja, dit had ik zelf ook al bedacht maar het leek me zo omslachtig: bovendien ben je dan gebonden aan een vaste regelbreedte, per regel. zodra je de bodytekst zeg maar van 450 px naar 500px stelt, ben je verloren want dan moet je al die div-tage gaan herplakken.

of is dit niet wat je bedoelt?
ik bedoel dit
<div>regel1lengte450 pixels</div>
<div>regel2lengte460 pixels</div>
<div>regel3lengte470 pixels</div>
en dan rechts het plaatje.

 

[Goeroeboeroe]

Misschien heb je hier nog wat aan. Ik heb nooit aan de mogelijkheid van andere breedte gedacht, maar als ik in de gauwigheid de breedte van #wrapper even verander, werkt 't nog goed in Firefox en Opera (heel snel even gecheckt). Zonder dat je dus al die spans moet gaan aanpassen.
Zoomen en 'n lettergrootte veranderen is in ieder geval geen probleem.
http://www.css-voorbeelden.nl/tekst/illustraties-naast-tekst/tekst-043.html