Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Closed TopicStart new topic
> [css] 2 tła
Jarod
post
Post #1





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Mam taki problem. W kodzie css mam do znacznika body przypisany plik gif z tłem. Na to tło chciałbym nałożyć pasek i powielić go w poziomie.

Kod css:
Kod
body {
      background-image: url(background.gif);
      background-repeat: repeat-x;
      background-attachment: fixed;
}

.pasekglowny {
      background-image: url(pasek.gif);  

}


i pisze coś takiego:
[HTML] pobierz, plaintext 
  1. <div class="pasekglowny">
  2. </div>
[HTML] pobierz, plaintext


I ten pasek się pojawia ale jak wpisze tekst w div'iei tylko jako tło tekstu. A na tym pasku nie chce mieć żadnego tekstu, bo to ma być ozdoba strony.
Mógłbym dać między divem kilka znaczników </br> ale to nie jest eleganckie moim zdaniem.

Więc przy pomocy innych udało się zrobić coś takiego

Kod
.pasekglowny {
       background-image: url(pasek.gif);
       width: 100%; // warstwa bedzie zajmowac 100% szerokosci w przegladarce
       height: 50px; // i 50 px wysokosci
}


Ale jak zrobię coś takiego to widać, że obrazek jest dokładany. Widać granice połączeń - brzydko to wygląda..

Czy jedynym wyjściem jest wycięcie całego obrazka? (ale wtedy automatycznie plik więcej waży) :/


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
nie musisz w tytule pisac [css]. ale musisz dawac to wlasciwego dzialu, a u nas jest wlasnie dzial css. przenosze


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
Jarod
post
Post #3





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Cytat(nospor @ 2006-02-24 12:38:05)
nie musisz w tytule pisac [css]. ale musisz dawac to wlasciwego dzialu, a u nas jest wlasnie dzial css. przenosze

Rozumiem. Problem jest nadal :/


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
Kill3R
post
Post #4





Grupa: Zarejestrowani
Postów: 109
Pomógł: 0
Dołączył: 10.06.2003
Skąd: Tarnobrzeg/Poznań

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

hmm nie wiem czy dobrze rozumiem ale moze cos takiego Ci pomoze

[HTML] pobierz, plaintext 
  1. html {
  2.   background-image: url(background.gif);
  3.   background-repeat: repeat-x;
  4.   background-attachment: fixed;
  5. }
  6.  
  7. body {
  8.   background-image: url(pasek.gif) 50% 50% no-repeat;  
  9.  
  10. }
[HTML] pobierz, plaintext


oczywiscie ustawic sobie polozenie tego tla wzgledem własnych potrzeb

Pozdrawiam Rafał


--------------------
"Umysł ludzki robi tak wielkie postępy, że człowiek za nim nie nadąża"
katalog www
Go to the top of the page
+Quote Post
Jarod
post
Post #5





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Cytat(Kill3R @ 2006-02-24 21:01:45)
hmm nie wiem czy dobrze rozumiem ale moze cos takiego Ci pomoze

Niestety to nie to.

Kod css:

Kod
#kontener {
      margin: 0 11%;
      padding: 0;
      background-image: url(../layout/tlo.gif);
      background-repeat: repeat-x;
      background-attachment: fixed;
}

#belka {  
    margin: 0;
      background-image: url(../layout/belka.gif);  
      width: 100%;
      height: 131px;
}


Kod HTML:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  3.  
  4.    <head> 
  5.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  6.       <meta http-equiv="Content-language" content="pl" />
  7.  
  8. 	  <title></title>
  9.  
  10. <!-- dołączenie styli głównych -->	  
  11. 	  <link rel="stylesheet" href="css/glowny.css" type="text/css" />
  12.    </head>
  13.  
  14.    <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
  15.  
  16.       <div id="kontener">
  17.  
  18.          <p>test, test </br></p>
  19.  
  20.               <div id="belka">
  21. 	      </div>
  22.          <p>test, test </br></p>       
  23.        </div>
  24.  
  25.    </body>
  26. </html>
[HTML] pobierz, plaintext


belka.gif

A tak strona wygląda


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Closed 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 Aktualny czas: 19.08.2025 - 12:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn