Problém s texturou - CSS - background-repeat

1. Návštěvník 0601783E 10. 8. 2007 22:08

   Dobrý den, rád bych Vás poprosil o radu. Připravil jsem si ve Photoshopu pozadí s texturou na layout webu. Texturu tvoří šikmé čáry. Chtěl jsem z pozadí vyříznout úzký proužek a ten dát v souboru css svisle opakovat (background: url(base.jpg) repeat-y;). Ale ať jsem se snažil jak chtěl, nepodařilo se mi pruh vyříznout tak, aby se šikmé čáry na sebe napojovaly. Soubor s pozadím mám uložen zde: http://impe.webzdarma.cz/base.jpg . Předem děkuji za odpověď.

2. Návštěvník 041F41E7 10. 8. 2007 22:35

   <style> background: url('base.jpg') repeat-y; </style> viz: http://www.jakpsatweb.cz/css/css-vlastnosti-hodnoty-prehled.html#barvy

3. Návštěvník 041F41E7 10. 8. 2007 22:44

   a řek bych, že to je celý špatně, podobnej design sem nedělal ale moje řešní: <style> body { background: #444444; } .levo { float: left; width: 5%; background: url('sikmy-cary.png') repeat-y; border-left: 1px solid #808080; } .stred { width: 75%; border-left: 5px solid #808080; border-right: 5px solid #808080; } .pravo { float: right; width: 5%; background: url('sikmy-cary.png') repeat-y; border-right: 1px solid #808080; } </style> <div class="levo"></div> <div class="stred"></div> <div class="pravo"></div> a soubor sikmy-cary.png udelej 5px krat 5px pozadi #444444 a uvnitr uhlopricka 1px #808080

4. Návštěvník 041F41E7 10. 8. 2007 22:50

   u background bez repeat-y ale repeat :-)

5. Návštěvník 041F41E7 10. 8. 2007 23:42

   tak všechno beru spátky.. podívej se na konečnou verzi: http://nesro.wz.cz/impik/ zmrkni zdoják

6. Návštěvník 0601783E 11. 8. 2007 09:38

   Vy mi vůbec nerozumíte. Já vim, jak to mám spojit v css kódu, jenom netušim, jak správně ten úzký pruh ve Photoshopu rozříznout, aby pak na sebe navazovaly všechny ty pruhy.

7. Návštěvník 113FC890 11. 8. 2007 09:58

   no řešení asi není v tom vyříznout nějaký pruh, ale čtverec, jak radí nesro

8. Návštěvník 041F41E7 11. 8. 2007 09:59

   když přde na ty pruhy, tak si udělej těch 5x5px a uhlopricku jako tohle: http://nesro.wz.cz/impik/sikmy-cary.png a budes to skladat vedle sebe podle potreby, takze to cely bude mit vysku jen 5px...

9. Návštěvník 041F41E7 11. 8. 2007 10:09

   TAK! http://nesro.wz.cz/impik/takhle-sem-to-myslel.html použit obrázek: http://nesro.wz.cz/impik/takhle-sem-to-myslel.jpg pomocí background repeat-y ten obrázek má jen 5px na výšku

10. Návštěvník 041F41E7 11. 8. 2007 10:15

    konečná verze, v příkladu 1 to bylo moc blízko u sebe, tohle je snad dobré: http://nesro.wz.cz/impik/takhle-sem-to-myslel-2.html http://nesro.wz.cz/impik/takhle-sem-to-myslel-2.jpg co na to řikáš?

11. Návštěvník 0601783E 11. 8. 2007 16:58

    Děkuji. Děkuji moc. Teď si již určitě poradim.

← Zpět na všechna témata