+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Obraz na obrazie [stopce] (/thread-obraz-na-obrazie-stopce)
Strony:
1
2
Obraz na obrazie [stopce] - Haden - 07-02-2010
Witam
Robie swój pierwszy szablon z własnym .css. Wszystko poszło łatwo ale mam taki problem. Chce umieścić obrazek na "stopce" lecz jakoś mi to nie wychodzi jest albo nad nią albo pod albo wogóle niewidać. Na tym obrazku [na stopce]
chce umieścić treść.
Zależy mi również aby połączyć stopke i ten obrazek, aby podczas zwiększanie treści na stronie nie uciekały gdzieś.
Pozdrawiam
RE: Obraz na obrazie [stopce] - razorskate - 07-02-2010
No to w CSS do diva ze stopką dajesz:
Kod:
backgorund-image:url(ścieżka do pliku) no-repeat;Pamiętaj że, na stopce musi być treść, żeby w ogóle widać było tło
Jeśli nie zadziała, daj kod html i CSS, a na pewno pomożemy ;]
Pozdrawiam, Mikołaj
RE: Obraz na obrazie [stopce] - Haden - 07-02-2010
To powinno wyglądać tak jak w kodzie ?
Kod:
div#footer {
width: 1000px;
height: 372px;
clear: both;
color: #333;
background: url(images/stopka.jpg);
}
div#footer blox {
width: 400px;
height: 372px;
background: url(images/bg.jpg) no-repeat;
position: relative;
}Tutaj cały kod .css < --- .css nie jest dokończony jakby co, HTML też.
Kod:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #111111;
width: 1000px;
margin: 0 auto;
}
#top {
background: url(images/bg1.jpg) repeat-x;
margin: 0 auto;
width: 1000px;
}
p {
padding: 10px;
}
#wrapper {
margin: 0 auto;
width: 1000px;
}
#content {
float: left;
color: #333;
background: ;
height: 350px;
width: 1000px;
display: inline;
}
#navigation {
float: left;
width: 1000px;
height: 95px;
color: #333;
background: url(images/menu.png) center no-repeat;
}
#header {
color: #333;
width: 1000px;
float: left;
height: 75px;
background: #6B6659;
}
div#footer {
width: 1000px;
height: 372px;
clear: both;
color: #333;
background: url(images/stopka.jpg);
}
div#footer blox {
width: 400px;
height: 372px;
background: url(images/bg.jpg) no-repeat;
position: relative;
}A tutaj HTML
Kod:
<body>
<div id="top"></div>
<div id="wrapper"></div>
<div id="navigation">
<p>Menu</p>
</div>
<div id="header">
Header </div>
<div id="content">
Text
</div>
<div id="footer"> </div>
</body>RE: Obraz na obrazie [stopce] - razorskate - 07-02-2010
Całego CSS nie oglądałem, ale patrząc po fragmencie dotyczącym stopki, tak powinno być
. Tylko w HTML musisz zamknąć diva o id footer ;p. Dodaj to do html, i powinno działać. Jak nie, to coś zmienimy ;p
RE: Obraz na obrazie [stopce] - Haden - 07-02-2010
No niestety div zamknięty a itak nie widać : [
RE: Obraz na obrazie [stopce] - Labsta.com - 07-02-2010
Na początek popraw ten html do takiej postaci, że przejdzie przez walidację m.in brak podstawowych znaczników, pozamykaj divy.
RE: Obraz na obrazie [stopce] - Haden - 07-02-2010
html jest cały ze znacznikami ... tylko tutaj nie dodawałem bo po co ? W html to ja siedze już troche .css normalny szablon też zrobie ino z tym nie moge sobie poradzić
RE: Obraz na obrazie [stopce] - Labsta.com - 07-02-2010
No ale i tak masz otwarte <div id="top"><div id="wrapper"><div id="footer">
RE: Obraz na obrazie [stopce] - Haden - 07-02-2010
Zmieniłem tu i u siebie.
RE: Obraz na obrazie [stopce] - Labsta.com - 07-02-2010
To jeszcze coś, nie ma czegoś takiego jak: div#footer blox. Może też źle działać wpis background: ; w content. Jak możesz to wrzuć to na jakiś serwer, to przeglądnę to Firebugiem.