Problem z kodem HTML/CSS


(Przemek Pleczuk) #1

(IcyMat) #2

Wyśrodkowanie (podejrzewam, że nie zadziała bo użyłeś position: absolute, ale możesz spróbować):

body {

      margin-left: auto;

      margin-right: auto;

}

Likwidacja odstepu (co do tego to pewien nie jestem): Zamień

#stopka {

   position:absolute;

   left:0px;

   top:921px;

   width:1000px;

   height:65px;

   background-image: url(images/stopka.png);

}

na

#stopka {

   position:absolute;

   left:0px;

   width:1000px;

   height:65px;

   background-image: url(images/stopka.png);

}

(Przemek Pleczuk) #3

Wyśrodkowanie nie zadziałało ;/

A stopka poszła w górę ale trochę za wysoko, a mianowicie poszła nad baner na samej górze (czyt. stopka nałożyła się na baner).


(IcyMat) #4

Nie powinieneś budować w ten sposób strony. Spróbuj skorzystać z http://www.kurshtml.boo.pl/css/szablon.html - tam masz wszystko fajnie i ładnie opisane, a najlepiej zrób to na podanym tam przykładzie :slight_smile:


(Przemek Pleczuk) #5

IcyMat , czyli polecasz np.

skopiować układ dokumentów HTML i CSS, a następnie w CSS podstawić własne wartości, czyli w moim przypadku tylko własną grafikę.

Czy dobrze Cię zrozumiałem?

Dzięki za pomoc :slight_smile:


(IcyMat) #6

Tak - powiem Ci, że ja w taki właśnie sposób się nauczyłem bardzo dużo. Oczywiście dobrze by było gdybyś zrozumiał dlaczego dzieje się tak, a nie inaczej a nie tylko zrobił CTRL+C i CTRL+V :wink:


(Przemek Pleczuk) #7

To dzięki za twoją wskazówkę, a do pomocy mam jeszcze to:

http://helion.pl/ksiazki/htxcsp.htm

Jutro za dnia zacznę się z tym bawić bo już mnie sen woła do łóżeczka xD

P.S. IcyMat , fajną masz stronę :slight_smile:


(Luknet83) #8

Ewidentnie nie miałeś jeszcze za wiele do czynienia z CSS. Niepotrzebnie wszystko pozycjonujesz przez co dochodzą niepotrzebne linie kodu.

To wycentruje ci stronę i ustawi całkowitą szerokość contentu

body {

text-align:center;

margin:0;

}

#Tabela_01 {

text-align:left;

margin:0 auto;

width:1000px;

}

Dalsza część CSS trochę odchudzona.

#baner {

   height:226px;

   background-image: url(images/baner.png);

}


#menu_1 {

   width:225px;

   height:4px;

   background: url(images/menu_1.png) repeat-y;

  float:left;

}


#tresc {

   width:544px;

   background: url(images/tresc.png) repeat-y;

   float:left;

}


#menu_2 {

   width:231px;

   background: url(images/menu_2.png) repeat-y;

   float:left;

}


#stopka {

   clear:both;

   width:1000px;

   height:65px;

   background-image: url(images/stopka.png);

}

Zwróć uwagę to że usunąłem wartości width dla menu_1, menu_2 i treść a także dodałem powtarzanie tła wzdłuż osi Y dzięki czemu wysokość elementów będzie się automatycznie dostosowywać do zawartości.


(Przemek Pleczuk) #9

(Luknet83) #10
  1. W przypadku menu_1 wygląda mi to na brak grafiki tła

  2. Nie jestem pewien jak pociąłeś grafikę ale domyślam się że grafiki tła dla tych bloków to paski o wysokości 4px nie mają jednolitego koloru wzdłuż osi Y wytnij jeszcze raz te fragmenty grafiki jako paski o wysokości 1px a wszystko się ładnie wygładzi i ujednolici

PS. Warto abyś zmienił kodowanie znaków obsługujące polskie znaki ISO-8859-2 lub UTF-8