Archief - Probleem met tekst en foto

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
S

SideShow

Legacy Member
Hallo

Hoe zou ik dit het beste kunnen oplossen?

Situatie:

- een simpele div
- met daarin tekst
- en af en toe een fotooke

De div heeft een padding-left, dus de tekst blijft op 20px van de linker kant.
Het probleem is nu dat de tekst ook op 20px van de RECHTERkant moet blijven, MAAR het fotooke die een float:right heeft, moet WEL tegen de rechterkant aankleven.

Ik doe het nu met onder het fotooke een onzichtbare div te zetten van 20px breed en zo hoog als de tekst is ...

Bestaat er geen elegantere oplossing? Er komt een CMS erbij, dus ik kan moeilijk zeggen tegen de mensen dat ze daar een 'onzichtbaar' prentje moeten zetten ...


Grtz
G

GregoryCo

Legacy Member
gewoon in uw CSS (van afbeelding) zetten: margin-right:-10px;
of lukt dit niet?
S

SideShow

Legacy Member
[B!'X!R']['@(V);11026385 zei:
gewoon in uw CSS (van afbeelding) zetten: margin-right:-10px;
of lukt dit niet?
Klik om te vergroten...

meyn helt :love:

Iedereen bedankt :p (en excuses voor mijn dom-zijn:)
G

GregoryCo

Legacy Member
np
soms zit ik ook lang te zoeken achter iets doms hoor, dat hoort erbij :p
K

KoenDK

Legacy Member
[B!'X!R']['@(V);11026385 zei:
gewoon in uw CSS (van afbeelding) zetten: margin-right:-10px;
of lukt dit niet?
Klik om te vergroten...

idd
geldt voor tekst maar niet voor foto's :)
S

Smoerf

Legacy Member
<div class="tekst">
<p>tekst en dergelijke</p>
<img src="linknaarprent" width="xxpx" height="xxpx" alt="alt tekst" />
<p>nog wat tekst</p>
</div>

En een margin op uw div.tekst p zetten, nee?
Enige probleem die je dan wel hebt is als er een image in uw p-tag zit, maar daar kun je dan doen

Code: 
.tekst{
   overflow: hidden;
}

.tekst p{
   padding-right: 20px;
}

.tekst img{
   float: right;
}

.tekst p img{
   margin-right: -20px;
}
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan