Forum PHP.pl > [CSS]Wytknięcie błędów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Niedowiarek

2.06.2011, 21:32:32

Witam, napisałem trochę CSS'a aby wypozycjonować stronę, i chyba robię to źle, bo kod jest taki.. długi. W każdym razie wstawiam tu kod, i proszę o sprawdznie czy jest poprawny, czy całkowicie zły.

[CSS] pobierz, plaintext 
body {
font-size: 12;
color: black;
background-image: url(back.png);
background-repeat: repeat;
}
 
#wrap {
margin: 0 auto;
width: 850px;
height: 800px;
background-image: url(wrap.png);
}
 
/* Początek nagłówka */
 
#head_left {
background-image: url(head_left.png);
background-position: left;
background-repeat: no-repeat;
width: 21px;
height: 155px;
float: left;
}
 
#head_center {
background-image: url(head_center.png);
background-repeat: repeat-x;
width: 758px;
height: 155px;
float: left;
position: relative; top: 2px;
}
 
#head_right {
background-image: url(head_right.png);
background-position: left;
background-repeat: no-repeat;
width: 21px;
height: 155px;
float: left;
}
 
 
#header {
width: 800px;
height: 145px;
margin: 0 auto;
position: relative; top: 20px;
}
 
#logo {
background-image: url(logo.png);
width: 372px;
height: 89px;
float: center;
position: relative; left: 30px; top: 40px;
}
 
/* Koniec nagłówka */
 
/* Początek lewego menu */
 
#menu_left {
background-image: url(menu_left.png);
background-position: left;
background-repeat: no-repeat;
width: 20px;
height: 221px;
display: inline;
float: left;
}
 
#menu_center {
background-image: url(menu.png);
background-repeat: repeat-x;
width: 110px;
height: 221px;
float: left;
position: relative; bottom: 3px;
}
 
#menu_right  {
background-image: url(menu_right.png);
background-position: right;
background-repeat: no-repeat;
width: 20px;
height: 221px;
float: left;
position: relative; bottom: 5px;
}
#menu {
width: 150px;
height: 210px;
float: left;
display: inline;
position: relative; left: 25px; top: 40px;
}
 
/* Koniec lewego menu */
[CSS] pobierz, plaintext

[HTML] pobierz, plaintext 
<html>
<head>
<title>Empire of Death</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="head_left"></div><div id="head_center"><div id="logo"></div></div><div id="head_right"></div>
</div>
<div id="menu">
<div id="menu_left"></div><div id="menu_center"></div><div id="menu_right"></div>
</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

markonix

2.06.2011, 21:38:06

Cytat

background-image:
background-position: left;
background-repeat: no-repeat;

Kod

background: url(head_left.png) no-repeat left;

pedro84

2.06.2011, 22:14:50

Pogrupuj selektory.

konole

2.06.2011, 22:39:25

Nie rozumiem, w jakim celu dodajesz parametr "height". One same ci się rozszerzą w miarę dodawania tekstu.

worek

2.06.2011, 22:52:10

Hehe może właśnie nie mają mu się rozszerzać

Jako przykład podam wmontowanie topki w diva

Niedowiarek

2.06.2011, 22:54:38

Po 1. to co powiedział worek
Po 2. Jeżeli nie dam parametru height jak daje obrazek jako background, i w divie nie będzie żadnego tekstu, to nic się nie wyświetla.

Cytat(pedro84)

Pogrupuj selektory.

To znaczy?

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.