Avatar billede niwikr Nybegynder
09. maj 2002 - 19:55 Der er 7 kommentarer og
1 løsning

placering af tekst rundt om layer

jeg har et layer der indeholder noger brødtekst.

dette layer indeholder et andet layer, som også indeholder noget tekst. (en faktaboks i selve teksten)

Mit problem er at jeg vil have at brødteksten ligger sig pænt rundt om faktaboksen.(f.eks. både over,under og ved siden af boksen)

eksempel på kode:

<DIV ID="broedtekst">
hej med jer, dette er brødteksten osv osv
<DIV ID="faktaboks">
Dette er faktaboksen
</DIV>
</DIV>

er der nogle der kender en løsning
Avatar billede esoulman Nybegynder
09. maj 2002 - 20:35 #1
Hjælper måske ik så meget, men tag et kig på "float" egenskaben i CSS. Søg evt. på google..
Avatar billede niwikr Nybegynder
09. maj 2002 - 21:25 #2
tak
Avatar billede callesen Praktikant
09. maj 2002 - 21:29 #3
Det er lidt svært når man ikke kender dine 'mål'; men her er lidt at lege med:
<DIV ID="broedtekst" STYLE="border:1px solid #333333;height:50px;width:150px;position:relative;float:left;">
hej med jer, dette er brødteksten osv osv... hej med jer, dette er brødteksten osv osv
<DIV ID="faktaboks" STYLE="top:-20px;border:1px solid #333333;display:inline;">
Dette er faktaboksen
</DIV>
</DIV><BR><BR><BR><BR>
<DIV ID="broedtekst" STYLE="border:1px solid #333333;height:100px;width:250px;">
hej med jer, dette er brødteksten osv osv hej med jer, dette er brødteksten osv osv
<DIV ID="faktaboks" STYLE="border:1px solid #333333;float:right;top:-20px;position:relative;display:inline;">
Dette er faktaboksen
</DIV>
</DIV>
Avatar billede =maddog= Nybegynder
09. maj 2002 - 21:34 #4
ikke float men clear.
fra http://www.w3.org/TR/REC-CSS1
5.5.25    'float'
Value: left | right | none
Initial: none
Applies to: all elements
Inherited: no
Percentage values: N/A


With the value 'none', the element will be displayed where it appears in the text. With a value of 'left' ('right') the element will be moved to the left (right) and the text will wrap on the right (left) side of the element. With a value of 'left' or 'right', the element is treated as block-level (i.e. the 'display' property is ignored). See section 4.1.4 for a full specification.

IMG.icon {
  float: left;
  margin-left: 0;
}

The above example will place all IMG elements with 'CLASS=icon' along the left side of the parent element.

This property is most often used with inline images, but also applies to text elements.

5.5.26    'clear'
Value: none | left | right | both
Initial: none
Applies to: all elements
Inherited: no
Percentage values: N/A


This property specifies if an element allows floating elements on its sides. More specifically, the value of this property lists the sides where floating elements are not accepted. With 'clear' set to 'left', an element will be moved below any floating element on the left side. With 'clear' set to 'none', floating elements are allowed on all sides. Example:

H1 { clear: left }
Avatar billede =maddog= Nybegynder
09. maj 2002 - 21:37 #5
du skal altså sætte
<style>
#faktaboks {clear:none;}
</style>
Avatar billede =maddog= Nybegynder
09. maj 2002 - 21:39 #6
det var et svar :)
Avatar billede callesen Praktikant
09. maj 2002 - 21:50 #7
maddog> Du skriver 'ikke float men clear' - dette er ikke ganske korrekt, som det også fremgår af dit 'klippe/klistre-citat':
'This property specifies if an element allows floating elements on its sides. More specifically, the value of this property lists the sides where floating elements are not accepted.'
Avatar billede =maddog= Nybegynder
09. maj 2002 - 21:54 #8
jeg tager det i mig igen.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester