Zaloguj się

Haden · 07-02-2010, 00:50

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

razorskate · 07-02-2010, 01:43

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 Wink

Jeśli nie zadziała, daj kod html i CSS, a na pewno pomożemy ;]
Pozdrawiam, Mikołaj Wink

Haden · (Ten post był ostatnio modyfikowany: 07-02-2010, 04:24 przez Haden.)

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>

razorskate · 07-02-2010, 02:34

Całego CSS nie oglądałem, ale patrząc po fragmencie dotyczącym stopki, tak powinno być Wink

. Tylko w HTML musisz zamknąć diva o id footer ;p.
Dodaj to do html, i powinno działać. Jak nie, to coś zmienimy ;p

Haden · 07-02-2010, 03:17

No niestety div zamknięty a itak nie widać : [

**Labsta.com** · 07-02-2010, 04:10

Na początek popraw ten html do takiej postaci, że przejdzie przez walidację m.in brak podstawowych znaczników, pozamykaj divy.

Haden · 07-02-2010, 04:16

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ć

**Labsta.com** · 07-02-2010, 04:22

No ale i tak masz otwarte <div id="top"><div id="wrapper"><div id="footer">

Haden · 07-02-2010, 04:24

Zmieniłem tu i u siebie.

**Labsta.com** · (Ten post był ostatnio modyfikowany: 07-02-2010, 04:42 przez Labsta.com.)

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.

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