Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]background-image skalowalny
kbilski
post 14.10.2010, 15:24:38
Post #1





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 16.04.2010

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

Witam

Mam problem z szablonem, ustawiłem tło w postaci .jpg i chciałbym aby automatycznie skalował się do różnych rozdzielczości.
Jednak gdy ustawie % (czyli automat) to zostaje mi na dole biały pasek. Nie jest to żaden moduł, nie moge tego namierzyc mozillą..


Może ktoś zna rozwiązanie?

Za tło odpowiada;

[PHP] pobierz, plaintext 
  1. #body_background_up_inner {
  2. float: left;
  3.     position: relative;
  4.     margin: 0px;
  5.     padding: 0px;
  6.     width: 100%;
  7.     height: 100%;
  8.     clear: left;
  9. background:#080607 url(../images/bg.jpg) no-repeat;
  10. background-attachment: fixed;
  11. }
[PHP] pobierz, plaintext


Link do strony http://www.calodoboweczyszczenie.vel.pl/

Ten post edytował kbilski 14.10.2010, 15:33:20
Go to the top of the page
+Quote Post
drivexov
post 14.10.2010, 15:33:42
Post #2





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 14.10.2010

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

No więc spróbuj całą stronę przystosowac do roznych rozdzielczosci ekranu.

W index.html dodaj:
Cytat
<div id="pozycja">
reszta strony
</div>


A w CSS:
Cytat
#pozycja {
position: relative;
}

Natomiast tło to normalnie kodem
Cytat
background-image: url(images/tlo.png); background-repeat:no-repeat;

Ja zawsze tak robie i wszystko działa.
Mam nadzieję, że pomoglem smile.gif

Ten post edytował drivexov 14.10.2010, 15:37:56
Go to the top of the page
+Quote Post
erix
post 14.10.2010, 15:45:16
Post #3





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
background-image nie pozwala na skalowanie. Jedynie, gdy ustawisz jakiś dokument SVG jako tło, ale działa to wyłącznie w Operze.


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
kbilski
post 14.10.2010, 17:41:03
Post #4





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 16.04.2010

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

Ten szablon był zautomatyzowany i umożliwiał zmianę tła z panelu administratora. Wymusiłem background i teraz mam pytanie "pozycja" to który div w tym przypadku?

[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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language ?>" dir="<?php echo $this->direction; ?>">
  3. <head>
  4. <jdoc:include type="head" />
  5. <?php
  6. // no direct access
  7. defined('_JEXEC') or die('Restricted access');
  8. JHTML::_('behavior.mootools');
  9. JHTML::_('behavior.tooltip');
  10. include_once ('wrapper/css.php');
  11. include_once ('css/template_css.php');
  12. ?>
  13. </head>
  14. <body>
  15. <?php if(($this->params->get('bg_con_list') =='con1') && ($this->params->get('bg_con') =='1')) : ?>
  16.     <div id="body_background">
  17.         <div id="body_background_down"> 
  18.             <div id="body_background_down_inner"></div>
  19.         </div>
  20.         <div id="body_background_up"> 
  21.             <div id="body_background_up_inner">
  22. <?php endif; ?>
  23.                 <div id="body_outer">
  24.                     <div id="body_inner">
  25.                         <?php include_once ('wrapper/header.php'); ?>
  26.                         <div id="content">
  27.  
  28.  
  29.                             <?php include_once ('wrapper/left.php'); ?>
  30.                             <div id="component_outer">
  31.                                 <?php 
  32.                                     if($this->params->get('slide') == 'change'){
  33.                                         $itemid = JRequest::getVar( 'Itemid', 0 );
  34.                                         $slide_change = $this->params->get('slide_change');    
  35.                                             if (is_array( $slide_change )) {            
  36.                                                 if (in_array($itemid,$slide_change) == $itemid){
  37.                                                     include ('wrapper/slideshow.php'); 
  38.                                                 }    
  39.                                             } else {    
  40.                                                 $slideshow_single = $slide_change;    
  41.                                                 if (($slideshow_single) == $itemid){
  42.                                                     include ('wrapper/slideshow.php'); 
  43.                                                 }
  44.                                             } 
  45.                                     }    
  46.                                     elseif($this->params->get('slide') == 'show'){
  47.                                         include ('wrapper/slideshow.php'); 
  48.                                     }
  49.                                 ?> 
  50.                                 <div id="component">
  51.                                     <?php 
  52.                                         if($this->params->get('component') == 'change'){
  53.                                             $itemid = JRequest::getVar( 'Itemid', 0 );
  54.                                             $component_change = $this->params->get('component_change');    
  55.                                                 if (is_array( $component_change )) {            
  56.                                                     if (in_array($itemid,$component_change) != $itemid){
  57.                                                         echo '<jdoc:include type="message" />
  58.                                                         <jdoc:include type="component" />'; 
  59.                                                     }    
  60.                                                 } else {    
  61.                                                     $component_single = $component_change;    
  62.                                                     if (($component_single) != $itemid){
  63.                                                         echo '<jdoc:include type="message" />
  64.                                                         <jdoc:include type="component" />'; 
  65.                                                     }
  66.                                                 } 
  67.                                         }    
  68.                                         elseif($this->params->get('component') == 'show'){
  69.                                             echo '<jdoc:include type="message" />
  70.                                             <jdoc:include type="component" />';
  71.                                         }
  72.                                     ?> 
  73.                                 </div>
  74.                             </div>
  75.                         </div>
  76.                     </div
  77.                     <?php include_once ('wrapper/bottom.php'); ?>
  78.                 </div>
  79. <?php if(($this->params->get('bg_con_list') =='con1') && ($this->params->get('bg_con') =='1')) : ?>
  80.             </div>
  81.         </div>
  82.     </div>
  83. <?php endif; ?>
  84. </body>
  85. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
drivexov
post 14.10.2010, 17:54:22
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 14.10.2010

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

Pozycja to ma być pierwszy DIV, w którym będzie się znajdowała cała reszta strony w tym też wszystkich innych divów.

Cytat
<div id="pozycja">
Tu cała reszta strony
</div>

Rozumiesz?
Go to the top of the page
+Quote Post
kbilski
post 14.10.2010, 19:04:40
Post #6





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 16.04.2010

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

tak, krok pierwszy i drugi zastosowałem..chciałem się tylko upewnić, natiomiast sama pozycje background w css zostawiłem bez zmian lub zostawiłem sama linijkę z url.
Niestety żadnych zmian nie odnotowałem.

generalnie jak wywalę pozycje z css odpowiedzialną za tło, to znika obrazek z falą ale pojawia się stare tło strony, myślę ze szablon coś tu mota...
Go to the top of the page
+Quote Post
drivexov
post 14.10.2010, 19:35:17
Post #7





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 14.10.2010

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

Ja w takim razie nie rozumie, co ty chcesz zrobić. Mógłbyś napisać troszkę jaśniej?
Go to the top of the page
+Quote Post
kbilski
post 15.10.2010, 13:33:49
Post #8





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 16.04.2010

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

Tłumacze na spokojnie:

Z panelu administratora wybieram kontur i wtedy pięknie to działa na całej stronie i się skaluje, jest z parametrem repeat-x.



Odpowiada za to fragment kodu css

[PHP] pobierz, plaintext 
  1. #body_background_down_inner {
  2. 	float: left;
  3. 	position:relative;
  4. 	margin: 0px;
  5. 	padding: 0px;
  6. 	width: 100%;
  7. 	height: 450px;
  8. 	background: url(../images/cons/con1.png) repeat-x; 
  9. 	clear: left;
  10. }
[PHP] pobierz, plaintext


Zamieniam to na 

[PHP] pobierz, plaintext 
  1. #body_background_down_inner {
  2. 	float: left;
  3. 	position:relative;
  4. 	margin: 0px;
  5. 	padding: 0px;
  6. 	width: 100%;
  7. 	height: 100%;
  8. 	background: url(../images/bg.jpg) no-repeat; 
  9. 	clear: left;
  10. }
[PHP] pobierz, plaintext


Efekt widać na stronie http://www.calodoboweczyszczenie.vel.pl/

Ten post edytował kbilski 15.10.2010, 13:34:51
Go to the top of the page
+Quote Post
drivexov
post 15.10.2010, 14:21:42
Post #9





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 14.10.2010

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

Jakoś dziwnie masz ten szablon.
Spróbuj dodać position: relative w miejscu, które w CSS odpowiada za menu o ile takie masz. Jeżeli nie, to polecam zapoznać się z kurshtml.boo.pl smile.gif Mnie pomogło.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 23.05.2025 - 09:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn