Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

css i divy - obrazek jako tło - jak?

#1
Ściana  css i divy - obrazek jako tło - jak?
Witam,
mam taki problem. Otóż zrobiłem swój pierwszy projekt w Photoshopie. Z tutoriali chciałem nauczyć się kodowania strony. Jedyne co udało mi się osiągnąć to pociąć projekt na plasterki i zapisać go do html'a, gdzie plasterki są wywoływane z polecenia "id" w div'ach.
Tutaj jest mój projekt dla naszej pizzerii, przedstawione ramki obrazują, w jaki sposób pociąłem projekt. Jedyna różnica jest taka, że menu, treści strony po środku i stopki nie widać, ponieważ chciałem zrobić to w stylach css i html'u.
http://imageshack.us/photo/my-images/171/stronav.jpg/

- pierwszy div jest w porządku, oto kod html i css:
Kod:
<div id="logo"><img id="logo" src="images/logo.jpg" width="1024" height="299" alt=""></div>
pokazuje logo strony, a jego styl to:
Kod:
#logo {
margin:0 auto;
width:1024px;
height:317px;
}

jednak teraz plasterek pod tym logiem, czyli 'menu' już nie może być tak wywołany. Chciałbym, żeby był w tle tego div'a, ponieważ na nim umieszczę menu, które wygląda tak jak na obrazku powyżej.
To samo dotyczy treści strony tam, gdzie napisałem 'tu jest treść strony i animacja'.

Pomożecie mi? Jak należy to prawidłowo zrobić?
Z góry dzięki i pozdrawiam Wesoły
 System operacyjny: windows_seven Przeglądarka: chrome
#2
RE: css i divy - obrazek jako tło - jak?
Kod:
#logo {
background-image: url('images/logo.jpg') no-repeat;
margin:0 auto;
width:1024px;
height:317px;
}

tylko w ten sposób nie wstawisz "alta".
Tworzę strony www.
 System operacyjny: windows_seven Przeglądarka: chrome
#3
RE: css i divy - obrazek jako tło - jak?
http://www.kurshtml.edu.pl/ - tu masz kurs htmla
W dzisiejszych czasach nie robi się stron na obrazkach, więc najlepsze rozwiązanie to poprawna nauka htmla Wesoły - obrazki osobno, tekst osobno

Nie masz na to sił, zleć profesjonaliście Wesoły
 System operacyjny: windows_seven Przeglądarka: firefox
#4
RE: css i divy - obrazek jako tło - jak?
Prysiu, nie działa Smutek
 System operacyjny: windows_seven Przeglądarka: chrome
#5
RE: css i divy - obrazek jako tło - jak?
To daj zamiast apostrofów cudzysłowyOczko
Tworzę strony www.
 System operacyjny: windows_seven Przeglądarka: chrome
#6
RE: css i divy - obrazek jako tło - jak?
Nie, nie działa. Nie tędy droga Wesoły
Problem rozwiązany temat do zamknięcia, albo najlepiej do kosza :D
Dzięki i pozdrawiam chłopaki.
 System operacyjny: windows_seven Przeglądarka: chrome
Programy: Polecane / Nowe / Inne



Użytkownicy forum szukali:
zdjęcie tło divadiv obrazek jako tłodiv jako tłocss+obrazek+na+tlecss zdjęcie jako tło css rysunek tłacss obrazek logocss obrazek jako tłocss obraz jako tłocss logo w tle

Podobne wątki (css i divy - obrazek jako tło - jak?)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Ściana HTML5, CSS, Jak ustawić logo strony ze zdjecia jootiii 1 1525 10.06.2018, 14:40
Ostatni post: raxer
  Pytanie - 12 lat html,css ivall 1 5449 21.10.2017, 22:40
Ostatni post: Ajgor
  CSS nie wczytuje się prawidłowo Ahmi 4 6381 20.06.2017, 17:45
Ostatni post: insanebear

Skocz do:


Wybrane wątki (css i divy - obrazek jako tło - jak?)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Powstał nowy CMS na bazie WordPress radekhetero 0 1884 23.07.2019 20:53
Ostatni post: radekhetero
  Upload pliku na serwer i do bazy danych mati514 3 3817 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 4848 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 5315 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 10309 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 20957 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 10982 10.02.2019 13:18
Ostatni post: Ajgor
  HTML a Wordpress Majki_77 3 10030 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 5224 08.02.2019 17:16
Ostatni post: xCart
  Jak ustawić tekst na środku ekranu buzek1 4 2896 08.02.2019 17:07
Ostatni post: xCart
Ściana Problem a zaktualizacją Joomla 3.6.5 do 3.8.8 CREATIVE_ 14 20760 13.01.2019 06:00
Ostatni post: CREATIVE_
  Xampp i CMS Made Simple Echelon 1 6304 07.12.2018 14:35
Ostatni post: raxer
  Problem z certyfikatem na sslforfree.com gentleman 2 7522 11.10.2018 17:09
Ostatni post: Michu_PL
  Generator kodów kreskowych Yanke$ 0 7903 16.09.2018 12:02
Ostatni post: Yanke$
  skalowanie elementów do wielkości ekranu szakal87 1 8176 11.09.2018 05:36
Ostatni post: Michu_PL