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;

  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. }


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?

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

  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. }


Zamieniam to na

  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. }


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

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

 



RSS Wersja Lo-Fi Aktualny czas: 3.05.2025 - 04:11