aanpassing website ter verbetering. 2 vragen die ik niet krijg opgelost.

[djeric]

hallo.

ik heb 2 vragen:

1= op deze webpagina zie je dat de tekst naarst de keuring niet lekker leesbaar is. De regel "Poltiehond 1 431 punten certificaat met lof" staat niet goed leesbaar naarst de kolom van "keuring" men leest meer van: keuring: punten

die "431" valt niet op dus. Had beter geweest zijn dat die 2 woorden naarst elkaar stonden. zodat het fijner leest. (zie ook die van moeder en kenmerken


2= de inhoud van deze pagina staat niet gecentreerd, wat staat er niet goed?
heb geprobeerd de <div> na het menu naar onderen te plaatsen, maar dit werkte niet.

 

[royb3]

misschien kun je bij 1 de breedte van de tabel wat breder maken, met kwestie 2, je moet inderdaad met divs werken, ga in je css met absolute positionering werken, dan weet je zeker dat de pagina er bij iedereen normaal uitziet.

 

[csshunter]

Vraag 1
Je kunt de tabelcellen allemaal bovenaan laten beginnen, met in de css:

td {
    padding: 0.25em 0;
    vertical-align: top;
    }

Dan komt ook de foto bovenaan. Om die terug in het midden te krijgen geef je die cel een apart id:

<tr>
    <td id="tabelfoto" rowspan="12"><img height="298" width="213" alt="" src="familie/bunker.jpg"></td>
</tr>

En dan maak je voor deze cel een uitzondering:

td#tabelfoto {
    vertical-align: middle;
    }

Om in de rechterkolom 3 regels te krijgen, zet je er gewoon een <br> (een "forced line break") tussen:

<tr>
    <td class="vraagkleur">Keuring:</td><td>Poltiehond 1<br>431 punten<br>certificaat met lof</td>
</tr>

Resultaat:

=======
Vraag 2
Hiervoor haal je de <div id="links"> er helemaal uit, en ook een </div> aan het eind.
Vervolgens kunnen de links in een alinea <p> komen; een class="center" is er al in de css, en dan wordt het:

...
<p class="center">
    <a href="http://www.hyves.nl/club/12006540/phv_de_trouwe_wachter/?ga_campaign=profileDetailsSchool_ProfileBox_HUBCLUB">
        <img src="links/wachter.gif" alt="p.h.v. de trouwe wachter" title="p.h.v. de trouwe wachter" width="479" height="45">
    </a>
    <br>
    <a href="http://jessica-eric-diesel.hyves.nl">
        <img src="links/hyves.gif" alt="diesel hyves" title="diesel hyves" width="167" height="167">
    </a>
</p>

De style="border-style: none;" bij beide images kan weggelaten worden, want via de css is voor alle images in een link de rand al weggehaald:

a img { 
    border: 0;
    }

Met vriendelijke groet,
CSShunter

 

[csshunter]

PS: N.a.v. je inmiddels afgesloten site-check topic heb ik nog een suggestie.
Doordat de achtergrond van het logo toevallig vrijwel dezelfde kleur heeft als Diesel, komt het geheel er een beetje grijzig uit te zien.
Maar de foto is prima te pimpen door de achtergrond weg te knippen en daar een egale kleur voor in de plaats te zetten; plus wat spelen met contrast en helderheid voor de foto zelf.
Ook zou je er de naam bij kunnen zetten, op de pagina's is ruimte genoeg om het logo wat uit te breiden tot een vierkantje.

>

Met vriendelijke groet,
CSShunter

 

[djeric]

super:thumb:

heb alles aangepast en geupload en wederom gevalideerd, nu is het begin geheel goed.

Nu kan ik verder de site verder in te vullen en uitgebreider te maken.

tevens top voor het logo. ben niet zo handig met die fotoshop, laat staan website bouwen

mwah.. begin al aardig wat dingen te leren dankzij jou hulp:thumb: