Ik doe mijn uiterste best om de tabellen buiten te gooien (alhouwel ze ook z'n charmes hebben), maar loop toch tegen een paar probleempjes aan. Ik heb de andere topics over CSS hier ook al eens goed bekeken en die hebben me flink geholpen (ben gisteren begonnen aan het eerste XHTML project na jaren tabellen).
Het ontwerp moet er als volgt uit zien:
[img:8d7c461cd0]http://www.3sign.be/klanten/cpac/images/voorbeeld.jpg[/img:8d7c461cd0]
Wat ik tot hiertoe heb is:
http://www.3sign.be/klanten/cpac/
(stylesheet)
Wat zijn nu de problemen:
- De dunne blauwe lijn onder de tabs wordt gevormd door een figuur die daar in de achtergrond staat. Om de een of andere reden gaat die (rechts) niet tot op het einde.
- De kadertjes met de links zijn opgemaakt als lijsten. Ik vind de witruimte tussen de ‘title’ en de eerste link te groot. Ik krijg het echter niet kleiner.
- hetzelfde probleem bij de tekst. De <p> en </p> schijnen plaats in te nemen, en wel te veel naar mijn zin. Is het mogelijk ergens in de CSS te zetten hoeveel plaats ze mogen innemen (boven en onder)?
- de achtergronden in de kadertjes vullen niet op. Ze vullen enkel het deel waar tekst staat. Het grote kader houd geen rekening met de kleine kadertjes, enkel met de tekst. Ik denk dat het komt omdat de kleine kadertjes ‘absolute’ zijn, maar zie geen andere oplossing.
- -alles ziet er het beste uit in safari. bij mozilla vallen de achtergrondkleuren weg (wel oude versie).