+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Pomoc przy tłach (/thread-pomoc-przy-tlach)
Strony:
1
2
Pomoc przy tłach - erfix - 08-09-2012
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
Ps. Niestety nawet czarny kolor nie jest na całe pole tylko do jakiegoś momentu i później tylko biel ;/
RE: Pomoc przy tłach - Kartofelek - 08-09-2012
1)
Kod:
<div class="menu"; >2)
Kod:
body {
margin:0;
padding:0;
height:100%;
}3)
Kod:
.menu {background-color:red;
height:50px;
width:100%;}4) background-color na background:url(......plik.....) no-repeat;
RE: Pomoc przy tłach - erfix - 08-09-2012
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
RE: Pomoc przy tłach - erfix - 08-09-2012
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 ;/
RE: Pomoc przy tłach - erfix - 08-09-2012
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.
RE: Pomoc przy tłach - erfix - 09-09-2012
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 ?
RE: Pomoc przy tłach - erfix - 09-09-2012
Zaglądać umiem tylko że nic mi to nie mówi bo się na tym nie znam??
RE: Pomoc przy tłach - erfix - 09-09-2012
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.