css/html spørgsmål. img.

 <div>
 <span>tekst her</span>
 <img src="sti.jpg" />
 </div>

 div span, div img { position: relative; top: 0; left: 0; }

Jeg tænkte lidt på noget i retning af overstående. Har ikke testet det, så er ikke sikker på at det virker. Men noget i den stil ville jeg mene.

Noget der virker rigtigt godt for mig er følgende:

 <div style="position:relative">
       <span class="overlay-image-text">My text goes here</span>
       <img src="image.jpg" alt="Image of Me" />
 </div>

 .overlay-image-text
 {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); position:absolute; bottom: 7px; right:0px; padding: 3px 15px 3px 8px; color:#b8d30b; font-size:9pt;
 }

Det der sker at når din yderste div har position relative så bliver positionen på elementet indeni relativt til den, så den absolute-position du sætter i den inderste er relativ til den yderste og du kan dermed sætte din tekst oven over og ovenpå billedet. og når du bruger position: absolute, så ligger den "udenfor" de andre elementer og påvirker dem ikke og derved får du din tekst ovenpå dit billede i stedet for at skubbe det.

Kan man skrive et tag der lukker image, så man skriver

 <img src="noget/her">Tekst</img>

Eller er jeg helt galt på den?

Det kan man ikke da et image-tag skal lukkes efter XHTML reglen. I dette tilfælde vil det betyde at image-tagget skal lukkes således: />

Hmm, det mente jeg også, var bare lige en fri tanke!

Et alternativ kunne være at skrive en titel:

 <img src="kilde/her.png" title="titel her" />

Jeg tror at han ønsker en desideret tekst over billedet. Men jeg ville også mene at "title" ville være et alternativ.

Ja, det er ikke alt= og title= men teksten som er ovenpå.
Prøver lige den der Daniele.

Teskten her:
Billedet her:

Skulle helst gerne være ovenpå billedet.


Kan man ikke gør det i det her.

 <script type="text/javascript">
   $(document).ready(function(){
     $("img").hover(function() {
       $(this).stop().animate({opacity: "0.3"}, 'slow');
     },
     function() {
       $(this).stop().animate({opacity: "1"}, 'slow');
     });
   });
 </script>

0.3 er hvor mørk den bliver ved at holde musen over.
Man kan så ikke få en tekst med over, når man holder musen over?.
Mens det bliver mørkere. ?

meget nemmere, at hjælpe hvis du har et eksempel på hvordan det skal se ud

 <style>
 div {
 position: relative;
 }
 
 div span {
 position: absolute;
 }
 
 <div>
      <span>Tekst her</span>
      <img src="fil.jpg">
 </div>

Hvis det skal være via img kan du jo gøre sådan.
Ellers kan du vel bare lave det til en div med background?

Du kan ikke gøre det alene med <img src="" noget her > men hvis du nu bruger er serverside sprog som PHP så kunne du lave en funktion så du kunne lave det på en let måde også stod funktionen for at udskrive den kode de andre har skrevet oven for.

Så kunne du skrive echo billede('fil.png', 'noget tekst oven på');

Også kunne teksten både komme til at stå i alt title og oven på billeder.