Side 1 af 1

2 billeder i overlap

Indlæg: man dec 26, 2016 20:57
af bjorneriksen
Hejsa!

Jeg har i mange år brugt Kompozer til min hjemmeside http://www.bjorneri.dk

Og jeg har været glad for at bruge den.
'
Jeg sælger gamle postkort via siden, og når jeg har solgt et kort, markerer jeg - synes jeg selv - tydeligt, at kortet er solgt. Det gør jeg ud for kortet i 3. kolonne.

Mange besøgende tror stadig, de kan købe kortet. Derfor har jeg behov for at tydeliggøre, at kortet er solgt. Men jeg ønsker i en periode at beholde det solgte kort på siden af flere grunde.

Jeg har prøvet at redigere på det, f.eks. på et kort her:

http://www.bjorneri.dk/ENDELAVE/ENDELAVE.html

Det er bøvlet synes jeg, at lave det hver gang... findes der en smartere hurtigere og enklere måde at overskrive et billede med store typer "SOLGT" via et kompozer-trick ??

Med venlig hilsen

Bjørn Eriksen

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36

Re: 2 billeder i overlap

Indlæg: tirs dec 27, 2016 0:09
af Kim Ludvigsen
Det er muligt at lave noget med CSS, men der er ikke en nem og hurtig metode, for du skal have indsat ekstra kode, før det virker. Og du skal gøre det i kodevisning.

Her et eksempel:

Din nuværende kode til et billede:

<td style="width: 352px; text-align: center; height: 272px;" valign="undefined"><span style="text-decoration: underline;"></span><a href="8852z.jpg"><img style="border: 0px solid ; width: 300px; height: 192px;" alt="" src="8852z.jpg"></a></td>

Ny kode, hvor der er indsat <div class="billede"> før billedkoden og senere <div class="click">Solgt</div></div> - de to kodestumper skal indsættes ved hvert billede, hvor du vil have påført "Solgt".

<td style="width: 352px; text-align: center; height: 272px;" valign="undefined"><span style="text-decoration: underline;"></span><a href="8852z.jpg"><div class="billede"><img style="border: 0px solid ; width: 300px; height: 192px;" alt="" src="8852z.jpg"><div class="solgt">Solgt</div></div></a></td>

Dette skal indsættes i CSS-filen:
.billede {position:relative;padding:0;margin-left:2px;text-align:center;width:300px}
.solgt {position:absolute;bottom:40px;left:-10px;width:300px;margin:0;padding:0;color:red; font-size:250%;font-weight:bold;}

Re: 2 billeder i overlap

Indlæg: tirs dec 27, 2016 10:26
af Gæst
Tak Kim Ludvigsen!

Det lyder ligeså bøvlet som at lave "Insert txt" i et felt på et oprindeligt billede.

Så jeg overvejer videre

Godt nytår

Bjørn Eriksen