Skocz do zawartości

[DIV] Problem z pozycjonowaniem

ArthasDelano

Przez ArthasDelano
w HTML i CSS

Rekomendowane odpowiedzi

ArthasDelano Newbie

ArthasDelano

Opublikowano
Opublikowano

Witam, od kiedy pamietam tworzylem strony na tabelkach gdyz nigdy nie byly to profesjonalne strony a jedynie male wizytowki etc..

Poniewaz Div'y sa jednak od dawna standardem uznalem, ze czas jednak nauczyc sie i ich.. Zaczalem tworzyc strone dla kolegi, wczesniej zrobiona w oparciu o tabelki, w tym momencie przerabiam ja na Div'y.. Pomimo przeczytania wielu kursow mam jednak wciaz problem z odpowiednim ustawieniem div'ow tak by strona wygladala wg moich zamierzen..

Oto kod php:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu wpisz opis zawartości strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
<title>Slawomir Kowalski - profesjonalna fotografia</title>

<link rel="Stylesheet" type="text/css" href="css/style.css" />

<script language="Javascript">
			if (document.images)
			{
			button1 = new Image
			button2 = new Image
			button3 = new Image
			button4 = new Image
			button5 = new Image
			button6 = new Image
			button7 = new Image
			button8 = new Image
			button9 = new Image
			button10 = new Image


			button1.src = 'images/home.png'
			button2.src = 'images/homee.png'
			button3.src = 'images/omnie.png'
			button4.src = 'images/omniee.png'
			button5.src = 'images/galeria.png'
			button6.src = 'images/galeriaa.png'
			button7.src = 'images/oferta.png'
			button8.src = 'images/ofertaa.png'
			button9.src = 'images/kontakt.png'
			button10.src = 'images/kontaktt.png'
			}
	</script>
</head>
<body>

<div id="main">
 <div id="empty">
 </div>

 <div="menu">
	<img src="images/pusty.png"><img src="images/pusty.png"><img src="images/pusty.png"><img src="images/pusty.png">
	<a href="index.php" onmouseover="document.rollover.src=button2.src" onmouseout="document.rollover.src=button1.src"><img src="images/home.png" border=0 name="rollover"></a>
	<img src="images/pusty.png">
	<a href="omnie.php" onmouseover="document.rollover2.src=button4.src" onmouseout="document.rollover2.src=button3.src"><img src="images/omnie.png" border=0 name="rollover2"></a>
	<img src="images/pusty.png">
	<a href="galeria.php" onmouseover="document.rollover3.src=button6.src" onmouseout="document.rollover3.src=button5.src"><img src="images/galeria.png" border=0 name="rollover3"></a>
	<img src="images/pusty.png">
	<a href="oferta.php" onmouseover="document.rollover4.src=button8.src" onmouseout="document.rollover4.src=button7.src"><img src="images/oferta.png" border=0 name="rollover4"></a>
	<img src="images/pusty.png">
	<a href="kontakt.php" onmouseover="document.rollover5.src=button10.src" onmouseout="document.rollover5.src=button9.src"><img src="images/kontakt.png" border=0 name="rollover5"></a>
 </div>

 <div="center">
	   <div="left">
	   <img src="images/banner-home.png"></img>
	   </div>
	   <div="right">
	   <img src="images/banner-reklama.png"></img>
	   </div>
 </div>

</div>

</body>
</html>

Oraz CSS

body
{
background-color: black;
margin: 0px;
padding: 0px;
}

#main
{
margin: 0px auto;
padding: 0px auto;
width: 1024px;
height: 768px;
background-image: url("../css/background.png");
}

#empty
{
margin: 0px;
padding 0px;
width: 1024px;
height: 180px;
}

#menu
{
margin: 0px;
padding 0px;
width: 1024px;
height: 45px;
}

#center
{
margin: 0px;
padding 0px;
width: 1024px;
height: 100px;
}

#left
{
margin: 0px;
padding 0px;
width: 580px;
height: 100px;
}

#right
{
margin: 0px;
padding 0px;
width: 254px;
height: 100px;
}

Natomiast adres strony internetowej to:

Strona WWW

Wiem, ze bedzie to slabo widoczne poniewaz prv wyswietla reklamy, ale pod dolnymi reklamami powinno byc widac wystajace 2 grafiki, ktore maja byc naglowkami 2 blokow znajdujacych sie zaraz pod menu.. Niestety nie wiem czemu przesuwaja mi sie one na sam koniec strony, tak jakby ustawialy sie juz za divem glownym.. Chcialbym natomiast by Div "center" znalazl sie zaraz pod div'em "menu" i byl podzielony na 2 bloki..

Prosze uprzejmie o wskazanie bledu w moim mysleniu, z gory bardzo dziekuje.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności