CSS-pozicovani

Programovacie jazyky, rady, poradňa...
Lion
Medium Expert
Medium Expert
Príspevky: 85
Registrovaný: 19 feb 2007, 15:23
Kontaktovať používateľa:

CSS-pozicovani

Príspevok od používateľa Lion »

Mam problem s napozicovanim jednoho webu.

Takhle vypada style.css :

Kód: Vybrať všetko

.celek  {
position:absolute;
width:auto;
height:auto;
text-align:center;
		}

.cely   {
position:absolute;
width:auto;
height:auto;

	}
		
.logo  {
	position:absolute;
	width:900;
	height:200px;

		}
		
		
.menu  {
	position:absolute;
	width:250;
	height:auto;
	top: 200px;
	left: 0px;
		}
		
.obsah {
position:absolute;
width:650px;
height:auto;
top:200px;
left:250px;


		}

a takthle index.php:

Kód: Vybrať všetko


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DeStR0!3rS team</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<span class="celek">
<span class="cely">
	<span class="logo">
	<img src="images/header.jpg" alt="Making web pages by DeStR0!3rS team"/>
	</span>
	
	<span class="menu">
	<p>
	<a href="index.php?go=novinky">Novinky</a><br />
	<a href="index.php?go=novinky">Novinky</a><br />
	<a href="index.php?go=novinky">Novinky</a><br />
	<a href="index.php?go=novinky">Novinky</a><br />
	<a href="index.php?go=novinky">Novinky</a><br />
	<a href="index.php?go=novinky">Novinky</a><br />
	</p>
	</span>
	
	<span class="obsah">
	
					<?php
$go = $_GET["go"];

if ($go == "novinky")
{include("novinky.php");}

elseif ($go == "neco")
{include("neco.php");}



else
{include("novinky.php");}

?>	
	</span>
	
</span>
</span>


</body>
</html>
Nemuzu to vubec zarovnat na stred :(.
http://design.destroiers.eu/

Dekuji za vsechny rady
sanyika
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 364
Registrovaný: 11 apr 2006, 15:35
Bydlisko: Treti smetiak vpravo....d

Príspevok od používateľa sanyika »

Musis pouzit relativne poziciovanie...predpokladám ze ked das pred to vsetko do html kodu <center></center> tak mas obrazky vlavo a kod v strede...?!?! :?: :!:
Lion
Medium Expert
Medium Expert
Príspevky: 85
Registrovaný: 19 feb 2007, 15:23
Kontaktovať používateľa:

Príspevok od používateľa Lion »

ani kdyz dam position relative tak to nejde :(. , este sem to poupravil a nejde :( docela me to kaka :(... vubec si stim nvm rady
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Celé to vlož do div a nastav margin: 0px auto;
Lion
Medium Expert
Medium Expert
Príspevky: 85
Registrovaný: 19 feb 2007, 15:23
Kontaktovať používateľa:

Príspevok od používateľa Lion »

chrono napísal:Celé to vlož do div a nastav margin: 0px auto;
nejak sem to nepobral
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Práve som si to aj pozrel. ;) Prečítaj si, na čo sa používa span a na čo div.
Zmeň:

Kód: Vybrať všetko

<span class="celek">
na

Kód: Vybrať všetko

<div class="celek">
a

Kód: Vybrať všetko

.celek  {
position:absolute;
width:auto;
height:auto;
text-align:center;
		}
na

Kód: Vybrať všetko

.celek  {
margin: 0px auto;
		}
Hip-hoper
Star
Star
Používateľov profilový obrázok
Príspevky: 573
Registrovaný: 15 jan 2006, 23:05
Bydlisko: Sabinov
Kontaktovať používateľa:

Príspevok od používateľa Hip-hoper »

jj, ako chrono napisal. Alebo kebyze tam mas tabulku, tak sa tam da nastavit align="center"
Napísať odpoveď