2 billeder i overlap

Her kan du få hjælp til programmer eller funktioner, der er omtalt på Ludvigs Hjørne.

2 billeder i overlap

Indlægaf bjorneriksen » man dec 26, 2016 20:57

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
bjorneriksen
 
Indlæg: 6
Tilmeldt: man dec 26, 2016 20:50

Re: 2 billeder i overlap

Indlægaf Kim Ludvigsen » tirs dec 27, 2016 0:09

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;}
Mvh.
Kim Ludvigsen
Kim Ludvigsen
Site Admin
 
Indlæg: 7140
Tilmeldt: tors jun 08, 2006 0:49

Re: 2 billeder i overlap

Indlægaf Gæst » tirs dec 27, 2016 10:26

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
Gæst
 


Tilbage til Hjælp til Ludvigs Hjørne

Hvem er online

Brugere der læser dette forum: Google [Bot] og 20 gæster

cron