Autor | Zpráva | ||
---|---|---|---|
248 Profil |
#1 · Zasláno: 1. 8. 2008, 11:30:54
Zdravím,
mořím se s laděním WordPressového tématu. Zobrazení v Opeře, Firefoxu je bez problémů {klasika}, ale IE, jako tradičně renderuje blbosti. Originální téma se jmenuje ITadvance. Trochu jsem jej doladil, ale špatné zarovnánání elementů se mi odstranit nepodařilo. Projel jsem web a všechny blogy, které jedou v téhle úpravě mají tu samou vadu. Postranní lišta se v IE zobrazuje až za poslendím článkem na konci stránky, místo aby byla hezky napravo, hnedka pod hlavičkou stránky. Navíc v IE nefunguje zarovnání na střed. Tuhle je web, který bych chtěl poladit pro korektní zobrazení ve fuckenIE: {http://www.248kangaroos.com}. A tady {http://itadvance-btemplates.blogspot.com/} jsem našel stejné, fungující téma, ovšem překopané pro blogger.com . Neumím z toho vyloupat to potřebné. Jde mi hlavně o to, dostat tu postranní navigaci tam kam patří, ostatní drobnosti tak nehoří. Nechci to tu zahlcovat celým css, ale jak byste mi mohl někdo poradit, když byste ho neviděli, co? style.css img { border:0px } /* Links */ a:link { text-decoration: none; color: #AAD0D0; } a:visited { text-decoration: none; color: #AAD0D0; } a:hover, a:active { color: #93BFBF;text-decoration: underline;} /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; } h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;} h2 { font-size: 28px; } h3 { font-size: 16px; } h4, h5, h6 { font-size: 20px; } textarea { background: #485959; border: 1px solid #2D3F3F; width: 280px; } /* Other Html Elements */ .titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none;} .titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 24px; font-weight: normal; border-bottom-width: 0; } pre, blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; line-height: 1.8em; background-color: #465757; border: 1px solid #314343; } pre:hover, blockquote:hover { background-color: #f0f0f0; border: 1px solid #d0d0d0; } pre { padding-top: 10px; padding-bottom: 10px; } code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; } ul, ol { line-height: 2.0em; } ul { list-style-image: url(images/bullet.jpg); } abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; } del { text-decoration: line-through; color: #999999; } ins { text-decoration: none; color: #009977; } /* Structure */ body { margin: 0; padding: 0; color: #222222; background-image: url(images/bg.gif); background-repeat: repeat-x; background-color: #112B2B; font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif; } /*šíka stránky*/ #wrapper2 { width: 768px; margin-left: auto; margin-right: auto; } #header { float: left; width: 100%; padding-bottom: 8px; background: #3C4E4E url('images/header-bg.gif'); clear: right; height: 59px; margin-top: 15px; } #navigation { clear: both; float: left; width: 100%; background-image: url(images/header.jpg); height: 212px; } #wrapper { clear: both; float: left; width: 100%; color: #BECDCD; background: #3C4E4E; } #content-wrapper { width: 65%; float: left; } #content { float: left; padding: 0 0px 10px 30px; } #sidebar-wrapper { width: 35%; float: right; } #sidebar { float: left; vertical-align: top; padding: 0px 15px 0px 10px; width: 213px; background-image: url(images/sidebar-bg.gif);; margin-left: 21px; /* pozice levé nářadové lišty. Default: margin-right 25px */ margin-top: 7px; } #footer { clear: both; float: left; width: 748px; text-align: left; padding-left: 20px; background: #3C4E4E; background-image: url(images/footer-bg.gif); margin-bottom: 15px; color: #BECDCD; height: 36px; padding-top: 10px; } #footer a:link, #footer a:hover, #footer a:active, #footer a:visited { color: #BECDCD; text-decoration: underline; } #extras { float: left; width: 780px; color: #444444; text-align: left; padding: 0 10px 10px; margin: 10px 12px 20px; background-color: #f5f5f5; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } /* Header */ #header h1 { padding-left: 20px; } #header h1 a:link, #header a:active { color: #AAD0D0; font-size: 20px; text-transform: lowercase; } #header h1 a:hover { color: #8EBABA; font-size: 20px; text-transform: lowercase; } #header h1 a:active { color: #8EBABA; font-size: 20px; text-transform: lowercase; } #header h1 a:visited { color: #8EBABA; font-size: 20px; text-transform: lowercase; } /* Navigation */ #navigation ul { list-style-type: none; list-style-image: none; float: left; margin-top: 0px; margin-left: 0px; padding-left: 0px;} #navigation li { float: left; } #navigation li a:link, #navigation li a:visited { float: left; color: #7AB060; display: block; padding: 0px 10px; margin-right: 1px; height: 23px; font-size: 13px; margin-top: 0px; background-color: #304242; background-image: url(images/nav-bg.gif); border-left: 1px solid #1E2D2D; border-right: 1px solid #1E2D2D; } #navigation li a:hover, #navigation li a:active { color: #A5BABA; background-repeat: repeat-x; font-size: 13px; margin-top: 0px; background-color: #1B292A; background-image: url(images/nav-bg2.gif); border-left: 1px solid #1E2D2D; border-right: 1px solid #1E2D2D; } #navigation li.active a { color: #BECDCD; background-color: #3C4E4E; } /* Wrapper */ #wrapper a:link { font-weight: bold; } #wrapper a:visited { font-weight: bold; } #wrapper a:hover, #wrapper a:active { } /* Content */ #content .post-title a { border-bottom-width: 0; } #content .post p.img { float: left; margin: 0 15px 0 0; } #content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; } #content .post-footer { font-size: 90%; color: #677F7F; margin-bottom: 5px; padding:5px 5px 5px 15px; background-color: #394B4B; border: 1px solid #2E3F3F; } .post { padding-left: 10px; padding-right: 10px; } .post-wrapper { background-image: url(images/post-bg.gif); background-repeat: no-repeat; width: 476px; padding: 10px; margin-left: -15px; margin-right: 10px; } .post-wrapper2 { width: 476px; padding: 10px; margin-left: -15px; margin-right: 10px; } /* Sidebar */ .sideblock { vertical-align: top; padding: 5px 10px; margin-bottom: 20px; /*rozestupy mezi jednotlivými widgety*/ } .sideblock ul { } .sideblock h3 { margin-top: 5px; margin-left: -13px; AMG display: block; background-image: url('images/h2-bg.gif'); background-repeat: no-repeat; width: 210px; padding-left: 10px; line-height: 30px; margin-bottom: 0px; margin-right: 0px; color: #BECDCD; } #sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; } #sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; } #sidebar dd a:link { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none;} #sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; } #sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;} /* Extras */ #extras h6 { font-size: 14px; text-transform: uppercase; color: #BECDCD; } #friends { float: left; width: 150px; margin-left: 20px; margin-right: 10px; } #links { float: left; width: 275px; margin-right: 50px; } #about { float: left; width: 250px; margin-right: 20px; } #friends ul { padding-left: 20px; } #links dl, #links dt, #links dd { margin: 0; padding: 0; } #links dt { font-weight: bold; padding-top: 5px; } #links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; } /* Comments Styling */ #commentlist li { background-image: url(images/post-bg.gif); background: #2D3F3F; margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000; } #commentform { margin: 1em 0; background: #3C4E4E; width: 255px; } #commentform textarea { background: #485959; border: 1px solid #2D3F3F; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; width: 280px; } #commentform textarea:hover { background: #324444; border: 1px solid #2D3F3F; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } #commentform textarea:focus { background: #3C4E4E; border: 1px solid #2D3F3F; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } #commentform #email, #commentform #author, #commentform #url { font-size: 1.1em; background: #3C4E4E; border: 1px solid #2D3F3F; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; width: 280px; } #commentform #email:hover, #commentform #author:hover, #commentform #url:hover { font-size: 1.1em; background: #3C4E4E; border: 1px solid #2D3F3F; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px |
||
blackjoker Profil |
#2 · Zasláno: 1. 8. 2008, 12:34:33
zkus poladit šířku sidebaru
a napiš jak se jmenuje ten them css by mělo bejt na http://itadvance-btemplates.blogspot.com/wp-content/themes/<<<název složky themu>>>/style.css |
||
248 Profil |
#3 · Zasláno: 1. 8. 2008, 12:41:29
Them se jmenuje ITadvance, jaxem psal shora. Ten CSS pro blogspot.com jsem viděl, ale neumím z něj vyndat to potřebný. Je to komplet překopaný.
|
||
blackjoker Profil |
#4 · Zasláno: 1. 8. 2008, 13:11:56
zkus si napsat šířky i s margin a pak poladit šírku sidebaru a content
víc ti asi neporadim musel bych si to stáhnou naistalovat wordpress a pak si s tim hrát podle mě to bude v tý šírce a k tomu vycentrování zkus dát do body margin-left: 0 auto; |
||
248 Profil |
#5 · Zasláno: 1. 8. 2008, 13:12:47
Jojo, porvu se s tim, Díkys moc!
|
||
blackjoker Profil |
#6 · Zasláno: 1. 8. 2008, 13:17:11
btw před deklarací máš otazník smaž ho
|
||
248 Profil |
#7 · Zasláno: 1. 8. 2008, 13:55:17
Votazník? Na celý stránce najdu jen tři, ale žádnej v kodu. Fakt ho nevidim.
|
||
blackjoker Profil |
#8 · Zasláno: 1. 8. 2008, 14:16:28
|
||
blackjoker Profil |
#9 · Zasláno: 1. 8. 2008, 14:22:14
dej ctrl + A a uvidíš
|
||
248 Profil |
#10 · Zasláno: 1. 8. 2008, 14:53:40
Nojo, jsem kus dřeva, sorry.
|
||
Časová prodleva: 1 měsíc
|
|||
bartik Profil * |
#11 · Zasláno: 7. 9. 2008, 17:45:09
Ahoj, zrovna řeším ten samý problém... V IE7 to jede v pohodě, ale v IE6 je to rozkopané.
I originál theme nefunguje a autor na námitky odpovídá, že to nemůže optimalizovat pro všechny prohlížeče. Netuším, čím to může být, takže kdyby jste to vyřešili, určitě dejte vědět. Možná to má něco společného i s tím, že se navigation zobrazuje vpravo místo vlevo |
||
248 Profil |
#12 · Zasláno: 8. 9. 2008, 02:46:21
Jo, to je fakt, zatímco mraky ostatních témat se chovají ve spoustě prohlížečů stejně. Zatím jsem to nerozlouskl.
Myslím taky, že ani co se validity týče, není to zrovna to nejpravější. Ale je to škoda, protože se mi to témo líbí. |
||
Časová prodleva: 16 let
|
0