---

Hvordan er det nu lige man får en billedtekst til at hænge sammen med
billedet. Hvis jeg skriver:

<img src="image.jpg"><br>Undertekst

- kommer teksten ganske vist ned under billedet, men er som default
venstrestillet, mens jeg gerne vil have den centreret.

Okay, jeg skal alligevel style underteksten med CSS og der kan jeg jo
så vælge at centrere, men jeg mener at kunne huske, at der er en
metode der er specielt beregnet til billed(under)tekster.

---

Kurt Hansen tastede følgende:
> Hvordan er det nu lige man får en billedtekst til at hænge sammen med
> billedet. Hvis jeg skriver:
>
> <img src="image.jpg"><br>Undertekst
>
> - kommer teksten ganske vist ned under billedet, men er som default
> venstrestillet, mens jeg gerne vil have den centreret.
>
> Okay, jeg skal alligevel style underteksten med CSS og der kan jeg jo
> så vælge at centrere, men jeg mener at kunne huske, at der er en
> metode der er specielt beregnet til billed(under)tekster.

Det kommer lidt an på omstændighederne.
Generelt skal du samle billede og tekst i en boks (div), og placere
tekst og billede i den, og boksen i omgivelserne.
Der er vist ingen specielle tags eller CSS til billedtekster.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Den 30-09-2010 11:32, Kurt Hansen skrev:
> Hvordan er det nu lige man får en billedtekst til at hænge sammen med
> billedet. Hvis jeg skriver:
>
> <img src="image.jpg"><br>Undertekst
>
> - kommer teksten ganske vist ned under billedet, men er som default
> venstrestillet, mens jeg gerne vil have den centreret.
>
> Okay, jeg skal alligevel style underteksten med CSS og der kan jeg jo
> så vælge at centrere, men jeg mener at kunne huske, at der er en
> metode der er specielt beregnet til billed(under)tekster.

Jeg husker ikke lige, om der er en mere rigtig metode til det, men
jeg har som regel løst det ved at lave en tabel med to rækker med
billedet i det øverste celle og tekst i nederste celle (med span)
Jeg har så fjernet tabelrammen med style="border:0px;" eller border="0"

---

Martin Ploug skrev:

> Jeg husker ikke lige, om der er en mere rigtig metode til det,

Din tabelmetode er ikke fleksibel. Div-metoder er bedre:

<div class='billedboks'>
   <p class='billede'><img blabla></p>
   <p class='kommentar'>Min mosters vovse</p>
</div>

Hvis man floater billedboks, flyder billederne selv på plads. Se
et eksempel her:

http://bertel.lundhansen.dk/?page=snowpictures/snowpictures&m=L

Prøv at formindske vinduet.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Den 30-09-2010 15:39, Bertel Lund Hansen skrev:
> Martin Ploug skrev:
>
>> Jeg husker ikke lige, om der er en mere rigtig metode til det,
>
> Din tabelmetode er ikke fleksibel. Div-metoder er bedre:
>
> <div class='billedboks'>
>    <p class='billede'><img blabla></p>
>    <p class='kommentar'>Min mosters vovse</p>
> </div>
>
> Hvis man floater billedboks, flyder billederne selv på plads. Se
> et eksempel her:
>
> http://bertel.lundhansen.dk/?page=snowpictures/snowpictures&m=L
>
> Prøv at formindske vinduet.
>

Ja, det kan jeg godt se, det er faktisk smartere

---

Den 30-09-2010 11:32, Kurt Hansen skrev:
> Hvordan er det nu lige man får en billedtekst til at hænge sammen med
> billedet. Hvis jeg skriver:
>
> <img src="image.jpg"><br>Undertekst
>
> - kommer teksten ganske vist ned under billedet, men er som default
> venstrestillet, mens jeg gerne vil have den centreret.
>
> Okay, jeg skal alligevel style underteksten med CSS og der kan jeg jo
> så vælge at centrere, men jeg mener at kunne huske, at der er en
> metode der er specielt beregnet til billed(under)tekster.

Her et eksempel :

html :

<p class="icaption_(left/right)"><img class="center"
src="../imgdepot/sildefiskeri.jpg" width="180" height="222"
alt="Sildefiskeri" />
<strong>Sildefiskere</strong></p>


css :

p.icaption_left { float:left; display:inline; margin:0 1em 0.15em
0;width:200px; }
p.icaption_right { float:right; display:inline; margin:0 0 0.15em
1em;width:200px; }

p.icaption_left img,
p.icaption_right img { padding:0; border:1px #888 solid; }

p.icaption_left strong,
p.icaption_right strong { display:block; overflow:hidden;
margin-top:2px; padding:0.3em 0.5em; background:#eee;
font-weight:normal; font-size:91.667%; }


du kan jo lige lege lidt med dette.

I andre må også godt.


--
Ib K. Jensen :: www.ikjensen.dk
Only a Genealogist regards a step backwards as progress.