[TYPO3-UG Dutch] ongewenste padding bij text w/ image

[Bart Boeschen Hospers]

kleine toevoeging;

als ik de div 'tekst' (waar dus de content in staat) heel iets kleiner maak:

.tekst{
    width:98%;
}

dan gaat het in IE wel goed maar in FF niet. En er van uitgaande dat FF 
het goed doet is dit probleem dus nog niet op gelost.

Bart Boeschen Hospers schreef:
> Hoi Ben,
> 
> Ik ben vandaag een poos mee aan bezig geweest en om zoveel mogelijk uit 
> te sluiten heb ik de opmaak-css tijdelijk verwijderd en alle de basis 
> dingen overgehouden.
> 
> (ik vertel nu alles over rechts, links is precies hetzelfde)
> 
> De tekst van de text w/ image wordt altijd aan de onderkant van de 
> rechter-div uitgelijnd. Als de afbeelding boven de tekst moet, dan komt 
> deze wel gewoon naast de rechter div geplaast (dus niet naar onder 
> gedrukt) en moet de afbeelding onder de tekst dan komt deze gewoon 
> netjes onder de tekst. Het is dus het tekst element dat naar beneden 
> wordt gedrukt.
> 
> Als ik echter de dummy-tekst die ik in m'n template heb staan NIET laat 
> vervangen door TYPO3 dan komt de text with image element wel goed op de 
> pagina te staan.
> 
> Mijn template -> 
> http://www.concept.utwente.nl/nieuwer/fileadmin/template/ConcepT/index.html
> 
> Mijn (uitgeklede) css -> 
> http://www.concept.utwente.nl/nieuwer/fileadmin/template/ConcepT/style.css
> 
> Ge-extraheerde html van de rechter div -> 
> http://www.concept.utwente.nl/nieuwer/fileadmin/template/ConcepT/html-rechter-balk.phps 
> 
> (dit is de html zoals deze op de FE verschijnt, alleen nu ff netjes 
> weergegeven)
> 
> Ik hoop dat jij enig idee hebt waar het aan kan liggen want bij mij houd 
>  het een beetje op.
> 
> Groeten
> Bart
> 
> 
> 
> 
> ben van 't ende [netcreators] schreef:
>> Bart Boeschen Hospers wrote:
>>> Om de content zit een div met als classname 'tekst'.
>>> De tekst (nu: above, right) komt onder de rechter kolom (is ook een
>>> div-element) te staan. (kun je evt bekijken met de inspector in FireFox)
>>>
>>> Maar nu weet ik niet hoe ik toch de css style 'clear:both' kan gebruiken
>>> om er voor te zorgen dat de tekst onder de afbeelding komt te staan.
>>> Iemand hier nog goede suggesties voor?
>>>
>>> Alvast bedankt!
>>>
>>> Groeten
>>> Bart
>>
>> Hallo Bart,
>>
>> De default styling die mee komt met css_styled_content voor text with
>> image en image ce is goed. Deze pagina
>> (http://ben.vantende.net/css/imgtextcss/) is mijn testbed geweest voor
>> aanvankelijk css_imgtext, wat nu geintegreerd is in css_styled_content.
>> Alles ziet er daar prima uit. Ik denk dan ook dat jouw probleem zit in
>> je stylesheets. Ergens wordt een bepaaalde waarde van css_styled_content
>> overschreven door een van de andere styles. Zoals de huidige opzet is is
>> dat nauwelijks te troubleshooten. Ik heb het wel even geprobeerd, maar
>> gaf het snel op. Alles staat door elkaar in de stylesheets en er staan
>> nergens comments bij van wat nou waar bij hoort. Dat geldt vooral voor
>> "ConcepT/style.css". Ik denk dat je daar meot zijn. Zo te zien wil je
>> een redelijk grote website bouwen. I raad je aan vooraf eens goed na te
>> denken over het structureren van een en ander voor dat je straks op de
>> blaren moet zitten.
>>
>> Wat ik zou doen als ik toegang had tot de backend is om de diverse
>> soorten imgtext te proberen en eens te kijken hoe ze reageren. Probeer
>> ook de afbeelding eens te scalen. Misschien dat je daar uit op kunt
>> maken waar het probleem zit.
>>
>> Groeten en succes
>>
>> ben