Autor Zpráva
kolmen
Profil *
Cau,

jak mam vyresit 2 pozadi na webu tak, aby se zobrazila?
Jedno je formou vzorku, ktere se opakuje a druhe je v horni casti napevno. Ale kdyz to mam tak jako viz. nize, tak se mi zobrazi jen jedno. Diky!

body {
    font-family : Verdana, Tahoma, Helvetica, Arial, Geneva, sans-serif;
    padding: 0px;
    margin : 0px;
    font-size: 12px;
       
        background-image: url(design/bg.png);
        background-repeat : no-repeat;
  
        background-image: url(design/vzorek.png);
    background-repeat : repeat;
        background-position : top ;
        
        background-color: #ececec;
    text-align : center;    
    color: #666668;
}
jenikkozak
Profil
kolmen:
Druhé pozadí přiřaď prvku, který se bude nacházet v horním rohu - nemáš tam třeba záhlaví webu nebo něco podobného?
Taurus
Profil
Pokud nechceš využít div, dá se využít ještě např. html (stejně jako body).
kolmen
Profil *
Zkoušel jsem jedno dát do html a druhé do body a vždy se mi zobrazí jen jeden z nich.

jenikkozak:
přidat prvku? třeba div? zkoušel jsem to dávat do divu, ale už to mám tak nastylované, že to je vždy na úkor něčeho :(

<div id="all">

  <div id="top"> 
    
      <a id="logo" href="" title="Montáž LPG Kroměříž - LPG TRUMF"><span class="nocss">LPG Trumf Kroměříž</span></a>
  </div>
  <div id="all2">
    <div id="all3">
    
        <div id="left">
          <div id="left2">
          
      <div id="menu-x"> 
        <div id="navigation">
          <div id="buttons">
          
          
                <ul>
            
   
          <li><a class='active' href=''>O nás</a></li>         
          <li><a href=''>Služby</a></li>                                                                    
          <li><a href=''>Reference</a></li>      
          <li><a href=''>Kontakt</a></li>   
      
      
          <div style="border-bottom:2px solid #ececec;"></div>   
          <div style="border-bottom:9px solid #ececec;"></div>                                    
                </ul>
                
            </div> 
        </div>
          </div>
              
     
          
          <div class="clearer"></div>
              

          </div>

        </div>  
Taurus
Profil
kolmen:
A měl jsi to ve správném pořadí? V html opakující se obrázek a v body pevný? Záleží na tom.
kolmen
Profil *
vyřešil jsem to takto:
.header-out {
  width: 100%;
  margin:0px auto;
  position:relative;    
}

.header-in {
  display: block;
  top: 0px;  
  height: 245px;   
  width: 100%;
  background-image: url(design/bg.png);
    background-repeat : no-repeat;
    background-position : top ;
  position:absolute;    
}
peta
Profil
kolmen:
2 pozadi, 2 prvky. Leda mozna v css3 to myslim jde jinak. Zrovna s html tagem jsem mel kdysi jakysi problem, ze ho nejaky prohlizec ignoroval. Mozna kvuli doctype. Takze to resim tak, ze mam pomocne tagy. site0, 1 vyuzivam pro centrovani stranky.
<body>
  <div class="site0">
    <div class="site1">
Nebo
<style>
  .site>div {...} /* coz zase starsi prohlizece neznaji*/
</style>
<body>
  <div class="site">
    <div>
Pripadne muzes zkusit :after :before. Ale s tim jsem mel myslim tez problem v jakemsi prohlizeci, ze to prekryvalo nahore a neslo ani z-indexem podsunout pod text.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: