Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Podział na komórki(?)
Forum PHP.pl > Forum > Przedszkole
Anonim$$
Więc chciałbym aby moja strona wyglądała tak:




Jaskrawo-zielony: tło.

Chce aby w tej każdej komórce było co innego, tak jak jest opisane na obrazku.
b4x
Przykład:

  1.  
  2. body { background: #000; }
  3.  
  4. div#site { width: 800px; margin: 0 auto; }
  5.  
  6. div#logo { height: 100px;background: #fff; margin-bottom: 20px; }
  7.  
  8. div#lewe { float: left; width: 200px; background: #fff; }
  9.  
  10. div#tresc { float: right; width: 550px; background: #fff;}
  11.  
  12.  
  13. <div id="site">
  14.  
  15. <div id="logo">logo</div>
  16.  
  17. <div id="lewe">lewe</div>
  18.  
  19. <div id="tresc">tresc</div>
  20.  
  21. </div>
Anonim$$
A jakbym chciał w zaznaczonym div'ie:

  1. <div id="logo">logo</div>



Wstawić tło tej "komórki"?
b4x
Operujesz na stylach.

Masz:
  1. div#logo { height: 100px;background: #fff; margin-bottom: 20px; }


height = wysokość
background = tło (masz #fff - czyli białe, jeśli chcesz aby tłem był np. obrazek to background: url('adres_obrazka.jpg'); )
margin-bottom = odstęp w dół.

Poczytaj trochę o CSS'ie. (http://www.kurshtml.boo.pl/css/tlo.html)
Anonim$$
A jeszcze jeśli chodzi o wstawianie obrazka w taką "komórkę".
Jeśli wstawiam je tak, od razu z linkiem:
  1. <a href="index.html"><img BORDER="0" src="home.png"></a>
  2. <a href="index.html"><img BORDER="0" src="kontakt.png"></a>


To między nimi robi mi się lekki odstęp, jak go usunąć?
b4x
Wrzuć do css'a.

img { padding:0; margin: 0; }

Powinno pomóc.
Anonim$$
Tak ma być?:
  1. div#header_menu { img { padding:0; margin: 0; } height: 35px; background: #000000; }
b4x
Nie, nie.

  1. div#header_menu { height: 35px; background: #000000; }
  2. div#header_menu img { padding:0; margin: 0; }
Anonim$$
Niestety to samo.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.