Plaatje uitlijnen en tekst er NIET onderdoor laten lopen

Vragen over templates en CSS op Joomla! 1.5.

Moderator: pe7er

Forum rules
Forum Regels
Locked
User avatar
Gasoline
Joomla! Explorer
Joomla! Explorer
Posts: 468
Joined: Tue Aug 23, 2005 10:33 am
Location: NL

Plaatje uitlijnen en tekst er NIET onderdoor laten lopen

Post by Gasoline » Thu Oct 15, 2009 3:52 pm

Ik ben even de weg kwijt, en weet het even niet meer. Ik wil in mijn css een class opneme zodat je een plaatje links kan laten lijnen en dat de tekst dan rechts van de foto blijft. Ook nadat de foto ophoud. Zie voorbeeld schets. Wat moet ik dan opnemen in mij class. Is me ooit een keer gelukt maar kan het niet meer terugvinden.

Wat ik nu heb (moet dus nog iets aangepast):

Code: Select all

.plaatje_linkslijnend_blok {
	border: 0px;
	float: left;
	margin-right: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;

/* moet hieronder dus iets anders komen, maar wat */
	display: block;
	clear: none;
	}
You do not have the required permissions to view the files attached to this post.

User avatar
sc00zy
Joomla! Exemplar
Joomla! Exemplar
Posts: 9532
Joined: Thu Aug 18, 2005 9:07 am
Location: Assen, Netherlands
Contact:

Re: Plaatje uitlijnen en tekst er NIET onderdoor laten lopen

Post by sc00zy » Thu Oct 15, 2009 5:11 pm

Dat krijg je alleen voor elkaar door de afbeelding en tekst in een aparte div of cel te plaatsen of door de afbeelding heel veel marge aan de onderkant mee te geven.
Arjan Menger
https://welldotcom.nl - Puntgaaf Internetbureau

User avatar
Gasoline
Joomla! Explorer
Joomla! Explorer
Posts: 468
Joined: Tue Aug 23, 2005 10:33 am
Location: NL

Re: Plaatje uitlijnen en tekst er NIET onderdoor laten lopen

Post by Gasoline » Thu Oct 15, 2009 7:38 pm

Nee, volgens mij kan het met CSS. Heb dat een keer eerder voor een testsite gedaan, maar heb die niet meer. Weet ff niet meer welke code ik moet invullen.

Ik zoek ondertussen ook zelf verder, als ik het weet zet ik het ook hier neer.

[EDIT]
Ik weet het alweer, je moet niet een class aan image hangen maar aan de tekst:

.text_block {
display: block;
float: left;
}

Pfffft. Weer wat opgelost. :pop


[edit2]
Verdomme, werkt alleen in dreamweaver, niet in de browsers. Dan toch maar een tabel maken.
Using Joomla since 2005.

User avatar
sc00zy
Joomla! Exemplar
Joomla! Exemplar
Posts: 9532
Joined: Thu Aug 18, 2005 9:07 am
Location: Assen, Netherlands
Contact:

Re: Plaatje uitlijnen en tekst er NIET onderdoor laten lopen

Post by sc00zy » Fri Oct 16, 2009 7:56 am

Als je de afbeelding apart zet en de tekst in een aparte div die je float, dan moet het wel lukken.
Arjan Menger
https://welldotcom.nl - Puntgaaf Internetbureau

thestart
Joomla! Apprentice
Joomla! Apprentice
Posts: 48
Joined: Fri Nov 02, 2007 7:15 am

Re: Plaatje uitlijnen en tekst er NIET onderdoor laten lopen

Post by thestart » Sun Nov 22, 2009 1:38 pm

kan niet goed volgen, kan je de code plaatsen? ik vind namelijk niet de oplossing om het goed te krijgen.


Locked

Return to “Templates”