ruimte om button heen

[damnsharp]

Goedemorgen allen,
Ik ben bezig met een website (WordPress template aan het bouwen) en daar wil ik een paar knoppen naast elkaar hebben maar er blijft ruimte omheen staan en ik zie niet waar het hem in zit. Ik zie natuurlijk wat over het hoofd en ik krijg pijn in mijn ogen van het staren naar de code :shocked: Ik vermoed dat de plug-in die ik gebruik om tekst met jquery uit te laten klappen roet in het eten gooit.
Kortom, ik heb deskundige hulp nodig. :thumb:
Linkje test site: http://albuswebdesign.nl/wordpresstest4/
De knoppen 'diensten' en 'ervaringen' moeten naast elkaar staan. Voor test heb ik rond 'diensten' een rood lijntje in css gezet.
Er gaat nog meer mis met de site maar dat komt later wel

 

[tecsman]

Advies:
Regelmatig je html- en css-code checken met de validator. Voopral ook voordat je hier een probleem gaat neerleggen.
In dit geval struikelt de validator over jouw code ("Suppressing further errors from this subtree." en "Cannot recover after last error. Any further errors will be ignored.")
en dat zou sowieso niet mogen gebeuren.
link naar validator-uitkomst

Vraag:
Wat was je bedoeling met deze regel:
<div class="collapseomatic noarrow" id="lipsum1" title="<img src='http://albuswebdesign.nl/wordpresstest4/wp-content/uploads/2012/11/diensten.jpg' />">

Opmerking:
Je stelt dat je twee knoppen naast elkaar wilt hebben, maar je zet ze allebei in een afzonderlijke <div>
en daar tussenin zet je nog een <p>.
Op die manier krijg je ze niet naast elkaar.

Advies 2:
Gebruik geen images met tekst erin als menu-knop. Beter is een tekst met evt een achtergrond-image.

Advies 3:
Gebruik geen <table> als container voor je menu, maar gebruik een <ul>.
Die kun je eventueel ook als horizontale lijst stijlen.



In tegenstelling tot sommige anderen (met name csshunter)
heb ik niet de gewoonte om veel zelfgeschreven code als voorbeeld te geven.
Mijn filosofie is dat je veel meer leert als je zelf op onderzoek uitgaat, ook al kost dat veel tijd. Ik probeer dus aan te geven waar het fout gaat en geef een hint in de goede richting.
Voor jou hoop ik dat csshunter hier nog wel even voorbij komt, want dan ben je zo uit de brand.
En de waarheid is dat hij ook veel meer parate kennis heeft.

 

[damnsharp]

Ja tecsman, die html validator. Die vergeet ik telkens Geen excuus.
Omdat ik een plug-in op de website gebruik die ook eigen code heeft om plaatje aan openklappen tekst te koppelen gaat er door de plug-in code zoals div classes (bijv. collapseomatic) omheen. Maar ik denk dat ik er met jouw adviezen wel uitkom. Ze zijn me waardevol! :thumb:

Ik ga nu stoeien en laat later op de dag bericht achter.

 

[damnsharp]

tecsman, ik laat het helemaal zitten met die plaatjes en naast elkaar. Klant is ook niet super enthousiast en vind alleen tekst goed. Fouten validator zijn al minder en nog minder krijg ik nog niet voor mekaar omdat die plug-in er van alles bij stouwt. Hoe dan ook, voorlopig kan ik voorruit met je tips!

 

[tecsman]

OK
Succes!