Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  9 1138
Hei

jeg buker dreamweaver til å lage web sider i, hvis jeg velger insert og så image og setter inn et helt normalt bilde, går det da ann å få skrift over bildet? Har sittet her og prøvd lenge nå
Lazywriter
Gisse's Avatar
Eneste måten jeg vet om som man kan skrive over et bilde på, er vel at man har en div tag som man setter et background-bilde i og skriver noe i den div-tagen. Sett background-image: url("noe.jpg"); i css og skriv noe inn i den div tagen i html dokumentet. Er ikke sikker på hvordan man gjør dette med dreamweaver, ettersom jeg ikke bruker det selv, men prøv å fikse litt med CSS fila.
CSS:
#bilde {
background:url(filnavn.jpg);
display:block;
width:500px;
height:500px;
}

HTML:

<div id="bilde">
Heisann Venner!
</div>

Det der er riktig

I css'en må du jo så klart skrive inn riktig høyde og bredde
Og du må gjerne legge til:

padding:20px;

for å få teksten litt lenger ut i bilde. 20px er kanskje litt mye menn..

edit:

Eller du kan bruke tables:

<table border="0" background="filnavn.jpg" width="200" height="200" cellpadding="10">
<tr>
<td>Hei bjarne!
</td>
</tr>
</table>
Sist endret av boblesaft; 25. mai 2007 kl. 07:58.
ville ikke lagt det rett i CSS filen da det kan bli en veldig stor fil.... HVIS du har mange bilder du skal gjøre det på, da må du lage en slik til alle bildene dine
Ville heller bare skreve en div tag.

<div style="background-image: url('adresse');">Tekst</div>

og du kan evt sette teksten der du vil med:

style="text-align: center" osv

Hvis d er php, og for eks profilbilder (etc.) og/eller mange bilder du skal gjøre dette på, anbefaler jeg deg å skrive en funksjon!

EDIT:
Hvis du vil ha litt tøff tekst på bildet, kan du lage en transparent gif fil, eller png (men anbefaler gif siden IE 6 ikke støtter transparent PNG), og skrive en tekst på den transparente gif'n i et bilde behandlings programm slik som photoshop:

<img src="transp.gif" style="background-image: url('adresse');">Tekst</img>
Sist endret av nukleuz; 26. mai 2007 kl. 01:42.
Vel, om man legger det som en bakgrunn så kan jo ikke folk høyreklikke og lagre bilde sånn helt uten videre. Det man derimot kan gjøre er å posisjonere ett tekstlag over bildelaget.
Du kan høyreklikke i firefox og vis bakgrunn

Men jeg har jo lagt det i bakgrunn...??

eneste jeg har over er en transparent gif fil, som blir på en måte en vannmerke
Tastaturkriger
Deezire's Avatar
Og et totalt ueffektivt vannmerke mot noen som faktisk vil ha bildet. Gi meg i underkant av 3 sekunder så har jeg funnet det frem i koden din og klar til å linke til det. Det finnes utallig bedre måter å vannmerke et bilde på en slik du beskriver.

Tilbake til tema. Jeg tror det egner seg bedre å redigere inn eventuelt tekst i selve bildet enn å overlaye tekst. Faktisk vil jeg gå så langt å påstå at tekst over bilder er en uting og bør ikke gjøres. Det er vanskelig å lese og gjør at alt blir rotet. Legg det heller i en liten boks (trenger ikke å være en markert boks, les: <div> med passende bredde/høyde) hvor beskrivelse etc. står.

Tror faktisk du vil spare båndbredde på å legge teksten inn i bildet, spesielt hvis det er ensfarget tekst.

Men hvis ikke det var godt nok svar så er den enkleste løsningen å legge bildet som en bakgrunn og skrive teksten over. Er dog ganske stress å posisjonere teksten skikkelig uten position: relative.

Hvis du ikke benytter deg av "design"-delen av Macromedia Dreamweaver så anbefaler jeg deg strekt til å bytte editor til f.eks. Eclipse.
Som jeg sa; Du kan høyreklikke i firefox og vis bakgrunn

Trådstarter spurte ikke etter noen måte å beskytte bildet sitt, kun hvordan han fikk tekst på bildet.

EDIT: OG du kan jo seff også se kildekode.
Sist endret av nukleuz; 26. mai 2007 kl. 05:02.
Trådstarter
Og et totalt ueffektivt vannmerke mot noen som faktisk vil ha bildet. Gi meg i underkant av 3 sekunder så har jeg funnet det frem i koden din og klar til å linke til det. Det finnes utallig bedre måter å vannmerke et bilde på en slik du beskriver.
Vis hele sitatet...
Poenget var ikke å vannmerke det, men bare få skrift over bildet...
Nå har du i allefall fått to fine metoder hos med