Помощник
|
Проблема с CSS |
Назар
|
Сообщение
#1
|
||
|
|
||
|
|||
Doomz |
23.10.2010, 15:11;
Ответить: Doomz
Сообщение
#2
|
|
давай в ICQ
-------------------- |
|
|
neSkywalker |
23.10.2010, 15:19;
Ответить: neSkywalker
Сообщение
#3
|
|
С начало бы CSS читабельным сделать, а то после "оптимизации" - искать проблему сложнова-то
-------------------- |
|
|
Назар
|
Сообщение
#4
|
|
CSS стиля:
* { margin:0px; padding:0px; } html { height:100%; } body { font : 11px/15px Verdana, Arial, Helvetica, sans-serif; margin : 0; padding : 0; min-height:100%; position:relative; min-width:800px; } * html body { height:100%; } #nav { height : 49px; width : 790px; margin-right : auto; margin-left : auto; } #pages h1 { margin : 0; padding : 0; } #pages h1 a { color : #aaa; text-transform : uppercase; text-decoration : none; font : 18px Arial, Helvetica, sans-serif; letter-spacing : -1px; float : left; margin : 0; padding : 13px 0 0 10px; } h3, h4 { padding-top : 5px; padding-bottom : 15px; } div#pages { height : 40px; width : 780px; margin : 0 auto 5px; } div#pages ul { white-space : nowrap; list-style-type : none; margin : 0; padding : 10px 0 0; } div#pages ul li { float : right; } #pages ul li a:before { content : " .: "; } div#pages ul li a { display : block; text-decoration : none; text-align : right; font-size : 10px; font-weight : 700; text-transform : uppercase; margin : 1px 0; padding : 4px; } .entry { padding-top : 0; padding-bottom : 30px; padding-left : 0; line-height : 1.5em; } .firstpost { margin-bottom : 15px; } h3.entrytitle, h3 { padding-top : 0; padding-right : 0; padding-bottom : 0; margin-top : 0; margin-right : 0; margin-bottom : 5px; } h3.entrytitle a, h3.entrytitle a:visited, h3 a { text-decoration : none; font-size : 12px; font-weight : bolder; text-transform : none; border-style : none; } div.adm { background : url(themes/fresh/img/admbgl.png) no-repeat; padding-left : 18px; } div.admr { background : url(themes/fresh/img/admbgr.png) no-repeat right; padding-right : 18px; } div.adm, div.admr { cursor : default; } div.adm h3, div.admr h3 { background : url(themes/fresh/img/admbg.png); padding : 1px 10px 3px 10px; } .entrymeta { height : 16px; margin-top : 0; font-size : 10px; padding-top : 4px; margin-bottom : 8px; } .entrybody { margin-bottom : 8px; } .entrybody img { padding : 8px; max-width : 100%; } .entrybody ul { margin-left : 30px; padding-left : 0; list-style-type : none; } .entrybody ol { margin-left : 30px; padding-left : 0; } .entrybody ul li { list-style : square; } .commentlink img { border-style : none; } h4, h3, h2, #commentblock h2 { color : #aaa; font-size : 11px; font-style : normal; font-weight : 700; font-variant : normal; margin : 0; padding : 0; } h2 { margin-bottom : 10px; font-size : 14px; } a, a:visited { text-decoration : none; } .entrybody p { text-indent : 3px; text-align : justify; margin : 8px 0; padding : 0; } #aleft, #aright h2 { margin-right : 0; margin-bottom : 8px; font-size : 10px; font-weight : 700; text-transform : uppercase; } #aleft, #aright h2.sub { font-size : 80%; } #aleft, #aright ul { list-style : none; margin : 0 0 20px; padding : 0; } #aleft, #aright ul li { display : inline; margin : 0; padding : 0; } #aleft, #aright li { list-style : none; } #aleft, #aright ul li a { display : block; text-decoration : none !important; margin-left : 0; background-image : url(themes/fresh/img/navbulle.gif); background-repeat : no-repeat; background-position : 10px 50%; padding : 4px 0 4px 25px; } .comments-link { background-image : url(themes/fresh/img/comments.gif); background-repeat : no-repeat; background-position : left center; padding-left : 16px; } #commentblock h2 { margin-bottom : 10px; margin-top : 30px; padding : 2px; } #commentblock { float : left; padding-top : 0; padding-bottom : 20px; text-align : left; } ol#commentlist { margin-top : 0; margin-left : 0; list-style-type : none; padding : 5px; } .commentdate { font-size : 0.8em; padding-left : 5px; } .commentname { margin : 0; padding : 5px; } .commentinfo { clear : both; } .commt, .commb { margin : 0; width : 470px; height : 12px; } .commtext { padding : 5px 20px; clear : both; width : 430px; } #commentsformheader { padding-left : 0; } #commentsform { margin-top : 0; text-align : center; padding : 0; } #commentsform form { text-align : left; margin : 0; } #commentsform p { margin : 5px; } #commentsform form textarea { width : 99%; } p.comments_link img { border-style : none; margin : 0; padding : 0; } blockquote { font-style : italic; color : #aaa; } table { margin : 10px; } td, th { font-weight : 400; padding : 3px; } th { font-weight : bold; text-align : center; cursor : default; } .editorcell { background : url(themes/fresh/img/admedbg.png) repeat-x; height : 21px; border : 1px dashed transparent; border-bottom : none; cursor : pointer; text-align : center; padding : 0; } .editorcell img { margin : 0; padding : 2px 0 0; } input.correctvalue { color : green; border : none; font : inherit; font-size : 10px; } input.incorrectvalue { color : red; border : none; font-size : 10px; } input.posttime { border : none; font : inherit; width : 150px; } input.entrytitle { border : none; font-weight : 700; font-family : Verdana; } .modon { border : 2px solid #333; color : #444; height : 24px; } .modoff { border : 2px solid #aaa; color : #aaa; height : 24px; } #wall { background : #000; } input.correct { border : 1px solid green; } input.incorrect { border : 1px solid red; } h3.entrytitle a:hover, h3 a:hover { text-decoration : underline; } .postformfield, input.correct, input.incorrect { width : 350px; } div.success, div.failure { width : 460px; color : #fff; margin : 10px; height : 30px; text-align : center; padding : 15px; } div.success { background : #0a0; } div.failure { background : #a00; } .hglght { font-weight : bold; } CSS скина: body {
background : url(img/p4.png); color : #666; } #aheader { background:#e6e6e6; height:70px; width:100%; border-bottom:1px solid #f3f3f3; } #acontent { width:100%; border-top:1px solid #c8c8c8; padding-bottom:60px; width:expression(document.body.clientWidth > 800 ? "100%" : "800px"); overflow:hidden; } #acontainer1 { width:100%; float:left; margin-right:-200px; } #acontainer2 { background:#000000; margin-right:200px; } #acontainer3 { width:100%; float:right; margin-left:-200px; } #aleft { width:180px; float:left; padding: 10px; font-size : 10px; } #acenter { background:#ffffff; margin-left:200px; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; padding: 10px; } #aright { float:right; width:180px; padding: 10px; font-size : 10px; } #amin_width { width:800px; } #topfooter { background:#f3f3f3; width:100%; height:1px; } #afooter { position:absolute; bottom:0px; background:#e6e6e6; width:100%; height:60px; text-align:center; border-top:1px solid #c8c8c8; } #pages ul li a:before, div#pages ul li a:hover { color : #595959; } h3.entrytitle a, h3.entrytitle a:visited, h3 a { color : #595959; } .entrybody img { border : 0 solid #ddd; } a, a:visited { color : #595959; } a:hover, #pages h1 a:hover { color : #111; } #aleft, #aright h2 { color : #666; } #aleft, #aright ul li a { color : #595959; } #aleft, #aright ul li a:hover { color : #111 !important; } .main-start, .editorcell, input.posttime, input.entrytitle, div#pages ul li a { color : #666; } .commt { background : url(img/commt.png); } .commb { background : url(img/commb.png); } .commtext { background : url(img/comm.png); } .editorcell:hover { color : white; } .quick-edit-area { background : #fff; color : #666; } input.correctvalue, input.incorrectvalue, input.posttime, input.entrytitle { background : #fff; } -------------------- |
|
|
bitrixoid |
23.10.2010, 15:38;
Ответить: bitrixoid
Сообщение
#5
|
|
добавьте #navigatia { margin-left: 15px; }
-------------------- |
|
|
webpavilion |
23.10.2010, 15:39;
Ответить: webpavilion
Сообщение
#6
|
|
Назар, потри сообщение свое, выложи файлами. зачем форум захламлять?
-------------------- Не ведитесь, cамопис это почти всегда плохо! Делаю сайты на Drupal 7.x (очень дорого) |
|
|
bitrixoid |
23.10.2010, 15:40;
Ответить: bitrixoid
Сообщение
#7
|
|
а вообще нет. удалите все к чертовой матери и закажите верстку. элементов с одинаковым ID не должно быть на странице, для этого есть классы. у вас же #navigatia и там и там.
-------------------- |
|
|
neSkywalker |
23.10.2010, 15:41;
Ответить: neSkywalker
Сообщение
#8
|
|
Первое что сразу бросается в глаза:
#aleft, #aright h2 { color : #666; } #aleft, #aright ul li a { color : #595959; } #aleft, #aright ul li a:hover { color : #111 !important; } Надо: #aleft h2, #aright h2 { color : #666; } #aleft ul li a, #aright ul li a { color : #595959; } #aleft ul li a:hover, #aright ul li a:hover { color : #111 !important; } Остальное можешь посмотреть сам, поискать подобные недочеты -------------------- |
|
|
Назар
|
Сообщение
#9
|
|
|
Всем спасибо. Проблему устранил благодаря neSkywalker'у.
-------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3483 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3416 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6459 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1667 | 3.3.2021, 12:22 автор: kozak199110 |
|
Продам адаптивный шаблон (css/html/js) под cj/tube сайт | 2 | zaiko | 1436 | 29.12.2020, 23:49 автор: zaiko |
Текстовая версия | Сейчас: 24.4.2024, 3:32 |