h2 img med link til toppen

NB. Kan se h2 i action på http://cifly.dk/software.php

<a href="#top">
  <img src="http://.........jpg" title="Titel" height="XX" width="XX">
</a>

Tak for respons pstidsen. Men <a> er ikke helt nok. Det jeg ønsker er et blilledlink tilknyttet alle h2, højrestillet på samme linje som h2 selv.

Hvis jeg indsætter din kode i html (hvilket iøvrigt skal gøres ved alle h2 forekomster) blive rbilledet indsat ved siden af h2 teksten. Ikke højrestillet og ikke automatisk.

Tror ikke du kan med CSS..

Forstår ikke lige hvad du mener med:...

<ole>

@nicolaus: Jeg tror, du har misforstået, hvad CSS er, og hvad det skal kunne. CSS kan 'klæde' HTML-elementer ud - give dem en gang sminke - og placere dem i 'lokalet'. Derimod kan CSS ikke indsætte elementer som A eller IMG i dokumentet.

Jeg er dog også i tvivl om, hvad det faktisk er, du efterlyser  =)

/mvh
</bole>

#5: Det jeg mener er, at indsætter jeg din kode nævnt i #2, indsættes billedet lige ved siden af h2 overskriften. Fx

"Overskrift [billede]".

Den løsning jeg søger er som vist på min side, et billede der er højrestillet ift. h2 overskriften. Fx

"Overskrift ..................... [billede]".

#6: Jeg tror ikke jeg har misforstået, men nærmere undersøger grænserne for hvad CSS kan :) Og det har jeg hermed fundet ud af.

Så er det korrekt forstået, at jeg ikke kan lave en HTML/CSS standardløsning, der viser et billede med link automatisk ved alle h2. Jeg bliver nødt til at indsætte a tag manuelt ved de h2 forekomster jeg vil have billede ved?

Håber mit spørgsmål og meningen fremgår mere tydeligt nu :)

Ja, da du ikke kan oprette/indsætte/nedlægge elementer med CSS, er du nødt til at gøre det manuelt - eller i visse tilfælde med script. Da billedet skal være linket - og man ikke kan linke baggrundsbilleder - er der ikke muligheder i CSS.

Du kan evt. give A elementet position:absolute og passende right og top værdier.

Hvis du så samtidigt giver H elementet position:relative, vil A elementet placere sig i forhold til H elementet - samtidig med, at H elementet vil følge sidens normale flow.

#8: Det er ikke lige løsningen, så jeg må bare eksperimentere videre.

Hvis du smider et svar pstidsen, gir jeg point.

Tak for jeres respons :)

Fandt en løsning.

Sætter
h2 img {float:right;}. Det fungerer helt optimalt.

Jo, #8 er en fortrinlig løsning og præcis den måde, den slags opgaver meget ofte løses.

Man kan også sagtens bruge float. Resultatet bliver næsten det samme, bortset fra, at man ikke nær samme kontrol over elementerne som ved positionering  =)

- men jeg er da lidt nysgerrig efter at vide, hvor #8 ikke lige var løsningen. Jeg har lidt på fornemmelsen, du ikke forstod indlægget  =)

olebole: Løsningen i #8 er fin nok, den virker bare ikke i min nuværende kode. Float virker tilgengæld.

Jeg vil godt give point. Min erfaring siger mig at du, olebole, garanteret vil afstå fra point, selvom du skal være velkommen :). Men du smider bare et svar pstidsen.

#13: Undskyld, men så er jeg temmelig sikker på, du ikke forstod #8  =)

Du har ret - jeg samler ikke. Men tak for tanken  =)

Med lidt fiflen fik jeg også din løsning til at fungere. Så er det på plads :o). Men egentlig virker det på mig hip som hap, om man koder float op billedet eller position på h og a elementet.

Sikkert, men du vil med tiden opdage, at det er det ikke. Der er stadig rigtig mange, der ikke forstår, hvorfor det er dybt uhensigtsmæssigt at bruge tabeller som standard layoutværktøj. Det skal ikke afhold mig fra, at forsøge at lære/overtale dem til at kode mere hensigtsmæssigt  =)

Det var fedt, du fandt ud af det  *o)

Yep - tabeller til tabulære data :)

Jeg lukker spørgsmålet og takker for engagement.