webForumDet fria alternativet

Ingen CSS mall, direkt i div?

HTML & CSSur HTML, XHTML & CSS

13 svar · 484 visningar · startad av Sjodahl

Medlem sedan maj 20033 218 inlägg
Frågan#1

Hej!

Hur sätter jag något direkt i div taggen?

ex:

<div style="margin-left:100px">
TEST
</div>

??

Medlem sedan jan. 20016 874 inlägg
#2

Ja, sådär.

Medlem sedan maj 20033 218 inlägg
#3

Hmm okej får det inte att fungera precis börjat testa lite med div ;)

Men om jag vill ha denna texten "jag testar lite bara"
typ 200px från toppen och 200px från vänsterkanten blir hur blir det då?
Mitt förslag:

<div style="margin-left:200px" style="margin-top:200px">
jag testar lite bara
</div>
Medlem sedan maj 20007 492 inlägg
#4

<div>
<p style="margin-left:200px" style="margin-top:200px">jag testar lite bara</p>
</div>

Medlem sedan maj 20033 218 inlägg
#5

Fungera bra, så div är för typ hela block? Och P måste man sätta för att märka upp texten tro?

verkar fungera med:

<div style="position:relative; left:20px; top:50px">
   Today is fine.
</div>
Medlem sedan mars 20041 505 inlägg
#6

Ett annat alternativ är att använda sig av padding:

<div style="padding-top:200px; padding-bottom:200px;">
jag testar lite bara
</div>
Medlem sedan juli 20013 378 inlägg
#7

Jag var visst för sen - *raderar oavsiktligt eko* :e

Medlem sedan maj 20033 218 inlägg
#8

Fortsätter här kan inte skapa en ny tråd för alla min funderingar ;)

Nu verkar det vara så att denna sätter diven ovanför som topp. Kan man inte få alla divar att alltid utgå ifrån toppen på sidan inte diven ovanför?

EX: borde ju komma på samma rad?

<div style="padding-top:200px; padding-bottom:200px;">
test1
</div>
<div style="padding-top:200px; padding-bottom:200px;">
test2
</div>

eller måste man lägga till ett z-index då? Hur många z-index kan man ha?

Medlem sedan maj 20033 218 inlägg
#9

Verkar fungera!

position:absolute;
left:100px;
top:150px;
Medlem sedan dec. 20042 245 inlägg
#10

Okkido skrev:

<div>
<p style="margin-left:200px" style="margin-top:200px">jag testar lite bara</p>
</div>

Det är inte giltig HTML, samma attribut får inte förekomma mer än en gång i en tagg. :)

Medlem sedan maj 20033 218 inlägg
#11
<div>
<p style="margin-left:200px; margin-top:200px">jag testar lite bara</p>
</div>

Så här är okej då?

Medlem sedan dec. 20042 245 inlägg
#12

Ja, det är okej.

Medlem sedan maj 20007 492 inlägg
#13

Oj, tittade aldrig igenom utan kopierade bara från Sjodahl förslag.

Medlem sedan maj 20033 218 inlägg
#14

Okkido skrev:

Oj, tittade aldrig igenom utan kopierade bara från Sjodahl förslag.

hehe ja det kan vara farligt han kan skriva kod lite hur som ;)

140 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)