Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] Nakładanie tła na tło?
#1
Question 
Witam napotkałem małą przeszkodę podczas tworzenia swojej strony , mianowicie zastanawiam się jak zrobić takie coś :


Teraz pokrótce opiszę o co mi chodzi. Otóż chodzi o to że chciałbym zrobić stronę w której 'urywki' tła będą jedynie widoczne przy lewej stronie i prawej. W środku ma być biały prostokąt w którym będzie treść , menu itd.

I teraz pytanie jak to zrobić? Znam oczywiście model pudełka divów ale jednak napotkałem ten problem i nie mogę go rozwiązać. Liczę na waszą pomoc Wink

Jednocześnie witam wszystkich ponieważ to jest mój 1 post Wink

Gdyby to jednak był zły dział , proszę o przeniesienie.


Załączone pliki
.jpg   stronakurs.JPG (Rozmiar: 233.42 KB / Pobrań: 10)
Odpowiedz
#2
Normalnie. Dla body ustawiasz tło, które będzie na całą stronę, a w środku wstawiasz DIV'a któremu nadajesz background-color:#ffffff;
Odpowiedz
#3
Odpowiedz
#4
Co tu panowie dużo mówić , o to właśnie mi chodziło. Aż dziw że na to nie wpadłem. No nic wielkie dzięki Smile

A czy to się wiąże z tym?

http://hubert.tulibacki.pl/artykuly/strona-zawsze-na-srodku
Odpowiedz
#5
Tak, z wyśrodkowaniem w poziomie
Odpowiedz
#6
Jak mogę sprawić że strona będzie maksymalnie pokryta i z góry i z dołu? Bo gdy nie zwiększam szerokości ,a zwiększam wysokość to strona idzie w dół , a na górze ciągle zostaje miejsce.
Odpowiedz
#7
zresetuj marginesy dla body:
Kod:
body {margin:0; padding:0;}
Odpowiedz
#8
Hmm coś nic się nie dzieje.

Mógłbyś zobaczyć co ja tutaj porobiłem? W CSS operuje niedawno i niestety posługuję się metodą prób i błędów.

www.cs-blood.xaa.pl/css/styl.css taka stara strona do testów,
Odpowiedz
#9
Kiepskie podejście, ale jeśli sie uprzeć to proszę bardzo...

Kod:
body {
margin:0;
padding:0;

background: #222 url(../images/bg.jpg)
  
}

#container {
    width: 950px;
    height: 100%;
    background-color: #3399cc;
position: absolute;
    left: 50%;
    top:0;
    margin-left: -475px;
}

#container p {
    
    padding: 10px 20px;
    font: 12px/1.5em Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
Odpowiedz
#10
Wiem wiem , to tylko tak narazie. Najpierw kurs potem webmastering także narazie sobie ćwiczę.

Dziękuje brakowało mi tych procentów , stale zwiększałem wysokość bo myślałem że coś z tego wyjdzie teraz już wiem o co chodzi. Wielkie wielkie dzięki Smile
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl