Dit is de probleempagina: http://impasto.nl/schoolkrant/forum/index.php?showtopic=184

De online/offline text komt niet rechts, maar links!
Zoals je in de bron kan zien heb je deze code:

<span style='font-size:8pt; color:#CC0000; text-align:right; font-weight:bold;'>Offline</span>
of
<span style='font-size:8pt; color:#00CC00; text-align:right; font-weight: bold;'>Online</span>


Erg vervelend, want het ziet er niet uit. Natuurlijk zou ik misschien iets met important kunnen proberen, maat die k*tbrowser IE ondersteunt dat weer niet :(
Oke, ik heb er paar spaties vóór de offline/online text gepropt, maar dat is uiteraard geen oplossing.
En div'je heb ik al ook geprobeert zonder succes.

En ik kom erachter dat ik ook in het verkeerde forum nu hebt gepost dus als een moderator even ...? :)
*bump*
float: right; toevoegen en klaar is kees :)
Als je het met div doet werkt het wel.... alleen dan krijg je zo'n groote ruimte eronder.(ik pruts hier ook mee)

@PHPErik: Ik heb geprobeerd en dat werkt :D
Heel erg bedankt...
(ik profiteer van andermans topic ^^)
PHPerik schreef op 10.12.2005 14:45
float: right; toevoegen en klaar is kees :)
bijna klaar. nu komt de online/offline tekst eronder :/
Dan is er te weinig ruimte op die regel voor een float.

Soms is het handiger padding-left of margin-left te gebruiken of width: 100% met text-align: right. Ik denk dat je even creatief wat dingen moet proberen als float niet juist werkt.
Sebastiaan:

Die tekst staat in een span en een span neemt altijd de breedte aan van zijn inhoud. Dan kun je links of rechts uitlijnen, maar dat maakt niet uit.

Als je per sé een span wilt blijven gebruiken moet je twee dingen doen:

1) een breedte opgeven (net zo breed als het vak waar hij zich in bevindt)
2) naar rechts floaten

Als je wilt, dat hij op dezelfde hoogte komt als de nickname, moet je hem in de HTML voor de nickname plaatsen. In dat geval moet je juist GEEN breedte opgeven
Ik hoef niet per sé een span te gebruiken, maar als ik een div gebruik komt die tekst met een soort van enter er lelijk onder. Das dus niet mooi.

Maar bedankt iig. Hij werkt nu wel door de span vóór de nickname te zetten. Thnx.
Sebastiaan schreef op 10.12.2005 15:57
Maar bedankt iig. Hij werkt nu wel door de span vóór de nickname te zetten. Thnx.


Ja, da's een eigenaardigheidje van floats. Het floaten gebeurt precies op de regel waar je hem neerzet, en alles wat daarna komt, gaat er omheen lopen. Het lijkt een beetje omgedraaid, maar als je het door hebt is het eigenlijk logisch.
Nou, weer iets geleerd hè ;)
Dit heb ik uit de site van W3Schools niet kunnen halen :)

Reageren