uitlijnen

[joanne]

#left
{
float: left;
width: 160px;
margin: 0;
/*padding: 1em;*/
font-family: "verdana", helvetica; font-size: 12px; 
}

#right
{
float: right;
width: 160px;
margin: 0;
/*padding: -1em;*/
font-family: "verdana", helvetica; font-size: 12px; 
}

#content
{
margin-left: 200px;
border-left: 1px solid red;
margin-right: 200px;
font-family: "verdana", helvetica; font-size: 12px; 
border-right: 1px solid red;
padding: 1em;
max-width: 36em;
}

Gaat om rechter kolom van een 3 column lay-out: het enige wat ik wil is dat de tekst links uitlijnt, lijnt eerder rechts uit, dus a/d linker kant zit teveel witruimte.

Ik vogel van alles uit, niks lukt.
Iemand?
J

 

[gius]

kan je een voorbeeld posten van je pagina? of een voorbeeld van je stylesheet?

wat heeft het trouwens met php te maken?

 

[joanne]

zonder PHP dan:
Voor de rest is het prima alleen de tekst in de rechterkolom dus..Vast dank voor het meeprakkezeren.
Padding heb ik maar hier en daar weggelaten, wordt de tekst alleen maar nog smaller van.
Tussen haakjes, deze sheet heb ik met behulp van aanwijzingen http://www.maxdesign.com.au/presentation/page_layouts/index.cfm gemaakt.

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

#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 110%;

}

#header
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#header h1
{
padding: 0;
margin: 0;
}

#left
{
float: left;
width: 160px;
margin: 0;
/*padding: 1em;*/
font-family: "verdana", helvetica; font-size: 12px;
}

#right
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
font-family: "verdana", helvetica; font-size: 12px;
}

#content
{
margin-left: 200px;
border-left: 1px solid red;
margin-right: 200px;
font-family: "verdana", helvetica; font-size: 12px;
border-right: 1px solid red;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: 0.5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
font-family: "verdana",arial; font-size: 8 px;
}

#left p, #right p { margin: 0 0 0 0; }
#content h2 { margin: 0 0 .5em 0; }

 

[gius]

wat is dat voor text dan? een stylesheet? ja-> dan zou ik de hekjes vervangen voor een punt en de tag aanpassen bv:
<table celspacing etc etc (allemaal 0)>
<tr>
<td class="klasnaam">
</td>
<td class="klasnaam">
</td>
<td class="klasnaam">
</td>
</tr>
</table>

Groetjes, Remi

 

[joanne]

Het is gelukt, margin op 15 px gezet i.p.v. 0

Heb het nu precies zoals ik het wilde.

Thx.

J.

 

[miem]

@ joanne
om je tekst uit te lijnen kun je ook een style gebruiken.
text-align: left;
dus in jou geval

#right
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
font-family: "verdana", helvetica; font-size: 12px;
text-align: left;
}


@ gius
Je bent nog niet erg thuis in css zie ik. Het # teken in css wordt gebruikt om een "id" aan te geven.

Bij CLASS- en ID-selectors gaat het in principe om gewone attribuut-selectors. Het belangrijkste verschil met andere attribuut-selectors is, dat het CLASS attribuut en vaak ook het ID attribuut speciaal wordt toegevoegd aan een element om de koppeling met een stijl te realiseren. Het verschil tussen de twee selectors is, dat het CLASS attribuut een onbeperkt aantal keren met een bepaalde class-naam in een document gebruikt mag worden, terwijl het ID attribuut slechts één keer met een bepaalde id-waarde in een document mag staan.

bron: Handleiding HTML

 

[joanne]

Bedankt Miem, goed idee. :thumb:
Heeft er natuurlijk ook mee te maken dat ik nog niet alle selectors/properties uit mijn blote bol ken.


J.