Autor Zpráva
ctverecek
Profil
Zdravím, řeším problém s opakováním proužku. Na webu www.proucetnictvi.cz pokud napíšu nějaký delší text tak se opakuje celé pozadí...já však chci aby se opakovala např jen toto: www.proucetnictvi.cz/rpt.gif aby prostě pokračoval ten barevný přechod.
Zápis v CSS:
#hlavnipanel {
width: 636px;
float: right;
margin:0;
padding:0;
background-image: url('./images/hlavni.gif');
}

#hlavnipanel-obsah {
margin:0;
padding: 0.5em 1em;
}
SwimX
Profil
ctverecek
background-image: url('./images/hlavni.gif')
nahraď
background: url('./images/hlavni.gif') no-repeat;
ctverecek
Profil
Jakej je rozdíl mezi BACKGROUND a BACKGROUNG-IMAGE???

A jestli napíšu BACKGROUND-REPEAT: NO-REPEAT nebo pouze BACKGROUNG: url('./images/hlavni.gif') NO-REPEAT; ???

Výborně to jsi mi vyřešil problém s tím, že se neopakuje to pozadí ('./images/hlavni.gif') ale když chci aby se opakoval ten bílý proužek???
SwimX
Profil
ctverecek
BACKGROUND-REPEAT: NO-REPEAT
+
background-image: url('./images/hlavni.gif');

je to samý co
BACKGROUNG: url('./images/hlavni.gif') NO-REPEAT (barva pozice)

tak proč to nevyužít. Jinak je to na tobě :)

nevím kde se má opakovat ten proužek, ale zkusi background: url() repeat-x;
ctverecek
Profil
Jukni se na www.proucetnictvi.cz jak končí ten text obsahu "Těším se na spolupráci s Vámi" tak dál pod to už se doplní barva pozadí celých stránek (což je background:#F19695; ) ale já chci aby se místo této barvy doplnil proužek ( http://www.proucetnictvi.cz/images/rpt.gif ) aby to pak ve výsledné fázy vypadalo že ten přechod pořád pokračuje
SwimX
Profil
dovolil jsem si tršku upravit celý tvuj kód, vyházet zbytečné divya tak -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs">
 <head><!--  ščřžýŠČŘŽÝ -->
  <meta name="generator" content="PSPad editor, www.pspad.com"; />
  <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
  <meta name="keywords" content="účetní kancelář,účetní,Václava Procházková,Svaz účetních,účetnictví,vedení účetnictví,účetní poradenství,jednoduché účetnictví,podvojné účetnictví" />
  <meta name="description" content="Účetní kancelář Václavy Procházkové" />
  <meta name="author" content="Pavel.Prochy@seznam.cz"/>
  <meta name="robots" content="index, follow" />
  <meta name="copyright" content="2008, Prochy" />
  <title>Účetní kancelář Václavy Procházkové </title>
  <link rel="stylesheet" type="text/css" href="styl.css" />
  <link rel="shortcut icon" href="favicon.ico" />    
 </head>
 
 <body>
   <div id="obsah">    
   <div id="hlavicka">    
   </div>     
   <hr class="cleaner" />             
   <div id="levypanel">           
        <ul id="menu"> 
          <li><a href="domu.html">Domů</a></li>
          <li><a href="co-nabizime.html">Co nabízíme</a></li>
          <li><a href="kontakt.html">Kontakt</a></li>
          <li><a href="kde-nas-najdete.html">Kde nás najdete</a></li>
          <li><a href="reference.html">Reference</a></li>
          <li><a href="o-ucetnich.html">O účetních</a></li>
          <li><a href="odkazy.html">Odkazy</a></li>       
        </ul>  
        <a href="http://www.komora-ucetnich.cz/nove/" target="_blank"><img src="./images/komora.gif" alt="Komora certifikovaných účetních" /></a>                 
   </div>     
   <div id="hlavnipanel">  
      <h1 id="stred">Vítám Vás na stránkách <strong>účetní kanceláře,</strong></h1><img id="mamca" src="./images/mamca.gif" alt="Já" />
      <p>jmenuji se <strong>Václava Procházková</strong> a ráda bych Vás přivítala webových stránkách věnovaným <strong>účetnictví, 
      vedení účetnictví, účetní poradenství, jednoduché nebo podvojné účetnictví</strong>.</p>
      
      <p>Jsem <strong>členem Svazu účetních</strong>, <strong>Komory certifikovaných účetních</strong>, v roce 2008 jsem dokončila II. stupeň v systému certifikace a 
      vzdělávání účetních v ČR a získala tak certifikát <strong>„Bilanční účetní“</strong>. Pravidelně se účastním kursů o změnách v účetní a daňové oblasti. Ovládám řízení motorových vozidel – sk. B, pasivně německý 
      a anglický jazyk, ruštinu.</p> 
      
      <table border="0">
      <tr><td>Účetní agenda je vedena na software <strong>POHODA</strong></td><td rowspan="2"><div id="pohoda"><a href="http://www.stormware.cz" target="_blank"><img src="./images/pohoda.gif" alt="POHODA" /></a></div></td></tr> 
      <tr><td>Daňová agenda je vedena na software <strong>TAX</strong></td></tr>
      </table>
      
      
      <h2 id="tesim">Těším se na spolupráci s Vámi</h2>
    </div>
    <hr class="cleaner" />  
    <div id="paticka">
        &copy; 2009 | Prochy :-) | 
        <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.proucetnictvi.cz%2F" target="_blank">XHTML 1.1 Strict</a> | 
        <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">CSS 2.1</a> | 
        Všechna práva vyhrazena.
    </div>
   </div>      
 </body>
