Sikre at en <HR> kommer under et billede

Og billedet skal være venstrestillet, for jeg vil gerne have at teksten 'wrapper' omkring billedet.

/Rob

smid et <div> tag rundt om tekst og billede, er det en løsning du kan bruge ?

<HR><div>
<img src="http://www.eksperten.dk/img/arrow-down.gif"  align="left" /> Tekstsdf s dfsdfsdfsdfsdfg sdfsdfgs
</div><HR>

a hva ?

en <hr> er default et block element, så det vil aldrig komme ved siden af noget, medmindre du selv ændre indstillingerne via. CSS

-mundi-'s besvarelse er ubegrundet, men det er allligevel fornuftigt at lægge alt sit tekst i elementer som <div> eller <p>

http://www.thedeathart.dk/cms/random

<hr><img src="http://eksperten.dk/img/elogo.png" alt="" alt="" /> Hej hej hvordan går det<hr>

Og v2. med for meget tekst: http://www.thedeathart.dk/cms/random2
Kan ikke se hvor dit problem ligger henne.

mundi: Løser ikke problemet.

claus: Du har ikke alignment på dit billede. Prøv at sætte alignment på (left) så kan du se problemet.

/Rob

og der ER <P></P> tags omkring - dem har jeg bare udeladt i mit eksempel, da de ikke gør nogen forskel (ligesom <DIV>)

/Rob

Eksempel her: http://www.rob.dk/eksperten/617101.htm

/Rob

CSS:
hr { clear: both; }

eller i HTML:
<hr style="clear:both">

/CS

øhh hmm..
align findes ikke på <img> tags (valid kode, tak),
så jeg ville nok revudere den kode, men kan godt se det når jeg smider det på.

Og udover det virker -mundi-'s løsning alligevel ikke :)

Først og korrekt løsning er greystate.

"align findes ikke på <img> tags (valid kode, tak),"

Nå, det mener W3C nu ellers:

http://www.w3.org/TR/html4/struct/objects.html#edef-IMG

Se "Attributes defined elsewhere"

Nederst: "align, width, height, border, hspace, vspace (visual presentation of objects, images, and applets)"

Jeg tester lige greystates forslag.

/Rob

Fungerede heller ikke - se her: http://www.rob.dk/eksperten/617101.htm

/Rob

Og hvis du læser dit eget link :)

"Deprecated. This attribute specifies the position of an IMG, OBJECT, or APPLET with respect to its context."

Forældet, derfor ikke valid mere. Brug CSS istedet :] det samme gælder f.eks. <center>

Graystates forslag virker da fint, i både IE og FF, Hvis du vil have mere margin/padding på, så tilføj det selv via. CSS til <hr> elementet.

Depreceated betyder i færd med at blive udfaset, ikke forældet.

Jeg tester graystates forslag igen.

/Rob

<ole>

claus_joergensen >> 'Deprecated' betyder ingenlunde 'forbudt'. Det er stadig en del af standarden, men bliver _formodentlig_ udfaset i næste version ... eller næste igen. Der er dog ingen garanti for, det sker - og det kan ikke vides, hvornår det evt. sker.
Når du ikke engang har set DTD'en og dermed ikke ved, hvilken markup-version, der skives til, har du absolut ingen mulighed for at bedømme validiteten af koden på dette felt.

At du - udfra din kode at dømme - har valgt at skrive i en stort set ubrugelig standard (XHTML), må være dit problem. Vi - der har valgt at skrive udfra, hvad der er bedst for brugerens browser - skriver stadig HTML ... og der er 'align' på et billede helt lovlig  :)

/mvh
</bole>

olebole: Tak for opbakningen :o)

greystate: Det fungerer åbenbart alligevel - beklager at jeg fik afvist dit svar. Læg et nyt svar, så får du naturligvis point.

/Rob

Jamen, så lukker jeg her.

/Rob