Jump to content
php.lv forumi

valign iekš td

Pentiums

By Pentiums
in HTML un XHTML

 Share

Recommended Posts

Grey_Wolf Rookie

Grey_Wolf

Posted
Posted
Vismaz man tie CSS hakki konkrēti zajebaļi.

 

Kur tu redzi shajaa variantaa CSS haku ???? (tas ir 1 links no andrip iedota varinta {meklejot gogle}

Un taa ir CSS parbaude...

--------------

W3C CSS Validator results for http://www.umade.ru/resources/css/deadcentre/deadcentre.html (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

---------------------

Tavuprat ja CSS atbilst .w3.org Prasibam tad vinaa noteikti ir Haki???

Link to comment
Share on other sites
nemec Newbie

nemec

Posted
Posted

tomēr tas variants ar position absolute, der tikai ja parent elementam ir zināms augstums. ja nav zināms tad ļoti slikti, ja šito teksta bloku uztaisa lielāku http://www.umade.ru/resources/css/deadcentre/deadcentre.html un samazina loga izmērus līdz pārādās vertikālais skrollbars.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>Точно посередине</title>
	<style type="text/css" media="screen"><!--
body 
{
color: white;
background-color: #003;
margin: 0px
}

#horizon		
{
color: white;
background-color: transparent;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}

#content	
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: red;
margin-left: -150px;
position: absolute;
top: -135px;
left: 50%;
width: 300px;
height: 270px;
visibility: visible
}

.bodytext 
{
font-size: 14px
}

.headline 
{
font-weight: bold;
font-size: 24px
}

#footer 
{
font-size: 11px;
font-family: Verdana, Geneva, Arial, sans-serif;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 20px;
visibility: visible;
display: block
}

a:link, a:visited 
{
color: #06f;
text-decoration: none
}

a:hover 
{
color: red;
text-decoration: none
}

--></style>
</head>

<body>
	<div id="horizon">
		<div id="content">
			<div class="bodytext">
				Этот текст находится<br>
				<span class="headline">ТОЧНО ПОСЕРЕДИНЕ</span><br>
				и никуда не денется!</div>

		</div>
	</div>
	<div id="footer">
		<a href="deadcentre2.html">посмотреть конструкцию</a></div>
</body>

</html>

Link to comment
Share on other sites
Grey_Wolf Rookie

Grey_Wolf

Posted
Posted
tomēr tas variants ar position absolute, der tikai ja parent elementam ir zināms augstums.

nu 80% gadijumu taa centreshan ir pie Ielagosanaas lapaa ... un tas tomer ir statisks kods, ar zinamu augstumu platumu ...

Taa kaa idejiski jau nemaz nav tik slikti ....

Teiksim izlecosajiem Popupiem (bazetiem uz <div ar lielu Z-index) var izmantot JS lai nocentretu tieshi pa vidu ...

Link to comment
Share on other sites
marrtins Newbie

marrtins

Posted
Posted

Popupiem... diviem... Taču 90% gadījumu man jātaisa layouts, kas ir izstiepts 100% platumā, 100% augstumā un contents vidū, kas NAV fixēta izmēra, bet procentuāli izstiepts pa vertikāli un horizontāli! Un 5% no tiem 10% fiksētajiem contentiem, pasūtītājs izdomā, ka vajag proporcionālu logam.

 

Grey_Wolf,

#content	
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: transparent;
margin-left: -150px; <- haks
position: absolute;
top: -35px;
left: 50%;
width: 300px;
height: 70px;
visibility: visible
}

 

margin-left: -150px; <- haks (width/2)

top: -35px; <- haks (height/2)

 

Nafig man būtu jāzin, daudz pikseļos man viducītis aizņems? Pasūtītājs vēlāk izdomās, a zini... tomēr nafig man 300x70px, taisam procentuālu to viducīti. Davai davai, es paskatīšos, kā to pārējā dizainā ieliks izmantojot šo metodi.

 

P.S. To validātoru Tu vari iebāzt sev dziļi dziļi un izvilkt, kad jāpamaklē SINTAKSES kļūdas :)

Link to comment
Share on other sites
Grey_Wolf Rookie

Grey_Wolf

Posted
Posted

to ka netiek izmantoti Haki tieshi noraada Validators --> haki ir darbiibas kas NAV iekljautas dotaas valodas( scripta ? ) sintaksee, vai ir tikai neoficiali....

 

 

.. tomēr nafig man 300x70px, taisam procentuālu to viducīti. Davai davai, es paskatīšos, kā to pārējā dizainā ieliks izmantojot šo metodi.

P.S. To validātoru Tu vari iebāzt sev dziļi dziļi un izvilkt, kad jāpamaklē SINTAKSES kļūdas :)

un kaa tadu tu to 300X700 dabuusi ? Pasaa HTML kodaa labosi lol ..

tapat kaa mainiisi to vari izmanitti arii parejo ... jamaina tik buus 4 parametri ...

 

Ja nezinaji Validators NAV DOMATS SINTAKSES KLJUDU MEKLESANAI !!! .. tam domati editori & debugeri ....

Sho tomer dereja zinaat.....

Link to comment
Share on other sites
bubu Newbie

bubu

Posted
Posted

Es gan neteiktu, ka validators NAV domāts sintakses kļūdu meklēšanai.

Es teiktu, ka validators ir domāts gan sintakses, gan arī valodas (css/html/..) semantikas kļūdu meklēšanai.

Link to comment
Share on other sites
marrtins Newbie

marrtins

Posted
Posted
Tie nav haki.

Manā uztverē to ir gan. Kāda tolka pēc man vēl rakstīt width/2 un height/2, ja width un height jau ir dots?

 

to ka netiek izmantoti Haki tieshi noraada Validators --> haki ir darbiibas kas NAV iekljautas dotaas valodas( scripta ? ) sintaksee, vai ir tikai neoficiali....

Un nekas cits nedrīkst saukties par haku, ja? :D

 

mefisto, es zinu, ko runāju, nesatraucies.

Link to comment
Share on other sites
 Share
Go to topic listing
×
×
  • Create New...