Forbandet DIV width

Tags:    html css

Jeg er igang med at lave en WYSIWYG editor til at skrive artikler i.. Men har nogle problemer

Jeg sidder og roder med en DIV-boks, der skal indeholde et billede og en billedtekst i en større artikel. Altså fx et billede af Saturn og teksten "Saturn - den anden største planet i solsystemet". Først og fremmest skal jeg have en CSS-egenskab til at "aligne" denne DIV/Table (hvad der nu er bedst), så det virker som "Tæt"-align i Word.. Altså at teksten ikke bliver rykket under billede, men står ved siden af.

For det andet, skal jeg have en egenskab eller noget kode, der gør, at den tekst man skriver, skal have linjeskift, når man når "ud til enden". Altså boksen har en vilkårlig bredde, der er bestemt ud fra billedets bredde (automatisk). Men hvis man skriver tekst der er breddere end billedet, rykker boksen med - hvordan gør jeg så dette kommer ned på næste linje? Husk at billedet har en vilkårlig størrelse og stadig skal kunne forestørres og gøres mindre..



1 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Jeg er igang med at lave en WYSIWYG editor til at skrive artikler i.. Men har nogle problemer

Jeg sidder og roder med en DIV-boks, der skal indeholde et billede og en billedtekst i en større artikel. Altså fx et billede af Saturn og teksten "Saturn - den anden største planet i solsystemet". Først og fremmest skal jeg have en CSS-egenskab til at "aligne" denne DIV/Table (hvad der nu er bedst), så det virker som "Tæt"-align i Word.. Altså at teksten ikke bliver rykket under billede, men står ved siden af.

For det andet, skal jeg have en egenskab eller noget kode, der gør, at den tekst man skriver, skal have linjeskift, når man når "ud til enden". Altså boksen har en vilkårlig bredde, der er bestemt ud fra billedets bredde (automatisk). Men hvis man skriver tekst der er breddere end billedet, rykker boksen med - hvordan gør jeg så dette kommer ned på næste linje? Husk at billedet har en vilkårlig størrelse og stadig skal kunne forestørres og gøres mindre..


Prøv at sætte billedes style til: display: inline;
- SpeC|DK - #SpeC.DK @ Q-NET



t