/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Tekst ikke under billede ved float på bill~
Fra : Martin


Dato : 07-02-08 17:59

Hvordan får man teksten til ikke at hoppe ind under billedet i dette
eksempel

http://aarhof.eu/newsgroup/html/imagefloating/

UDEN at angive en bredde på P tagget, hvis det ellers kan lade sig gøre?

 
 
Jørgen Farum Jensen (07-02-2008)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 07-02-08 18:21

Martin skrev:
> Hvordan får man teksten til ikke at hoppe ind under billedet i dette
> eksempel
>
> http://aarhof.eu/newsgroup/html/imagefloating/
>
> UDEN at angive en bredde på P tagget, hvis det ellers kan lade sig gøre?
p {margin-left:140px;
....}

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Martin (07-02-2008)
Kommentar
Fra : Martin


Dato : 07-02-08 18:24

Jørgen Farum Jensen wrote:
> Martin skrev:
>> Hvordan får man teksten til ikke at hoppe ind under billedet i dette
>> eksempel
>>
>> http://aarhof.eu/newsgroup/html/imagefloating/
>>
>> UDEN at angive en bredde på P tagget, hvis det ellers kan lade sig gøre?
> p {margin-left:140px;
> ...}
>

Så skal man jo vide hvor bredt image elementet er :(
Er der ingen muligheder uden at definer en bredde på et eller andet?

Leonard (07-02-2008)
Kommentar
Fra : Leonard


Dato : 07-02-08 18:39

On Thu, 07 Feb 2008 18:23:47 +0100, Martin wrote:

> Er der ingen muligheder uden at definer en bredde på et eller andet?

Flyt img op før div
--
Leonard

Martin (07-02-2008)
Kommentar
Fra : Martin


Dato : 07-02-08 19:51

Leonard wrote:
> On Thu, 07 Feb 2008 18:23:47 +0100, Martin wrote:
>
>> Er der ingen muligheder uden at definer en bredde på et eller andet?
>
> Flyt img op før div

Det hjalp ikke
(nederste box)
http://aarhof.eu/newsgroup/html/imagefloating/

Desuden så "mister" man jo også det normale flow... Dog skal det lige
siges at mine 2 div.block skal angive et blok felt, som kan have
forskellige bredder og størrelser - samt billedet også kan skifte bredde
(alt afhængigt om det er til venstre spalte, eller til content spalten)

N/A (08-02-2008)
Kommentar
Fra : N/A


Dato : 08-02-08 12:58



Tomasz Otap (08-02-2008)
Kommentar
Fra : Tomasz Otap


Dato : 08-02-08 03:28

On 7 Feb., 19:50, Martin <ma...@SPAMscandesigns.dk> wrote:
> Leonard wrote:
> > On Thu, 07 Feb 2008 18:23:47 +0100, Martin wrote:
>
> >> Er der ingen muligheder uden at definer en bredde på et eller andet?
>
> > Flyt img op før div
>
> Det hjalp ikke
> (nederste box)http://aarhof.eu/newsgroup/html/imagefloating/
>
> Desuden så "mister" man jo også det normale flow... Dog skal det lige
> siges at mine 2 div.block skal angive et blok felt, som kan have
> forskellige bredder og størrelser - samt billedet også kan skifte bredde
> (alt afhængigt om det er til venstre spalte, eller til content spalten)

Du kan indkapsle din tekst i en samlet div, der sættes til floate. Det
vil give dig to separate spalter, med luft under billedet:

---------

<style>
img { float: left; }
.block { float: left; }
</style>
<div>
<img src="gif.gif" width="120" height="120" alt="">
<div class="block">
<h4>Test</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>

---------

t

Martin (08-02-2008)
Kommentar
Fra : Martin


Dato : 08-02-08 12:58

Tomasz Otap wrote:
> Du kan indkapsle din tekst i en samlet div, der sættes til floate. Det
> vil give dig to separate spalter, med luft under billedet:
>
> ---------
>
> <style>
> img { float: left; }
> .block { float: left; }
> </style>
> <div>
> <img src="gif.gif" width="120" height="120" alt="">
> <div class="block">
> <h4>Test</h4>
> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
> </div>
> </div>
>
> ---------
>
> t

Selvfølgelig! - havde jeg slet ikke tænkt :)

N/A (08-02-2008)
Kommentar
Fra : N/A


Dato : 08-02-08 12:58



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408925
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste