Autor Zpráva
ice
Profil *
#1 · Zasláno: 24. 12. 2005, 16:22:19
Odpovědět Citovat
Ahoj, jak udelat tohle za pomoci css? Na www.hpnabytek.cz ten prechodovy okraj, maji t za pomoci tabulky, jde nejak priradit vlastnosti border pozadi?
fotohans
Profil
#2 · Zasláno: 24. 12. 2005, 16:48:56
Odpovědět Citovat
myslíš tu čáru na boku ? tam žádný border není
když už jsi zjistil že je to pomocí tabulky tak proč ses do toho kódu a do css nepodíval pořádně ???

je tam úzký sloupeček (8px) v tabulce a tomu je nastaveno pozadí,

<td width="8" rowspan="3" class="bg">&nbsp;</td>

fligna je v tom, že je tam malý obrázek s přechodem připlácnutý nahoru vlastností :top
a navíc je celému sloupci přiřazena barva pozadí, takže nahoře je obrázek s přechodem a pak pokračuje jednolitá barva

.bg {
background-color: #D0DCBD;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: top;
}
ice
Profil *
#3 · Zasláno: 24. 12. 2005, 16:56:27
Odpovědět Citovat
no jo, ale jde to udelat bez tabulek nejak jednoduse?
Šlaha
Profil
#4 · Zasláno: 24. 12. 2005, 21:28:53
Odpovědět Citovat
Tipuji:
HTML 

<div class="hlavni">

<div class="obsah">Obsah</div>

</div>

CSS 

.hlavni {

background-color: #D0DCBD;

background-image: url(images/bg.jpg);

background-position: top;

padding: 0 8px;

}

.obsah {background: white;}

+ tomu musíš zadat rozměry.
peta
Profil *
#5 · Zasláno: 25. 12. 2005, 09:27:26
Odpovědět Citovat
ice Nejjednoduseji obrazkem, viz Šlaha
Pokud chces slozitejsi, tak slayerofice...
http://slayeroffice.com/
je tam kdesi javascript na prechod barev
peta
Profil *
#6 · Zasláno: 25. 12. 2005, 09:30:52
Odpovědět Citovat
a jeste mne napada, ze Explorer (ktery ma kolem 70% lidi) pouziva JS-CSS filtry
http://peter-mlich.wz.cz/x/ww/css/css1.htm
- klikni na Explorer vpravo nahore v tabulce a klikni na "filter"
ice
Profil *
#7 · Zasláno: 25. 12. 2005, 09:57:33
Odpovědět Citovat
Diky slacho.
ice
Profil *
#8 · Zasláno: 25. 12. 2005, 10:16:51
Odpovědět Citovat
jestli jeste muzu: kdyz chci aby se to neopakovalo tak tam dam no repeat, ale uz se tam ten prechod nezobrazi. jen ta barva? Kde je chyba?

background-color: #D0DCBD;
background-image: url(../css/layout/bg.gif);
background-position: top;
background-repeat:no-repeat;
padding: 0 8px;
ice
Profil *
#9 · Zasláno: 25. 12. 2005, 10:18:44
Odpovědět Citovat
tak uz jsem na to prisel repeat-x
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0