[CSS] aligneren
Beste,
ik ben momenteel bezig aan m'n nieuwe site. Ik heb echter al 2 problemen met CSS waarvan ik zelf de oplossing niet direct weet.
1/
http://janheuninck.be/contact.php
=> De errorberichten rechts moeten verticaal gecentreerd worden. Ik heb gewerkt met vertical-align: middle; maar dit werkt niet...
2/
http://janheuninck.be/index.php
=> De menublokken moet rechts gealigneerd worden, zodat de uiterst rechtse kant van het 4e blok gelijk komt met de rechterkant van mn titel. text-align: right werkt niet... Als ik op elk menu-blok float: right; toepas, dan is alles wel mooi langs rechts uitgelijnd, maar dan staan m'n menu-blokken in omgekeerde volgorde...
Kan iemand me hierbij helpen?
alvast bedankt
ik ben momenteel bezig aan m'n nieuwe site. Ik heb echter al 2 problemen met CSS waarvan ik zelf de oplossing niet direct weet.
1/
http://janheuninck.be/contact.php
=> De errorberichten rechts moeten verticaal gecentreerd worden. Ik heb gewerkt met vertical-align: middle; maar dit werkt niet...
2/
http://janheuninck.be/index.php
=> De menublokken moet rechts gealigneerd worden, zodat de uiterst rechtse kant van het 4e blok gelijk komt met de rechterkant van mn titel. text-align: right werkt niet... Als ik op elk menu-blok float: right; toepas, dan is alles wel mooi langs rechts uitgelijnd, maar dan staan m'n menu-blokken in omgekeerde volgorde...
Kan iemand me hierbij helpen?
alvast bedankt
Voor de eerste heb ik nog niet echt naar gekeken, maar voor de tweede wel:
Voeg eens rond om die vier menu divs een extra div in:
Die float: right; zal dan alle menu items naar rechts verplaatsen binnen in de menu div.
Voeg eens rond om die vier menu divs een extra div in:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div style="float: right;">
<div class="menu_item" id="item_1" onclick="window.location.href='over.php';">
<p>Over mij</p>
</div>
<div class="menu_item" id="item_2" onclick="window.location.href='projecten.php';">
<p>Projecten</p>
</div>
<div class="menu_item" id="item_3" onclick="window.location.href='links.php';">
<p>Links</p>
</div>
<div class="menu_item" id="item_4" onclick="window.location.href='contact.php';">
<p>Contact</p>
</div>
</div>
<div class="menu_item" id="item_1" onclick="window.location.href='over.php';">
<p>Over mij</p>
</div>
<div class="menu_item" id="item_2" onclick="window.location.href='projecten.php';">
<p>Projecten</p>
</div>
<div class="menu_item" id="item_3" onclick="window.location.href='links.php';">
<p>Links</p>
</div>
<div class="menu_item" id="item_4" onclick="window.location.href='contact.php';">
<p>Contact</p>
</div>
</div>
Die float: right; zal dan alle menu items naar rechts verplaatsen binnen in de menu div.
Tuurlijk, dat ik daar niet aan gedacht heb xD
bedankt!
bedankt!
No problem.
Wat bedoel je precies met die eerste?
Wat bedoel je precies met die eerste?
'GaMer13:
No problem.
Wat bedoel je precies met die eerste?
Wat bedoel je precies met die eerste?
Bij de textarea: de "niet geldig" moet verticaal gecentreerd worden t.o.v. het invoerveld. Nu staat dit onderaan t.o.v. de invoer
De enige manier die ik kan vinden, is een manier om het aan de bovenkant van de textarea te alignen, in plaats van onderaan. En die manier is hier uitgelegd.
Het nadeel van die manier is dat je een label moet gebruiken. Verder zou ik geen andere manier kunnen bedenken op dit moment.
Het nadeel van die manier is dat je een label moet gebruiken. Verder zou ik geen andere manier kunnen bedenken op dit moment.
Je moet eigenlijk sowieso wel een label gebruiken. Denk ook aan braille-lezers en spraaksoftware etc.
Een label is hieruitermater geschikt voor. Maar ik zie dat het al gelukt is (je foutmeldingen staan netjes in het midden erachter).
Ps even je een spatie bij Naam / Voornaam invullen en dan weer halen blijft een groen vinkje geven ;).
Een label is hieruitermater geschikt voor. Maar ik zie dat het al gelukt is (je foutmeldingen staan netjes in het midden erachter).
Ps even je een spatie bij Naam / Voornaam invullen en dan weer halen blijft een groen vinkje geven ;).
Gewijzigd op 01/01/1970 01:00:00 door Eddy E
'Eddy:
Je moet eigenlijk sowieso wel een label gebruiken. Denk ook aan braille-lezers en spraaksoftware etc.
Een label is hieruitermater geschikt voor. Maar ik zie dat het al gelukt is (je foutmeldingen staan netjes in het midden erachter).
Ps even je een spatie bij Naam / Voornaam invullen en dan weer halen blijft een groen vinkje geven ;).
Een label is hieruitermater geschikt voor. Maar ik zie dat het al gelukt is (je foutmeldingen staan netjes in het midden erachter).
Ps even je een spatie bij Naam / Voornaam invullen en dan weer halen blijft een groen vinkje geven ;).
Dan elke span van een foutboodschap in een label plaatsen? of de span's vervangen door labels?
De validatie klopt inderdaad nog niet, hiervoor heb ik een andere topic gestart :) Bedankt voor de tips
Spans vervangen door labels.
Spans zijn daar niet voor. Labels wel.
En met wat gespeel met margins/paddings kan je het echt heel netjes maken ;).

Voorbeeldje:
En de rest is met CSS ;).
En dit is goed leesbaar voor braille etc. Tevens valideert het (denk ik) wel, maar dat is nog niet getest.
Spans zijn daar niet voor. Labels wel.
En met wat gespeel met margins/paddings kan je het echt heel netjes maken ;).

Voorbeeldje:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<li class="verplicht">
<label for="naam">Naam van groep</label>
<label class="bijschrift" for="naam">Naam van groep zo schrijven: <b>6a</b> of <b>7/8</b>.</label>
<input name="naam" type="text">
</li>
<li>
<label for="admin">Leerkracht/admin</label>
<label class="bijschrift" for="admin">Indien niet aanwezig: <a href="n.p?s=332bc17c3eblb30aa981">gebruiker toevoegen</a></label>
<select name="admin">
<option value="3">Meester Eddy</option>
<option value="13">Juffrouw Diana</option>
</select>
</li>
<label for="naam">Naam van groep</label>
<label class="bijschrift" for="naam">Naam van groep zo schrijven: <b>6a</b> of <b>7/8</b>.</label>
<input name="naam" type="text">
</li>
<li>
<label for="admin">Leerkracht/admin</label>
<label class="bijschrift" for="admin">Indien niet aanwezig: <a href="n.p?s=332bc17c3eblb30aa981">gebruiker toevoegen</a></label>
<select name="admin">
<option value="3">Meester Eddy</option>
<option value="13">Juffrouw Diana</option>
</select>
</li>
En de rest is met CSS ;).
En dit is goed leesbaar voor braille etc. Tevens valideert het (denk ik) wel, maar dat is nog niet getest.
Gewijzigd op 01/01/1970 01:00:00 door Eddy E




