Zaloguj się

erfix · 08-09-2012, 05:56

Witam.
Piszę stronkę w htm i css bez CMS'a bo będzie ona rzadko aktualizowana.
Chcę by były trzy obrazki jako tła czyli obrazek w tle menu, treści i stopki. U mnie to na razie kolor czerwony (menu), czarny (treści) i niebieski (stopi). Niestety nie wiem jak zastąpić je obrazkami. W folderze strony mam index.html, style.css i folder images z obrazkami.

to zawartość index.html

Kod:
<html>

<head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

    <title>Untitled Document</title>

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

</head>

<body>

      <div class="menu"; >

      </div>

      <div class="center">

      </div>

      <div class="down">

      </div>

</body>

</html>

to zawartość style.css

Kod:
body {

   margin:0;

   padding:0;

   height:100%;

  }

.menu {background-color:red;

     height:50px;

     width:100%;}

.center{

   height:100px;

     width:100%;

     padding-bottom:50px;

     background-color:black;}

.down{background-color:blue;

   position:absolute;

   bottom:0;

   width:100%;

   height:50px;

     }

Co mam gdzie dopisać?
Z góry dzięki Smile

Ps. Niestety nawet czarny kolor nie jest na całe pole tylko do jakiegoś momentu i później tylko biel ;/

**Kartofelek** · (Ten post był ostatnio modyfikowany: 08-09-2012, 15:07 przez Kartofelek.)

1)

Kod:
<div class="menu"; >

- tu nie powinno być średnika
2)

Kod:
body {

   margin:0;

   padding:0;

   height:100%;

  }

bardzo średnie rozwiązanie. Poszukaj w necie css 100% layout

3)

Kod:
.menu {background-color:red;

     height:50px;

     width:100%;}

divy mają domyślnie 100% szerokości

4) background-color na background:url(......plik.....) no-repeat;

erfix · (Ten post był ostatnio modyfikowany: 08-09-2012, 17:49 przez erfix.)

Dzięki.
Usunąłem średnik, body na razie nie zmieniałem. zrobiłem background-color na background:url(......plik.....) no-repeat; ale nic to nie dało;/
próbowałem już tak: (tlo.jpeg) , ("tlo.jpeg"), (.../tlo.jpeg) , (".../tlo.jpeg"), (images/tlo.jpeg) , ("images/tlo.jpeg"), (.../images/tlo.jpeg) , (".../images/tlo.jpeg"). Żadna z tych opcji nie działa ;/.

EDIT
Dobra poradziłem sobie z tymi obrazkami Smile

erfix · 08-09-2012, 18:34

Dobra
z tym sobie już poradziłem. Kolejny problem mam taki że nie wiem jak zrobić wysokość klasy "center". Jak dam 100% to mam 100% ekranu i wychodzi mi pod stopkę jak dam np 90% to nie widać tego pod stopką ale po zmniejszeniu Scrollem rozmiaru strony to widać białe tło bo to 90% ;/ a jak nie podam żadnej wysokości to nic nie ma ;/

erfix · (Ten post był ostatnio modyfikowany: 08-09-2012, 18:54 przez erfix.)

Chce by tło center zawsze dopasowywało się do wielkości stron, czy ktoś ja zwiększy czy zmniejszy to żeby zawsze tło było na cala stronę.

EDIT
Chodzi mi o coś takiego jak tu
[code]http://jestesbogiem.com.pl/[code]

Menu i stopka się zmniejsza a ale główne tło zostaje zawsze takie samo.

erfix · 09-09-2012, 04:01

Słuchaj
jak wciśniesz CRTL i + lub - to stronka się powiększa lub zmniejsza. Tak?
Na stronie http://jestesbogiem.com.pl/ gdy się stosuje powiększenie lub zmniejszenie to działa tylko na menu i stopkę a tlo z aktorami jest ciągle takie samo, no nie? Jak uzyskać taki efekt ?

erfix · 09-09-2012, 16:15

Zaglądać umiem tylko że nic mi to nie mówi bo się na tym nie znam??

erfix · 09-09-2012, 23:34

Nie denerwuje się. Słabo przyswajam teorie, praktykę łapie od razu. Dobra tym się zajmę później bo i tak najprawdopodobniej zmienię trochę początkowe założenie.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie