Kandu.dk - Billede med tekst og andet


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

Billede med tekst og andet
Fra : kasper

Dato : 22-11-06 14:25

Hi

Jeg har nogle .JPG billeder, og på et af dem vil jeg gerne have
en ramme med et login. og på de andre bare tekst hvordan kan jeg
gøre det...

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Rune Jensen (22-11-2006)

Kommentar
Fra : Rune Jensen

Dato : 22-11-06 17:07

"kasper" wrote in message...

> Jeg har nogle .JPG billeder, og på et af dem vil jeg gerne have
> en ramme med et login. og på de andre bare tekst hvordan kan jeg
> gøre det...

Du må gerne specificere nærmere hvad du mener. Rammer på billeder kan
laves ved at benytte en class

CSS
..border {border: #000 1px solid}

HTML
<img class="border" src="sorceURL" alt?"ALTtekst" />

Hvis du vil lave login på en side, skal du bruge noget serverside. Så
spørg i PHP eller ASP gruppen, alt efter hvad din server understøtter.

Det sidste med bare tekst fatter jeg ikke en hujende fis af. For nu at
være ærlig

MVH
Rune

kasper (22-11-2006)

Kommentar
Fra : kasper

Dato : 22-11-06 17:21

det script virker ikke...

jeg har ikke brug for et login men et html script der kan øre sårdan at
jeg kan skrive på billedet...

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Martin Ploug (22-11-2006)

Kommentar
Fra : Martin Ploug

Dato : 22-11-06 17:58

kasper skrev:
> det script virker ikke...
>
> jeg har ikke brug for et login men et html script der kan øre sårdan at
> jeg kan skrive på billedet...
>

Hej Kasper

Jeg er altså heller ikke sikker på jeg
er med på, hvad du mener.

Vil du kunne skrive en tekst på billedet?
Hvis ja, så er der umiddelbart to muligheder som jeg ser det.

1) Benyt dig af lagfunktionen i css:
http://www.html.dk/tutorials/css/lektion15.asp
- altså lav et lag med billedet og et med teksten.

2) Brug et billedbehandlingsprogram som f.eks. Photoshop,
hvor du kan redigere billeder i flere lag.

Måske har jeg skudt helt forbi det du efterlyser,
men så har jeg da forsøgt Blink

Mvh. Martin

--
Søger du et øvelokale, eller lejer du øvelokaler ud?
www.musiklokaler.dk

Martin Ploug (22-11-2006)

Kommentar
Fra : Martin Ploug

Dato : 22-11-06 18:07

kasper skrev:
> det script virker ikke...
>
> jeg har ikke brug for et login men et html script der kan øre sårdan at
> jeg kan skrive på billedet...
>

Hej igen

Det burde virke det, som Rune skriver:

<head>
<style type="text/css">

..border {border: #000 1px solid}

</style>
</head>

<body>

<img class="border" src="dinmappe/ditbillede.jpg" alt="Her er et billede
af bla bla" />
</body>

Mvh. Martin

--
Søger du et øvelokale, eller lejer du øvelokaler ud?
www.musiklokaler.dk

Martin Ploug (22-11-2006)

Kommentar
Fra : Martin Ploug

Dato : 22-11-06 18:17

Martin Ploug skrev:
> kasper skrev:
>> det script virker ikke...
>>
>> jeg har ikke brug for et login men et html script der kan øre sårdan at
>> jeg kan skrive på billedet...
>>
>
> Hej igen
>
> Det burde virke det, som Rune skriver:
>
> <head>
> <style type="text/css">
>
> .border {border: #000 1px solid}
>
> </style>
> </head>
>
> <body>
>
> <img class="border" src="dinmappe/ditbillede.jpg" alt="Her er et billede
> af bla bla" />
> </body>
>
> Mvh. Martin
>

....f.eks. sådan:

<head>
<style type="text/css">

#billede {
   position: absolute;
   left: 100px;
   bottom: 100px;
   z-index: 1;
}
#tekst {
   position: absolute;
   left: 115px;
   bottom: 115px;
   z-index: 2;
}

..border {
border: #000 1px solid
}

</style>
</head>

<body>

<div id="billede">
<img class="border" src="dinmappe/ditbillede.jpg" alt="Her er et billede
af bla bla" />
</div>

<div id="tekst">
<span><strong>Billedtekst<strong></span>
</div>

--
Søger du et øvelokale, eller lejer du øvelokaler ud?
www.musiklokaler.dk

Rune Jensen (22-11-2006)

Kommentar
Fra : Rune Jensen

Dato : 22-11-06 19:20

"kasper" wrote in message...

> det script virker ikke...
>
> jeg har ikke brug for et login men et html script der kan øre sårdan
at
> jeg kan skrive på billedet...

He. Det var nu ikke, det, du skrev...

Men i så fald, så kan du benytte background i en DIV. Lad os tage et
billede, som er 400x400px

CSS:

..tekstdiv{
background url(imageURL.efternavn) no-repeat; /* efternavn: gif,
jpg, png */
width: 400px;
height: 400px;
margin: 0;
padding: 10px;
border: #000 1px solid;
}

..pdiv{
margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 12px;
}

HTML

<div class="tekstdiv">
<p class="pdiv">Her er noget tekst ovenpå billedet</p>
</div>

Og så vær opmærksom på, at du ikke overskrider de 400px i højden. IE vil
automatisk udvide DIVen så.

Eksempel kan ses live her:
http://www.linajensen.1go.dk/test_design/tekst_paa_billede/test2.html

MVH
Rune Jensen

Søg

Reklame

Statistik

Spørgsmål :	177552
Tips :	31968
Nyheder :	719565
Indlæg :	6408849
Brugere :	218887

Månedens bedste

Årets bedste

Sidste års bedste