X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с CSS
Назар
Назар
Topic Starter сообщение 23.10.2010, 15:04; Ответить: Назар
Сообщение #1


Участник
***

Группа: User
Сообщений: 143
Регистрация: 6.12.2009
Из: Харькова
Поблагодарили: 19 раз
Репутация:   9  


Всем привет!
Пожалуйста, помогите с такой проблемкой...
На сайте есть два сайдбара.
Один - div "aleft", второй - div "aright".

Стиль у них должен быть одинаковый (в css писал так: #aleft, #aright {...}).
Но... получилось что-то не то.

Здесь можете посмотреть на этот бред.
Один и тот же код (в нашем случае - блок "Навігація") в правом сайдбаре отображается правильно, а в левом - криво =(

Заранее благодарен за помощь.


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Doomz
Doomz
сообщение 23.10.2010, 15:11; Ответить: Doomz
Сообщение #2


Участник
***

Группа: User
Сообщений: 246
Регистрация: 21.10.2009
Из: Харьков
Поблагодарили: 107 раз
Репутация:   21  


давай в ICQ


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neSkywalker
neSkywalker
сообщение 23.10.2010, 15:19; Ответить: neSkywalker
Сообщение #3


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 16.7.2010
Поблагодарили: 17 раз
Репутация:   2  


С начало бы CSS читабельным сделать, а то после "оптимизации" - искать проблему сложнова-то smile.gif


--------------------
Фото знаменитостей www.populars.ru и новости шоу-бизнеса.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Назар
Назар
Topic Starter сообщение 23.10.2010, 15:27; Ответить: Назар
Сообщение #4


Участник
***

Группа: User
Сообщений: 143
Регистрация: 6.12.2009
Из: Харькова
Поблагодарили: 19 раз
Репутация:   9  


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
bitrixoid
сообщение 23.10.2010, 15:38; Ответить: bitrixoid
Сообщение #5


клоновод
******

Группа: Banned
Сообщений: 1951
Регистрация: 27.4.2009
Поблагодарили: 1118 раз
Репутация:   166  


добавьте #navigatia { margin-left: 15px; }


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webpavilion
webpavilion
сообщение 23.10.2010, 15:39; Ответить: webpavilion
Сообщение #6


сеошник на пенсии
*******

Группа: Active User
Сообщений: 2726
Регистрация: 28.4.2009
Из: МО
Поблагодарили: 1659 раз
Репутация:   171  


Назар, потри сообщение свое, выложи файлами. зачем форум захламлять?


--------------------
Не ведитесь, cамопис это почти всегда плохо!

Делаю сайты на Drupal 7.x
(очень дорого)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bitrixoid
bitrixoid
сообщение 23.10.2010, 15:40; Ответить: bitrixoid
Сообщение #7


клоновод
******

Группа: Banned
Сообщений: 1951
Регистрация: 27.4.2009
Поблагодарили: 1118 раз
Репутация:   166  


а вообще нет. удалите все к чертовой матери и закажите верстку. элементов с одинаковым ID не должно быть на странице, для этого есть классы. у вас же #navigatia и там и там.


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neSkywalker
neSkywalker
сообщение 23.10.2010, 15:41; Ответить: neSkywalker
Сообщение #8


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 16.7.2010
Поблагодарили: 17 раз
Репутация:   2  


Первое что сразу бросается в глаза:
#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;
}


Остальное можешь посмотреть сам, поискать подобные недочеты smile.gif


--------------------
Фото знаменитостей www.populars.ru и новости шоу-бизнеса.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Назар
Назар
Topic Starter сообщение 23.10.2010, 15:48; Ответить: Назар
Сообщение #9


Участник
***

Группа: User
Сообщений: 143
Регистрация: 6.12.2009
Из: Харькова
Поблагодарили: 19 раз
Репутация:   9  


Всем спасибо. Проблему устранил благодаря neSkywalker'у.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1009 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) Проблема индексации в Google
12 Saitcena 2931 22.11.2017, 17:34
автор: metvekot
Горячая тема (нет новых ответов) [предлагаю] Качественные услуги по PHP/HTML/CSS/JS, любые движки
Услуги программирования
31 Alexandr_js 10027 2.11.2017, 16:36
автор: gretskov
Открытая тема (нет новых ответов) Проблема с 301 редиректом в htaccess
не срабатывает с (без www) на www
14 danc1r0k 1971 2.11.2017, 14:44
автор: vadosseo
Открытая тема (нет новых ответов) Оформление внешних ссылок при помощи CSS
Каким образом можно оформить стилями внешние ссылки сайта
7 komarik_vlad 869 25.10.2017, 9:30
автор: x64


 



RSS Текстовая версия Сейчас: 13.12.2017, 2:00
Дизайн