css neattēlo kā vajag

[TheNewGuy]

mēģinu pārtaisīt lapas izvietojumu no

uz

, daudzmaz jau būtu, bet css text-align: center nedarbojas kā nākas :S

Varbūt kāds zin kas par vainu?

Code:

body { background-color: #ffffff;
}
#augsa { background-color: blue;
text-align: center;
color: white;
position: absolute;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
}
#apaksa { background-color: blue;
text-align: center;
color: white;
position: absolute;
padding-top: 5px;
padding-bottom: 6px;
margin-bottom: 0px;
bottom: 0px;
left: 0px;
right: 0px;

}
#kmala { background-color: black;
color: white;
width: 120px;
position: absolute;
padding-left: 20px;
padding-right: 10px;
top: 29px;
bottom: 30px;
left: 0px;
}
#lmala { background-color: black;
color: white;
width: 120px;
position: absolute;
padding-right: 20px;
padding-left: 10px;
top: 29px;
bottom: 30px;
right: 0px;
}
#centrs { background-color: red;
position: absolute;
top: 29px;
left: 150px;
right: 30px;
bottom: 30px;
text-align: center;
}

Code:







Augšējā mala

Vidus informācija

Kreisas malas izvēle

Labā mala

Apakšējā mala




[azazul]

Es tiešām nezinu kā lai to saudzīgāk pasaka, bet TÄ€ TO NEDARA !!.

Tātad.

Lapas sākumā ir jāliek doctype. Paša doctype nosaukums nav tik svarīgs, kā DTD fails ar ko tas tiek associēts. Tavā kodā tu sajauc viena putrā Transitional un Strict documentu tipus.

[TheNewGuy]

Paldies par “skaistajiem” vārdiem, bet tas vismaz ir kaut kas, nekā vispār klusums.

Paldies par tiem pašiem linkiem.

Papētīšu.

---

Lielu daļu jau no tā visa zināju.

par CSS mazākas zināšanas.

Es tajā htmldog papētīju css layautus izmantojot

.

Un kā tad man vajadzētu tos blokus pārvietot, ja neizmantoju absolute?

[azazul]

Uzcepto piemēru skatījies ?

Anyway. veidojot lapu ar DIV’iem uzkāartojumu veido ar tādiem parametriem kā :

https://htmldog.com/reference/cssproperties/float/ (left, right, none)

https://htmldog.com/reference/cssproperties/clear/ (left, right, both, none)

https://htmldog.com/reference/cssproperties/display/ (block, inline)

Pārsvarā lapā ir diva veida elementi :

block-level : https://www.w3.org/TR/REC-CSS1#block-level-elements

inline-level: https://www.w3.org/TR/REC-CSS1#inline-elements

, , defaultā ir inline

,

,

,

defaultā ir block

Un izmēru regulēšanai izmanto:

• https://htmldog.com/reference/cssproperties/margin/

  https://htmldog.com/reference/cssproperties/padding/

  https://htmldog.com/reference/cssproperties/width/

  https://htmldog.com/reference/cssproperties/height/

Kopā tas liekas apmēram šādi: https://www.mandalatv.net/itp/drivebys/css/lib/img/box_model.gif

Jāņ em vērā fakt ka block-level objektiem lapā defaultais platums (width) ir pa visu kontēneri (ietverošo block-level elementu).

Quote:

Lielu daļu jau no tā visa zināju.

Lapu semantiku nevar ‘nedaudz zināt’. To vai nu saprot, vai nesaprot.

[Mr.Death]

Paldies azazul, man ar šis tas noderēja 🙂

[Autors]

Ieraksti