2 billeder i overlap

Skriv et svar

Smilies
:D :) :( :o :shock: :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:
BBkode er slået TIL
[img] er slået TIL
[flash] er slået FRA
[url] er slået TIL
Smilies er slået TIL
Emnegennemgang
   

Udvidet visning Emnegennemgang: 2 billeder i overlap

Re: 2 billeder i overlap

Indlæg af 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

Re: 2 billeder i overlap

Indlæg af 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;}

2 billeder i overlap

Indlæg af 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

Top