</html>





h1 {
  font-size: 18pt;   
}
h2 {
  font-size: 12pt;
}
h3 {
  font-size: 12pt;
}
a img {border: none}

#stred  {
       text-align: center;
      }
      
#tabulka {          
          left: 50%;
          margin-left: 195px;           
          }      
      
#tabulka2 {          
          left: 50%;
          margin-left: 85px;           
          } 
  
#certifikat {
        left: 50%;
          margin-left: 240px;    
}          
                
#mamca  {
       float: left;          
        }
        
#pohoda  {
       float: left;          
        }        
           
#tesim  {text-align: left; margin-left: 35px;
      }      
          
#nabidka {text-align: left;}  

#menu { 
}

#menu li{    
  list-style-type: none;    
  padding: 7px; 
  margin-left: -25px;   
}

#menu li a{
  background: url('http://www.proucetnictvi.cz/images/link.gif') center no-repeat;
  display: block;
  width: 115px;
  height: 25px;  
  text-decoration: none; 
  padding-top:5px;
}

#menu li a:hover{
  background: url('http://www.proucetnictvi.cz/images/linkactive.gif') center no-repeat;
} 

body { 
margin:0; 
padding:0; 
background:#F19695; 
text-align:center; 
} 

#hlavicka { 
height: 152px;
background-image: url('http://www.proucetnictvi.cz/images/hlavicka.gif');
background-repeat: no-repeat;
} 

#obsah {  
width: 800px; 
border: 1px solid black;
margin:1em auto; 
text-align:left;
 background: url('http://www.proucetnictvi.cz/images/rpt.gif') repeat-y;
 
} 

#levypanel { 
float: left; 
width: 164px; 
margin:0; 
padding:0; 
background: url('http://www.proucetnictvi.cz/images/levy.gif');
min-height: 448px;
text-align: center;
} 

#hlavnipanel { 
width: 636px;
float: right;
margin:0;
padding:0; 
background: url('http://www.proucetnictvi.cz/images/hlavni.gif')  no-repeat;
min-height: 448px;
} 


#paticka { 
height: 15px;
padding: 10px; 
clear: both;
text-align: center; 
background-image: url('http://www.proucetnictvi.cz/images/paticka.gif');
background-repeat: no-repeat;
} 

hr.cleaner { 
clear:both; 
display: none 
}
ctverecek
Profil
Úžasný díky moc chlape ;-)
SwimX
Profil
ctverecek
eště mi napadlo. Když vypneš obrázky, zmizí ti hlavička. Řešením budiž:
...
<div id="obsah">    
   <h1 id="hlavicka"><a href="index.html" title="Zpět na úvodní stranu">Učetní kancelář Václavy Procházkové
      <span></span></a>
    </h1>     
   <hr class="cleaner" />             
   <div id="levypanel">    
...


...
#hlavicka { 
height: 102px;
overflow: hidden;
position:relative;
margin: 0px;
padding: 50px 0px 0px 200px;
} 

#hlavicka span{
  position:absolute;
  left:0px; top:0px;
  display: block;
  background-image: url('http://www.proucetnictvi.cz/images/hlavicka.gif');
  background-repeat: no-repeat;
  width: 800px;
  height: 152px;
  z-index: 1;
}
...
ctverecek
Profil
Super díkis, ještě jsem chtěl požádat o kritiku celého webu? Dělám ho jako ročníkovou práci a chci tento web prosadit pomocí SEO na první pozice ve vyhledávačích na základě hledaného slova: "účetní kancelář"! Budu rád za každou radu a kritiku
SwimX
Profil
ctverecek
dej to sem: http://diskuse.jakpsatweb.cz/index.php?action=vtopic&forum=2
at to není vše v jednom

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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