Jump to content
php.lv forumi

valign iekš td


Pentiums

Recommended Posts

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

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

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

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

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

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

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

×
×
  • Create New...