Autor | Zpráva | ||
---|---|---|---|
ctverecek Profil |
#1 · Zasláno: 14. 1. 2009, 22:29:21
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 |
#2 · Zasláno: 14. 1. 2009, 22:32:35
ctverecek
background-image: url('./images/hlavni.gif') nahraď background: url('./images/hlavni.gif') no-repeat; |
||
ctverecek Profil |
#3 · Zasláno: 14. 1. 2009, 22:42:44
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 |
#4 · Zasláno: 14. 1. 2009, 22:49:05
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 |
#5 · Zasláno: 14. 1. 2009, 23:02:11 · Upravil/a: ctverecek
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 |
#6 · Zasláno: 15. 1. 2009, 11:05:20
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"> © 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 |
#7 · Zasláno: 15. 1. 2009, 11:32:39
Úžasný díky moc chlape ;-)
|
||
SwimX Profil |
#8 · Zasláno: 15. 1. 2009, 11:39:16 · Upravil/a: SwimX
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 |
#9 · Zasláno: 15. 1. 2009, 12:35:25
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 |
#10 · Zasláno: 15. 1. 2009, 12:39:48
ctverecek
dej to sem: http://diskuse.jakpsatweb.cz/index.php?action=vtopic&forum=2 at to není vše v jednom |
||
Časová prodleva: 15 let
|
0