Forum PHP.pl > menu jest źle ustawione

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

grzes22

10.10.2009, 16:22:55

robię stronkę na zaliczenie i tak sobie zrobiłem layout i go pociąłem(nie wiem nawet czy dobrze)
i coś próbowałem podłubać w kodzie i coś mi nie wychodzi.
mam do was kilka pytań
1. jak ustawić menu żeby było normalnie od początku strony??
2. jak wyśrodkować tą stronę? bo jak obejmę wszystko w div i dodam margin 0 auto to nie działa??

i w ogóle jeśli możecie to oceńcie jak wygląda kod??
strona znajduje się
http://tucznik.lua.pl/

a tu mam kod

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<?php include('head.php')?>
<title>Strona Główna</title>
</head>
<body>
<div id="logo">
<div id="login">
 
</div>
</div>
<div id="gornabelka">
<img src="images/gornabelka.jpg" alt="gornabelka" title="gornabelka" />
</div>
<div id="belkamenu">
<img src="images/belkamenu.jpg" alt="belkamenu" title="belkamenu" />
</div>
<div id="belkapion">
    <img src="images/belkapion.jpg" alt="belkapion" title="belkapion" />
</div>
<div id="tresc">
 
 
</div>
<div id="menu">
<?php include('menu.php') ?>
</div>
<div id="dolmenu">
<img src="images/dolmenu.jpg" alt="dolmenu" title="dolmenu" />
</div>
<div id="stopka">
<img src="images/stopka.jpg" alt="stopka" title="stopka" />        
</div>
</body>
</html>
[HTML] pobierz, plaintext

i css

[HTML] pobierz, plaintext 
html,body{
}
 
#logo {
    position:absolute;
    left:0px;
    top:0px;
    width:760px;
    height:146px;
    background-image:url("images/logo.jpg");
}
 
#gornabelka {
    position:absolute;
    left:0px;
    top:146px;
    width:760px;
    height:8px;
}
 
#belkamenu {
    position:absolute;
    left:0px;
    top:154px;
    width:182px;
    height:17px;
}
 
#belkapion{
    position:absolute;
    left:182px;
    top:154px;
    width:2px;
    height:398px;
}
 
#tresc {
    position:absolute;
    left:184px;
    top:154px;
    width:576px;
    height:398px;
    background-image:url("images/tresc.jpg");
 
  overflow: hidden
}
 
 
#dolmenu {
    position:absolute;
    left:0px;
    top:326px;
    width:182px;
    height:226px;
}
#login {
    position:absolute;
    left:587px;
    top:63px;
    width:133px;
    height:22px;
    background-image:url('images/login.jpg')
}
 
 
#stopka {
    position:absolute;
    left:0px;
    top:552px;
    width:760px;
    height:48px;
}
#menu {
    position:absolute;
  top:155px;
    width: 182px;
  float: left;
  overflow: hidden;
    float: left;
    background-image:url("images/dolmenu.jpg");
  }
img { border: 0;} 
 
 ul, ul li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
    }
[HTML] pobierz, plaintext

damyrade1990

10.10.2009, 22:39:11

Kod jest niepoprawny pod względem merytorycznym. Chorujesz na chorobę zwaną divitis i nie zalecasz się do semantyki kodu HTML.

Ad. 1 Tzn. jak ma się wyświetlać? Może zoobrazujesz to graficznie?
Ad. 2 Odpowiedni Doctype + margin:0 auto;

Btw. XHTML to wielkie zło. Używając XHTML'a tworzysz odpowiednie nagłówki, których przeglądarki nie rozumieją przez co kod XHTML zamieniaja na zwykły HTML tworząc przy tym wszelakie błędy.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.