Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Nowy w CSS,dodawanie obrazka na background image Pomocy - Wersja do druku

+- 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: Nowy w CSS,dodawanie obrazka na background image Pomocy (/thread-nowy-w-css-dodawanie-obrazka-na-background-image-pomocy)



Nowy w CSS,dodawanie obrazka na background image Pomocy - kochanie3376 - 02-10-2011

Witam jestem zielony na razie w css,dopiero zacząłem (Dwie godziny temu xD) i robię tak ,chcę aby obrazek był tłem w tym wypadku mam w stylu takie coś :

Kod:
body {
      background-image: url("bg-1.jpg");

       }

Mam obrazek jako tło OK,ale teraz chcę dodać jakiś obrazek na to tło więc zrobiłem tak samo jak wyżej tyle że zmieniłem jedynie selektor i wygląda to tak :

Kod:
body {
      background-image: url("bg-1.jpg");
                  
     }


body {
      obrazek-image: url("menu.png");
          obrazek-repeat: no-repeat;
          obrazek-attachment: fixed;
          obrazek-position: 450px 0px
        
     }

Lecz ten obrazek menu.png się nie ukazał jest jedynie tylko tło :/

nie rozumiem co jest nie tak może ktoś pomóc?,i jeszcze mam problem bo nie wiem jak się dodaje przyciski w CSS ,jest jeden plus iż wiem jak zablokować obrazek i jak go umieścić w danym miejscu na stronie ^^,z góry dziękuję!!.


RE: Nowy w CSS,dodawanie obrazka na background image Pomocy - Kartofelek - 02-10-2011

<facepalm>
Kod:
obrazek-image: url("menu.png");
obrazek-repeat: no-repeat;
          obrazek-attachment: fixed;
          obrazek-position: 450px 0px
babcia nie obrazek...

poza tym poczytaj sobie w google CSS3 background. Bo tak jak ty to robisz to nie za bardzo można. CSS3 daje możliwość ustawienia kilku backgroundów na 1 element, ale w CSS2 nie ma tak.
Poza tym twoje podejście jest błędne. To element ul powinien mieć swoje tło menu, a nie body. LOGIKA!
Smile


RE: Nowy w CSS,dodawanie obrazka na background image Pomocy - kochanie3376 - 02-10-2011

(02-10-2011, 14:35)Kartofelek napisał(a): <facepalm>
Kod:
obrazek-image: url("menu.png");
obrazek-repeat: no-repeat;
          obrazek-attachment: fixed;
          obrazek-position: 450px 0px
babcia nie obrazek...

poza tym poczytaj sobie w google CSS3 background. Bo tak jak ty to robisz to nie za bardzo można. CSS3 daje możliwość ustawienia kilku backgroundów na 1 element, ale w CSS2 nie ma tak.
Poza tym twoje podejście jest błędne. To element ul powinien mieć swoje tło menu, a nie body. LOGIKA!
Smile

Czyli jak powinien wyglądać ten kod : P

EDIT :
Kod:
body {
margin: 0;
padding: 0;
background: black url(bg-1.jpg) 0px 0px no-repeat fixed; }

div {
margin: 0;
padding: 0;
border: 1px solid silver;
position: absolute; }

div#w01, div#w02, div#w03 {
top: 5px;
background: #848484 url(menu.png) 128px 5px no-repeat fixed; }

div#w01 {
left: 128px;
width: 200px;
height: 200px;
/* usunięto : background-color: silver; *
z-index: 1;}

div#w02 {
right: 128px;
width: 200px;
height: 200px;
/* usunięto : background-color: silver;
z-index: 2;}

div#w03, div#w04 {
left: 338px;
right: 338px;
height: 20px;
background: #848484 url(menu.png) 128px 5px no-repeat fixed;
z-index: 3;
min-width: 200px;}

div#w04 {
top: 185px;
z-index: 4;}

div#banner {
top: 35px;
left: 138px;
right: 138px;
height: 140px;
background: transparent url(menu.png) 128px 5px no-repeat fixed;
z-index: 10;}

div#menu {
top: 215px;
left: 128px;
width: 200px;
background: #c8c8c8 url(menu.png) 128px 5px no-repeat fixed;
z-index: 15; }

div#tresc {
positon: static;
margin: 215px 128px 0 338px;
background: #c8c8c8 url(menu.png) 128px 5px no-repeat fixed;
z-index: 25;
min-width: 550px; }

To też nie działa


RE: Nowy w CSS,dodawanie obrazka na background image Pomocy - Kartofelek - 02-10-2011

background-image
a nie
obrazek-image

Co to w ogole za komenda obrazek-image?
Już ci pisałem - lepiej użyj
babcia-image:

Zadziała tak samo jak twój kod Smile


RE: Nowy w CSS,dodawanie obrazka na background image Pomocy - kochanie3376 - 02-10-2011

Jak dam w tym moim kodzie z pierwszego postu background to i tak nie działa chyba że wrzucę to do Diva to widać trochę obrazka : P ale nie cały


RE: Nowy w CSS,dodawanie obrazka na background image Pomocy - Damian19 - 03-10-2011

Dajesz masz z tym problem czy już sobie poradziłeś ??
Dalej masz z tym problem czy już sobie poradziłeś ??*


RE: Nowy w CSS,dodawanie obrazka na background image Pomocy - hieroshima - 06-10-2011

widać tyle obrazka ile zajmuje div... daj mu szerokość i wysokość a zobaczysz cały obrazek...