Kom ihåg mig?
Home Menu

Menu


Slutligen div-taggar ersätter tables

 
Ämnesverktyg Visningsalternativ
Oläst 2005-07-28, 22:18 #1
Peter_Holms avatar
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
 
Reg.datum: Jan 2004
Inlägg: 165
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
Peter_Holms avatar
 
Reg.datum: Jan 2004
Inlägg: 165
Hallå där...

Om man har en box gjord med div. Hur ska man då göra med css-texten i den boxen. Att sätta text-marginaler på själva div:ens css verkar inte fungera,

skall man köra <p class......>?

Peter
Peter_Holm är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-28, 22:30 #2
koalas avatar
koala koala är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Sep 2004
Inlägg: 1 154
koala koala är inte uppkopplad
Har WN som tidsfördriv
koalas avatar
 
Reg.datum: Sep 2004
Inlägg: 1 154
använd padding på diven
koala är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-28, 23:55 #3
koalas avatar
koala koala är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Sep 2004
Inlägg: 1 154
koala koala är inte uppkopplad
Har WN som tidsfördriv
koalas avatar
 
Reg.datum: Sep 2004
Inlägg: 1 154
Så här alltså: (men använd hellre extern stilmall såklart)
Kod:
<div style="padding: 20px;">
<p>Text</p>
</div>
koala är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-29, 07:30 #4
Peter_Holms avatar
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
 
Reg.datum: Jan 2004
Inlägg: 165
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
Peter_Holms avatar
 
Reg.datum: Jan 2004
Inlägg: 165
Citat:
Originally posted by koala@Jul 28 2005, 23:55
Så här alltså: (men använd hellre extern stilmall såklart)
Kod:
<div style="padding: 20px;">
<p>Text</p>
</div>
Ja man kan ha padding på "box-div:en" men det är väl bättre att sätta en class på

med padding osv. istället eftersom jag i detta fall formaterar boxen med olika attribut.
Peter_Holm är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-29, 08:59 #5
zorans avatar
zoran zoran är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2004
Inlägg: 598
zoran zoran är inte uppkopplad
Mycket flitig postare
zorans avatar
 
Reg.datum: Jun 2004
Inlägg: 598
Citat:
Originally posted by Peter_Holm@Jul 29 2005, 07:30
Ja man kan ha padding på "box-div:en" men det är väl bättre att sätta en class på

med padding osv. istället eftersom jag i detta fall formaterar boxen med olika attribut.
Nej eftersom div-taggen kommer använda sig av egen "default"-padding iallafall. Jag förstår inte vad det är som hindrar dig att du formaterar boxen med olika attribut.
zoran är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-29, 10:24 #6
koalas avatar
koala koala är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Sep 2004
Inlägg: 1 154
koala koala är inte uppkopplad
Har WN som tidsfördriv
koalas avatar
 
Reg.datum: Sep 2004
Inlägg: 1 154
Om du absolut vill formatera p-taggarna i diven kan du göra så här i css-filen:

Kod:
div.hej p {
  margin: 10 px;
}
Och sedan göra så här:
Kod:
<div class="hej">
<p>Text</p>
</div>
Blir mindre jobb än att för varje p välja en klass.
koala är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-29, 11:29 #7
Roberts avatar
Robert Robert är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Jan 2004
Inlägg: 2 103
Robert Robert är inte uppkopplad
Klarade millennium-buggen
Roberts avatar
 
Reg.datum: Jan 2004
Inlägg: 2 103
I min tankekvärld är det alltid den omgivande containern som bestämmer marginalerna (dvs paddingen) för innehållet i densamma. Däremot så kan man ibland behöva style'a ett undantag på innehållet, exempelvis en negativ marginal etc...

Petta; att du redan har satt vissa atribut på div'en utesluter inte att du sätter ännu flera . Du kan både sätta stylear, classer samt en stylead id samt att taggen i sig är definerad att ha en viss style på en och samma gång. Sätten du sätter style'arna på samt i vissa fall vilken ordning du lägger på dom på div'en avgör vilket utseende som får högre prioritet (om du får en konflikt mellan de olika style'arna)
Robert är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-31, 12:29 #8
Peter_Holms avatar
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
 
Reg.datum: Jan 2004
Inlägg: 165
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
Peter_Holms avatar
 
Reg.datum: Jan 2004
Inlägg: 165
Citat:
Ursprungligen postat av zoran
Citat:
Ursprungligen postat av Peter_Holm
Ja man kan ha padding på "box-div:en" men det är väl bättre att sätta en class på

med padding osv. istället eftersom jag i detta fall formaterar boxen med olika attribut.
Nej eftersom div-taggen kommer använda sig av egen "default"-padding iallafall. Jag förstår inte vad det är som hindrar dig att du formaterar boxen med olika attribut.
Jag använder DW2004 och när jag pysslade med textformateringen i samma veva som själva boxen så flyttades "lagret" (div positionen) på skärmen, detta är säkert en bugg i DW så det lättaste är väl att handknacka den delen.
Peter_Holm är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-31, 13:00 #9
jimmies avatar
jimmie jimmie är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2004
Inlägg: 751
jimmie jimmie är inte uppkopplad
Mycket flitig postare
jimmies avatar
 
Reg.datum: Oct 2004
Inlägg: 751
Ett problem om man sätter padding direkt på diven och inte en container i diven är att det blir olika utseenden i firefox och internet explorer. Det spelar förstås ingen roll om man inte behöver pixelprecision men det är något att tänka på om man inte lyckas få det att se likadant ut.
jimmie är inte uppkopplad   Svara med citatSvara med citat
Oläst 2005-07-31, 13:04 #10
Oxygen Oxygen är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2005
Inlägg: 4
Oxygen Oxygen är inte uppkopplad
Nykomling
 
Reg.datum: Jul 2005
Inlägg: 4
Citat:
Originally posted by jimmie@Jul 31 2005, 13:00
Ett problem om man sätter padding direkt på diven och inte en container i diven är att det blir olika utseenden i firefox och internet explorer. Det spelar förstås ingen roll om man inte behöver pixelprecision men det är något att tänka på om man inte lyckas få det att se likadant ut.
Jag är inte helt säker men finns det inte IE-fixar som gör att IE behandlar padding, margin, borders etc. precis som Firefox?
Oxygen är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 03:38.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017