css neattēlo kā vajag

Moderators: Vecākie lietotāji

TheNewGuy
Reģistrēts lietotājs
Atbildes: 27
Pievienojies: 25 Feb 2007, 18:39
Reputācija: 0
Atrodas: VIDZEME

css neattēlo kā vajag

Post no TheNewGuy » 22 Jan 2008, 20:35

mēģinu pārtaisīt lapas izvietojumu no <table> uz <div>, daudzmaz jau būtu, bet css text-align: center nedarbojas kā nākas :S
Varbūt kāds zin kas par vainu?

Code: Select all

body &#123; 		background-color&#58; #ffffff;		
&#125;
#augsa &#123;	background-color&#58; blue;
			text-align&#58; center;
			color&#58; white;		
			position&#58; absolute;
			padding-top&#58; 5px;
			padding-bottom&#58; 5px;
			margin-bottom&#58; 0px;			
			top&#58; 0px;
			left&#58; 0px;
			right&#58; 0px;		
&#125;
#apaksa &#123; 	background-color&#58; blue;
			text-align&#58; center;
			color&#58; white;		
			position&#58; absolute;
			padding-top&#58; 5px;
			padding-bottom&#58; 6px;
			margin-bottom&#58; 0px;
			bottom&#58; 0px;
			left&#58; 0px;
			right&#58; 0px;

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

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http&#58;//www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Tests</title>
		<link rel="stylesheet" type="text/css" href="css.css" />
	</head>
	<body>
		<div id="augsa">
			Augšējā mala
		</div>
		<div id="centrs">
			Vidus informācija
		</div>
		<div id="kmala">
			Kreisas malas izvēle
		</div>
		
		<div id="lmala">
			Labā mala
		</div>
		<div id="apaksa">
			Apakšējā mala
		</div>
	</body>
</html>
_LAIKS_

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 22 Jan 2008, 23:11

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.
  • Ir ļoti ieteicams izmantot tikai Strict dokumentu tipus (gan html gan xhtml).
Absolūtā pozicionēšana nav domāta, lai ar to staipītu blokus.
Bez tam, top-bottom un left-right kombinācija nestrādā uz IE6. Bez tam tā izraisa arī gļukus uz FF2.


Sākot lapu veidošanu ar tabulām, nevis uzreiz ar div'iem, esi pamanījies *** savu izpratni par to, kas ir mājaslapa. Iesaku palasīt par tīmekļa semantiku, varbūt kaut kas derīgs no tā arī aizķeras: Tava layout'a realizācija ir pilnīgā di*** (drošvien kāds piesiesies par izteicienu).
Uz ātru roku uzcepu to, ko liekas tu biji domājis. Vari papētīt, varbūt kaut ko iemācīsies Lai nopietni apgūtu (x)html/css iesaku
P.S.
kāds no modiem varētu šitās sadaļas sākumā iemest stickeri ar liku uz šito lapu http://paste.css-standards.org/ un paskaidrojumu kā to lietot.
[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

TheNewGuy
Reģistrēts lietotājs
Atbildes: 27
Pievienojies: 25 Feb 2007, 18:39
Reputācija: 0
Atrodas: VIDZEME

Post no TheNewGuy » 22 Jan 2008, 23:19

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 <div>.
Un kā tad man vajadzētu tos blokus pārvietot, ja neizmantoju absolute?
_LAIKS_

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 23 Jan 2008, 08:14

Uzcepto piemēru skatījies ?

Anyway. veidojot lapu ar DIV'iem uzkāartojumu veido ar tādiem parametriem kā : Pārsvarā lapā ir diva veida elementi : <span>, <strong>, <a> defaultā ir inline
<body>, <div>, <h1>, <ul> defaultā ir block

Un izmēru regulēšanai izmanto: Kopā tas liekas apmēram šādi: http://www.mandalatv.net/itp/drivebys/c ... _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).
Lielu daļu jau no tā visa zināju.
Lapu semantiku nevar 'nedaudz zināt'. To vai nu saprot, vai nesaprot.
[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

User avatar
Mr.Death
Lietpratējs
Atbildes: 1779
Pievienojies: 17 Apr 2007, 19:13
Reputācija: 0

Post no Mr.Death » 23 Jan 2008, 09:47

Paldies azazul, man ar šis tas noderēja :)

Pievienot atbildi

Return to “Klienta puse (html, css, svg, xslt, xhtml, js)”