/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Tekst ved siden af billeder
Fra : Thomas Frederiksen


Dato : 11-06-05 08:10

Jeg ville høre om I kunne hjælpe med et lille problem...

jeg vil gerne indsætte tekst til højre eller venstre for et
indsat billede i html.

Ydermere bil jeg gerne kunne sætte tekst lige under billedet,
altså ikke en linie under, men i "direkte" forlængelse af
billedet...


Håber I kan hjælpe og på forhånd tak

Thomas

--
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

 
 
Erik Ginnerskov (11-06-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 11-06-05 15:17

Thomas Frederiksen wrote:
> Jeg ville høre om I kunne hjælpe med et lille problem...
>
> jeg vil gerne indsætte tekst til højre eller venstre for et
> indsat billede i html.

http://hjemmesideskolen.dk/html/float.asp skulle vist være svaret på det
spørgsmål.

> Ydermere bil jeg gerne kunne sætte tekst lige under billedet,
> altså ikke en linie under, men i "direkte" forlængelse af
> billedet...

<div><img src="foo.gif" alt="">tekst</div> skulle løse det problem.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Claus Jacobsen (11-06-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 11-06-05 18:06

Thomas Frederiksen skrev:

> Jeg ville høre om I kunne hjælpe med et lille problem...
>
> jeg vil gerne indsætte tekst til højre eller venstre for et
> indsat billede i html.
>
> Ydermere bil jeg gerne kunne sætte tekst lige under billedet,
> altså ikke en linie under, men i "direkte" forlængelse af
> billedet...
>
>
> Håber I kan hjælpe og på forhånd tak
>
> Thomas

Prøv at anvende definitionslister til det! du har et billede som er
selve den ledende term (definitionterm = <dt>) og en
definitionsbeskrivelse (definitiondescription = <dd>)
dvs.
<dl class="vare">
<dt><img /></dt>
<dd>din beskrivelse</dd>
</dl>

Så hænger tingene nogenlunde semantisk sammen (altså det giver en
mening det man har skrevet ved siden af billedet og kigger man i koden
kan man se at der er en sammenhæng mellem billede og skrift. Ellers kan
man jo placere hvad som helst ved siden af dine billeder og det behøver
ikke give nogen mening.) I din Css kan du så placere teksten hvor du
end har lyst. Alt du behøver er at style <dt> og <dd>, så kan du lave
et vilkårligt antal billeder med beskrivelser og de vil alle følge den
samme styling. Nu har jeg bevidst lagt en lille klasse ind, som du jo
kan kalde hvad som helst. men hvis du vælger at have flere forskellige
måder at bekrive dine lister på, så kan du vælge dem på denne måde:
..vare dt {]} og .vare dd {}


Claus

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste