Skrevet søn. d. 22. juli 2012 kl. 13:34:38| #1

olebole (216.728 point)

<ole>

Det kan du ikke med HTML/CSS. Det kræver JavaScript. Det er ikke særlig hensigtsmæssigt at bruge JS til at 'redde' et layout/design - og desuden skal det være et meget specielt billede, hvis det skal blive pænt  =)

/mvh
</bole>

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 22. juli 2012 kl. 23:57:42| #2

flemche (4.570 point)

Øv det ville ellers være nice.
Men hva' så må jeg vel resize det gennem photoshop.

Send mig et svar så sender jeg point den anden vej.

/Lemche

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet man. d. 23. juli 2012 kl. 10:42:29| #3

olebole (216.728 point)

Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes  =)

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet tor. d. 26. juli 2012 kl. 15:19:21| #4

mireigi (20.122 point)

Du kan vel fuske det med z-index?

1. <div>
2. <img src="..." style="position: absolute; top: 0px; left: 0px; 
      z-index: 0; width; 100%; height: 100%;" />
3. <p style="z-index: 1;>Din tekst her</p>
4. </div>

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet tor. d. 26. juli 2012 kl. 21:27:25| #5

olebole (216.728 point)

#4: "og desuden skal det være et meget specielt billede, hvis det skal blive pænt"  *o)

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet tor. d. 26. juli 2012 kl. 23:37:09| #6

mireigi (20.122 point)

#5: Men du er enig i, at fremgangsmåden er gyldig, omend ikke særlig pæn? :)

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet fre. d. 27. juli 2012 kl. 00:25:41| #7

olebole (216.728 point)

'Gyldig', ja ... men den er ikke pæn, og den virker ikke  =)

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet ons. d. 01. august 2012 kl. 23:23:12| #8

flemche (4.570 point)

Jeg kan ikke rigtig få det til at virke.
Billedet bliver godt nok mindre men det opfører sig underligt og holder ikke dimensionen på div boksen.

Jeg har besluttet at gå efter resize modellen med et billedet som har en fixed size, da det er nemmere at arbejde med.

Tak for svarene.

@mireigi:
Selv om det ikke helt var det jeg gik efter kan du få pointne hvis du vil, da olebole ikke samler på dem.

/Flemming

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet ons. d. 01. august 2012 kl. 23:50:00| #9

mireigi (20.122 point)

Med denne kode virker det:

<div style="width: 300px; height: 200px; border: 1px solid #000; position: relative;">
    <img src="Unavngivet.jpg" style="position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%;" />
    <p style="z-index: 1; position:absolute;">
        Din tekst her</p>
</div>

Uanset om billedet er større eller mindre end div'en, blivet det tvunget op/ned i størrelse.

Som olebole siger, er den dog ikke særlig pæn, selvom det meste kan laves med CSS classes.

Anmeld misbrug

Skriv et svar | Skriv en kommentar

Skrevet søn. d. 19. august 2012 kl. 17:40:19| #10

olebole (216.728 point)

Sker der noget?

Anmeld misbrug

Skriv et svar | Skriv en kommentar