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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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

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

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

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


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


давай в ICQ


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


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


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


--------------------
Фото знаменитостей www.populars.ru и новости шоу-бизнеса.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Назар
Назар
Topic Starter сообщение 23.10.2010, 15:27; Ответить: Назар
Сообщение #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
bitrixoid
сообщение 23.10.2010, 15:38; Ответить: bitrixoid
Сообщение #5


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


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


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


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

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


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


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neSkywalker
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;
}


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


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


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


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3482 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


 



RSS Текстовая версия Сейчас: 23.4.2024, 22:58
Дизайн