Afbeelding links centreren en lijn afbreken – werkt niet
-
Goedenavond allemaal,
Op mijn website http://www.elkana.nl/wp/2009/09/01/wat-een-mens-zoal-bezig-houdt/ heb ik twee afbeeldingen. Deze heb ik netjes links uitgelijnd met de editor. De css van images heb ik van het standaard thema gekopiëerd omdat deze niet in mijn thema Spanisch Guitar (http://guitar.qualitywordpress.com/) stond. Maar zoals je kunt zien op de pagina ‘Wat een mens zoal bezig houdt’ staan de afbeeldingen schuin onder elkaar. Ik weet niet hoe ik dit goed moet krijgen. In het standaard thema WordPress Default 1.6 worden de afbeeldingen echter netjes aan de linkerkant weergegeven naast de tekst.
Kan iemand mij vertellen hoe ik dit moet doen?P.s. Ik heb ook nog een vraag over het thema Spanish Guitar. Aan de linkerkant komen netjes mijn widgets te staan maar aan de andere kant komt eerst ‘categories’ en ‘blogroll’ te staan gevolgd door mijn gekozen widgets. Waar ik ook zoek in de thema-editor, ik kan nergens vinden waar ik die twee kolommen ‘categories’ en ‘blogroll’ aan de rechterkant kan verwijderen. Weet iemand dit?
Alvast bedankt!
-
Waarschijnlijk
clear:both;
opimg.alignright
enimg.alignleft
Ja! Dat is hem! Super bedankt 🙂
Hmm… Ik heb nu ThickBox geïnstalleerd en nu werkt de alignleft niet meer. Ik heb dezelfde waarde als alingleft gekopiëerd en deze .thickbox genoemd want de code voor de afbeelding vraagt om deze class. Maar dit werkt niet goed. De afbeelding staat maar naast 1 regel en niet voor de hele tekst. Weet iemand hoe ik dit weer goed krijg?
.thickbox { padding: 4px; margin: 0 7px 2px 0; display: inline; clear:both; }
<a class="thickbox" title="buitenkantweb" href="http://www.elkana.nl/wp/wp-content/uploads/2009/09/buitenkantweb.jpg"><img class="attachment wp-att-392 " src="http://www.elkana.nl/wp/wp-content/uploads/2009/09/buitenkantweb-150x150.jpg" alt="buitenkantweb" width="150" height="150" /></a>
Ik zou de CSS laten zoals het eerst was. Je kunt gewoon twee classes op een element zetten, dus als iets al
alignleft
als class heeft, dan maak je er gewoonalignleft thickbox
van.Dankjewel! Nu werkt het wel 🙂 Heb het gedaan met leftbox 🙂
.leftbox { float: left; padding: 4px; margin: 0 7px 2px 0; }
- Het onderwerp ‘Afbeelding links centreren en lijn afbreken – werkt niet’ is gesloten voor nieuwe reacties.