Jump to content
php.lv forumi

Table Vs. Css?


FosC0

Recommended Posts

Ar web chikinaashanos njemos kaadus 3 meen. Vaardu sakot, viss veel priekshaa. Biju dzirdeejis, salasiijies utt, ka table ir ostoi un CSS rulez. Nu es arii saklausijos un meegjinaaju savu radosho darbibu pakaartot sauklim:

Tabulas ir tikaiprieksh tabulu datiem!

 

Nop***s ar to padariishanu konkreeti! Ja vienaa browserii viss ok, tad citaa ir murgis. Nu apmeeraam jau esmu nonaacis liidz kaut kaadaam atzinjaam, tomeer tik un taa tas pasaakums izstaas gemoroinijs.

 

Liidz ar to jautaajums:

Kaadi reaali ir argumenti pret tabulu izmantoshanu saita layoutam?

Link to comment
Share on other sites

Pakaļas slimība no CSS? Pirmā dzirdēšana. Strādāju ar IE un NN un vienīgā problēma ir līka mugura. Nu varbūt šad tad notirpst kājas, bet pakaļa? Droši vien kaut kāds kreiss internet pārlūks.

Link to comment
Share on other sites

Nu OK, jb4. Pienjemsim, ka man vajag uztaisiit sekojoshu layout-u:

 

<code><font color="#000000">
[font=Courier]
+------------------------------------------------------+
|  LOGO BANNERI utt.								   |
|  width: 100%										 |
+------------------------------------------------------+
+---------+ +------------------------------+-----------+
| Saita   | | mainiga platuma dala #1	  |mainiga	|
|navigcija| |							  |platuma	|
|		 | |							  |dala #2	|
|width:   | |							  |		   |
|kaut kadi| |							  |		   |
|  100px  | |							  |		   |
|		 | |							  |		   |
|		 | |							  |		   |
|		 | |							  |		   |
|		 | |							  |		   |
|		 | |							  |		   |
|		 | |							  |		   |
|		 | |							  |		   |
+---------+ +------------------------------+-----------+
#1 - 80%, #2 - 20% ar domu, lai atkariba no parluka loga
platuma #1 un #2 mainitos, bet navigacijas daljas platums
paliktu nemainigs.
[/font]</font>
</code>

 

Nu ja ir idejas kā to panākt, tad būšu patiesi pateicīgs!!!

Link to comment
Share on other sites

<code><font color="#000000">
<html>
<head>
<style type="text/css">
div {
	/* Starpiņas, lai tu redzētu robežas starp DIViem */
	margin: 0.5%;
}
div#augsha {
	position: relative;
	width: 99%;
	height: 120px;
	/* Lai tu vizuāli redzētu: */
	background-color: #CCCCCC;
}
div#navigleft {
	position: relative;
	float: left;
	clear: both;
	width: 17%;
	/* Lai tu vizuāli redzētu: */
	background-color: #CCCCCC;
}
div#center {
	position: relative;
	float: left;
	width: 50%;
	/* Lai tu vizuāli redzētu: */
	background-color: #CCCCCC;
}
div#right {
	position: relative;
	float: left;
	width: 28%;
	/* Lai tu vizuāli redzētu: */
	background-color: #CCCCCC;
}
div#bottom {
	position: relative;
	clear: both;
	width: 99%;
	/* Lai tu vizuāli redzētu: */
	background-color: #CCCCCC;
}
</style>
</head>
<body>
<div id="augsha">Augša</div>
<div id="navigleft">Kreisais</div>
<div id="center">Vidus</div>
<div id="right">Labais</div>
<div id="bottom">Apakša</div>
</body>
</html></font>
</code>

 

Maisīt relatīvos platumus (%) ar absolūtajiem (px) nav pārāk laba doma. Ja tu šo visu regulē ar (px), tad rēķinies, ka ievērojamai daļai lietotāju max platums (visi paddingi, margini + width) ir 800px. Ja tu šo visu regulē ar (%), tad saproti, ka tādu kopā ir tikai 100, bet pārlūki % mīl ne pārāk, tāpēc es parasti izlīdzos ar 97-99.5% lai nesanāktu šmuce.

Ja tu tomēr apvieno (%) ar (px) tad rēķini pats - tā lai šīs kombinācijas pie 800px pa horizontu neizskatītos kā caur iluminatoru un pa >1024px pārāk plati un nebaudāmi.

Link to comment
Share on other sites

Thanks!

 

Bet runaajot par tiem px un %. Cik es biju lasiijis, tad %-i it kaa esot labaaka pieeja, jo rezultaataa visas daljas sanaak "fluid" (šķiet maģisks vārdiņš, jo vienmēr tiek likt akcents tieši uz "fluid" iznākumu) un piedevām nav jāaprobežojas ar 800 px platumā. Bet savukārt no otras puses px dod lielāku kontroli pār šādām tādām lietām. Un kā redzams, tad px ar % apvienot gandrīzvai nevar, ja nu vienīgi es tajā navigācijas daļā pašu menjuci lieku vēl vienā fiksēta platuma DIV-ā. Bet tur ir akal zemūdens akmens, jo manis izvēlētie px platumā pie kaut kaada browsera loga izmeera būs mazāki par %. Ui, ku sarežģīti pateicu. nevermind. jāpaeksperimentē.

 

Vēlreiz paldies, jb4!

Link to comment
Share on other sites

CSS layoutam ir viens generaalais miinuss - Dreamweaver neraada vizuaali css layoutus, ar to viss izteikts, neko nekad ar roku nerakstiishu - ir 21. gadsimts. Un otra lieta % vs px - ir svariigi, lai vienaa rindaa buutu ierobezots skaits simbolu, tas paliidz lasaamiibai - biezi ir taa, ka videejais columns ir taa izstiepts, ka visu laiku juuk un sanaak lasiit vienu rindu 3 x.

Link to comment
Share on other sites

×
×
  • Create New...