| Autor | Zpráva | ||
|---|---|---|---|
| Goumbik Profil |
#1 · Zasláno: 13. 8. 2008, 16:49:43
Zdravím, potřeboval bych pár rad do CSS.Zajímají mne konkrétní věci (FF vs IE,apod)..Není toho moc.Jako proslužbu mohu pomoci v (x)HTML,Grafice,nařezáním,SEO či PHP/MySQL.
mail : blaza.tuning[at]seznam.cz Dík všem |
||
| Plaváček Profil |
#2 · Zasláno: 13. 8. 2008, 16:52:39
Goumbik
Tohle http://knihy.cpress.cz/pocitac/book.asp?id=1394 už jsi zkusil? Nebo tohle http://www.webtip.cz/art/wt_tech_html/wt_cssserial_001.html abys to měl online? |
||
| Goumbik Profil |
#3 · Zasláno: 13. 8. 2008, 17:10:01
Přesně tuhle knížku mám :-)
Úplně jsem na to zapomněl.Mkrnu tam, jestli to vyřeší můj problém..Díky za radu |
||
| Plaváček Profil |
#4 · Zasláno: 13. 8. 2008, 17:11:15
Goumbik
A pokud budeš mít konkrétní a neřešitelný problém, klidně ho tu zveřejni. Určitě ti někdo rád poradí :) |
||
| pmg Profil |
#5 · Zasláno: 13. 8. 2008, 17:14:10
Taky rád poradím. Potřeboval bych totiž nařezat.
|
||
| habendorf Profil |
#6 · Zasláno: 13. 8. 2008, 17:15:32
pmg
„Potřeboval bych totiž nařezat.“ Masochista? ;o) |
||
| Goumbik Profil |
#7 · Zasláno: 13. 8. 2008, 17:19:04
Já ti klidně nařežu :D.Kdybych si nevěděl s něčím rady, obrátím se na tebe a udělám ten design..
|
||
| Goumbik Profil |
#8 · Zasláno: 13. 8. 2008, 17:49:51
pmg hod mi sem svoje icq / skype / popr dame plka na ventrilu.Dik
|
||
| pmg Profil |
#9 · Zasláno: 13. 8. 2008, 18:03:29
Jestli jsem tě správně dohledal podle emailu, můžeš napsat na ICQ; ale doporučil bych využít diskuse. Můžou se do toho zapojit i ostatní a bude to nápomocné dalším, co přijdou. Jinak s tou protislužbou jsem to nemyslel vážně, ani si nemůžu být jistý, jestli znám odpověď. Tak sem s dotazy;-)
|
||
| Goumbik Profil |
#10 · Zasláno: 13. 8. 2008, 20:56:05 · Upravil/a: Goumbik
body{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 0;
color: #ffffff;
}
#obalovydiv
{
width: 1024px;
margin-top: 2em;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
background : #dddddd none;
text-align: left;
}
#left{
float: left;
background: url(img/rad_01.gif) no-repeat;
width: 162px;
height: 768px;
margin: 0px;
}
#right{
float: right;
background: url(img/rad_03.gif) no-repeat;
margin: 0px;
width: 173px;
height: 768px;
}
#header{
background: url(img/rad_02.gif) no-repeat;
float: left;
margin: 0,162px,0,173px;
position: relative;
width: 689px;
height: 222px;
}
#menu{
background: url(img/rad_05.gif) no-repeat;
position: relative;
float: left;
padding-top: 15px;
padding-left: 30px;
width: 659px;
text-decoration: none;
height: 30px;
margin: 0,162px,0,173px;
}
#podmenu{
background: url(img/rad_06.gif) no-repeat;
width: 689px;
float: left;
position: relative;
height: 25px;
margin: 0,162px,0,173px;
}
#levy_sloup{
background: url(img/rad_11.gif) no-repeat;
position: relative;
width: 24px;
float: left;
height: 474px;
margin: 0,163px,0,0;
}
#user_panel{
background: url(img/rad_12.gif) no-repeat;
padding: 25px;
position: relative;
width: 190px;
float: left;
height: 67px;
margin: 0,187px,0,0;
}
#mezera_1{
background: url(img/rad_14.gif) no-repeat;
position: relative;
width: 240px;
float: left;
height: 26px;
margin: 118px,187px,0,0;
}
#blok{
background: url(img/rad_09.gif) no-repeat;
position: relative;
padding: 20px;
height: 409px;
width: 337px;
float: right;
overflow: auto;
margin: 0,0,0,194px;
}
#mezera_vpravo{
background: url(img/rad_10.gif) no-repeat;
position: relative;
width: 21px;
float: right;
height: 475px;
margin: 0,0,0,173px;
}
#mezera_vlevo{
background: url(img/rad_08.gif) no-repeat;
position: relative;
width: 26px;
float: right;
height: 449px;
margin: 0,0,0,571px;
}
#pixel{
background: url(img/rad_13.gif) no-repeat;
position: relative;
width: 1px;
float: right;
height: 143px;
margin: 0,0,0,597px;
}
#podpanel{
background: url(img/rad_14.gif) no-repeat;
position: relative;
width: 240px;
float: right;
height: 26px;
margin: 0,0,0,598px;
}
#news{
background: url(img/rad_15.gif) no-repeat;
position: relative;
padding: 25px;
width: 191px;
float: right;
height: 255px;
margin: 0,0,0,838px;
}
#pixel_2{
background: url(img/rad_07.gif) no-repeat;
position: relative;
width: 241px;
float: right;
height: 1px;
margin: 0,0,0,838px;
}
#paticka{
background: url(img/rad_16.gif) no-repeat;
position: relative;
padding-top: 5px;
padding-right: 60px;
width: 584px;
text-align: right;
float: right;
height: 21px;
margin: 0,0,0,194px;
}
#mezera_3{
background: url(img/rad_17.gif) no-repeat;
position: relative;
width: 24px;
float: left;
height: 1px;
margin: 0,163px,0,0;
}
a{
text-decoration: none;
color: #ff6b09;
}
a:hover{
border-bottom: solid #ffffff 2px;
color: #ffffff;
Toto je CSS styl mého designu.V mozille firefox je zobrazení v pohodě (podle ní jsem to taky dělal..).Ale v IE 6/7 je to rozházené a jelikož neznám rozdíly, jak jednotlivý prohlížeč co vybarvuje nevím, jak to opravit..Díky za všechny rady, přidávám schéma, jak je návrh rozvržen : Odkaz Bile mezery si nevsimejte, malovani neni program, ve kterym travim mnoho casu :-) |
||
| Goumbik Profil |
#11 · Zasláno: 13. 8. 2008, 22:52:33
Jen by me zajimalo, co delam spatne, že v IE to mam rozhazene, ktery prikaz rekne kazdemu prohlizeci neco jine..Potom to nejak vykoumam... Diky
|
||
| srigi Profil |
#12 · Zasláno: 13. 8. 2008, 23:06:21
Goumbik
Aby sa tvoj CSS stylopis dal debugovat, mal by si zverejnit aj cast (prve 3-4 riadky) HTML dokumentu, aby sa vedelo v akom mode bezia jednotlive prehliadace. Osobne doporucujem IE6 a menej zhodit do quirk a vsetko ostatne do STD modu. Debug sa tak velmi ulahci. |
||
| Goumbik Profil |
#13 · Zasláno: 14. 8. 2008, 01:36:56
Díky za radu, našel jsem o tom článek na JPW a teď už v IE to není rozházené, ale pouze špatně vycentrovaná stránka na střed, nevíš prosimtě jak bych to mohl opravit ?Díky
|
||
| Plaváček Profil |
#14 · Zasláno: 14. 8. 2008, 07:45:36
Mělo by stačit tohle:
body{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0; color: #ffffff; text-align:center; } pokud máš IE v quirku. Tohle margin: 0,163px,0,0; si oprav margin: 0 163px 0 0; A následně si přečti něco o box modelu http://ie-brouci.dero.name/box-model.html |
||
| Goumbik Profil |
#15 · Zasláno: 15. 8. 2008, 04:11:35 · Upravil/a: Goumbik
Zdravím, může mi prosím někdo poradit s pozicováním ?Když si představíte 2 sloupcový seznam e-shopu (6 položek na stránku)
I I I I I I tak bych potřeboval, aby díky výpisu z databáze zůstala tabulka (rámeček) danýho zboží na svým místě.Takže např v databázi mám jenom 5 produktů, takže layout bude vypadat takto : I I I I I Nevím jak to napozicovat, aby se prostě nestalo, že budu mít 3 produkty v databázi a layout to vykreslí takto: I I I místo I I I Díky všem |
||
| Medvídek Profil |
#16 · Zasláno: 15. 8. 2008, 09:34:05
co float?
|
||
|
Časová prodleva: 3 dny
|
|||
| pmg Profil |
#17 · Zasláno: 18. 8. 2008, 20:18:34
Goumbik
Každému produktu nastav float: left; a každému, který má začít nový řádek taky clear: left. Další produkty se vykreslí vpravo za předpokladu, že se tam vejdou. Je proto dobré celý layout dát do divu a nastavit mu nějakou šířku. |
||
|
Časová prodleva: 16 let
|
|||
0