Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Problem z tłem - html/css
marija12
post 18.04.2012, 01:18:40
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 18.04.2012

Ostrzeżenie: (0%)
-----

Witajcie,
z góry przepraszam, jeśli powieliłam temat - niestety nie znalazłam rozwiązania sad.gif Chcę zakodować szablon do aukcji i potrzebuję pomocy. Jestem początkująca w temacie (proszę więc o wyrozumiałość), staram się robić wszystko krok po kroku. Stworzyłam layout w PSie i teraz walczę z jego kodowaniem. Niestety tu zaczynają się schody... Otóż:

Mam obrazek, który chciałabym ustawić jako tło. Chcę by powielał się w pionie zgodnie z przewijaniem strony, a jednocześnie by był rozciągnięty w poziomie (powielanie w poziomie brzydko wygląda). Bazując na różnych "samouczkach" i forach stworzyłam następujący kod:

CODE
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Aukcja Allegro" />
<title>PluszMis - Aukcje Allegro</title>
</head>
<style type="text/css">
#body{
background-color: blue;
background-image: url(E:/DOKUMENTY/Allegro/PluszMis/tekstury/tekstury/jpg/wood10a.jpg);
background-repeat: repeat-y;
background-attachment:scroll;
}
#NAGLOWEK{
background-color: #888;
}
#MENU {
width: 150px;
float: left;
overflow: hidden;
position: relative;
background-color: #ccc;
}
#TRESC {
margin-left: 150px;
background-color: #fff;
}
#STOPKA {
clear: both;
background-color: #888;
}
</style>
<body id="BODY">
<div id="top">
<div id="NAGLOWEK">Nagłówek szablonu</div>
<div id="MENU">Menu nawigacyjne</div>
<div id="TRESC">Treść strony</div>
<div id="STOPKA">Stopka serwisu</div>
</div>
</body>
</html>


oto obrazek tła -> obrazek tła

Niestety tło wyświetla się wyłącznie w formie kolumny z lewej strony. Szukałam po forach odpowiedzi, próbowałam różnych kombinacji, niestety nic nie działa.
Czy moglibyście mi pomóc? Z góry dziękuję i pozdrawiam smile.gif
Go to the top of the page
+Quote Post
Niktoś
post 18.04.2012, 11:12:30
Post #2





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----

Masz coś takiego :
Cytat
<body id="BODY">

Nadałaś tagowi id BODY lecz w ogóle nie musiałaś.W CSSie natomiast piszesz:
Cytat
#body{
wielkości liter także ma znaczenie
}

powinno być:
Cytat
#BODY{

}

albo po prostu nie używając id:
Cytat
body{
}


Ten post edytował Niktoś 18.04.2012, 11:12:52
Go to the top of the page
+Quote Post
marija12
post 18.04.2012, 11:37:42
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 18.04.2012

Ostrzeżenie: (0%)
-----

Hej,
dzięki, że odpisałeś smile.gif

Zmieniłam na #BODY{
Pozostaje jednak pytanie - skoro sugerujesz nie używanie id, w jaki sposób w HTML prawidłowo mam przypisać do BODY styl z CSS?
Go to the top of the page
+Quote Post
Niktoś
post 18.04.2012, 11:50:17
Post #4





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----

Używając body bez '#' i '.' na początku ,będziesz stylizowała tag <body> ,używając input bez '#' i '.' będziesz stylizowała wszystkie tagi <input> na stronie.Bez '#' i '.' stylizujesz tagi.
Już nie będę taki dam przykładzik:
[HTML] pobierz, plaintext 
  1. <input type="text" id="ToID" class="ToKlasa" />
[HTML] pobierz, plaintext

teraz cssy:
[CSS] pobierz, plaintext 
  1. #ToID{
  2. #-oznacza stylizowanie po atrybucie ID
  3. }
  4. .ToKlasa{
  5. .-oznacza stylizowanie po atrybucie class
  6. }
  7. input{
  8. input bez # i .  -będzie stylizować wszystkie tagi <input> ,które są na stronie
  9. }
[CSS] pobierz, plaintext


Ten post edytował Niktoś 18.04.2012, 11:58:40
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 27.06.2025 - 15:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn