помогите пожалуйста с css на сайте

Статус
В этой теме нельзя размещать новые ответы.

E-van

Полезный
Регистрация
12 Сен 2006
Сообщения
225
Реакции
18
Добрый день, помогите пожалуйста с css на

Для просмотра ссылки Войди или Зарегистрируйся Для просмотра ссылки Войди или Зарегистрируйся

В левом верхнем углу логотип наезжает на меню - в IE 6.0 и Opera 9,5 работает, а в ФФ3,0 и IE8.0 уже пошли перекосы.
Долго бился чтобы работало везде, но т.к. сейчас бОльшая часть народа пересаживается на свежий IE и ФФ, то пусть бы лучше работало в них, а в старых браузерах уже как получится :)
 
template.css (line 199)
img#logo
margin-top:40px;
Вот он и съезжает.
 
Благодарю! Глаз замылился - 10 раз вокруг этого места ковырялся :)
 
Всем доброго времени суток!
Думаю автор не обидеться за то что я пишу в его тебе!!!
Не могу разобраться с такой проблемой в css:
1. При установке внутреннего отступа в таблице с названием заголовка (Вандалы лишили Харьков без кабельного телевидения ) смещается и фон (заливка).
Это происходит в огнелисе, опере и хроме на других не проверял.
В ИЕ-7 отображается более менее нормально.


cms Joomla
Подскажите как решить эту проблему!
 
td.contentheading {
padding-left:10px;
}
Вроде так, если я правильно понял что надо...
 
По ходу не так понял
Короче поставил сейчас красную заливку!
Я хочу так чтоб красный цвет закрашивал всю строку таблицы!
А когда я ставлю

#main_body .contentpaneopen {
width: 100%;
border: 2px solid #666699;
padding: 3px;

то вместе с текстом отступает и заливка (фоновый цвет) от внутренних границ строки! Думаю так понятней будет.

На всякий случай css-код:



Код:
/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */

td.contentheading {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	height: 18px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #CC9900;
	text-transform: none;
	letter-spacing: -1px;
        background-color: #ED0000;
        
        
        
}

.contentheading table td {
	letter-spacing: 0px;
	font-weight: bold;
        
}

/* content title and links */
.contentpagetitle {
	background-color : transparent; 
}

a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited {
	text-decoration: none; color: #c83200; 
}
a.contentpagetitle:hover { 
	color: #992600; text-decoration: none;
}

/* top box like a category description */
.contentdescription {
	background: transparent;
	padding: 5px 0px;
}

/* Main Body Text */
.contentpane { }

.contentpaneopen { line-height: 16px; margin: 0px 0px 10px 0px; }

#main_body .contentpaneopen {
	width: 100%;
        border: 2px solid #666699;
        padding: 3px;
        
}

/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:10px; padding-left: 2px;vertical-align: middle;line-height: 10px;}
.content_vote {font-weight: normal;font-size: 10px;}
.content_rating img {
	vertical-align: middle;
}

.content_vote input {
	background: none;
	margin-left: 1px;
	margin-right: 1px;
}

/* icons */
.buttonheading { 
	font-size: 12px; 
}

.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #0078FF; font-size: 11px; font-weight: bold; text-transform: none; padding-bottom: 15px; line-height: 12px; }
.modifydate {color: #679ce1; font-size: 10px; font-weight: bold; text-transform: none; line-height: 12px;}
.newsfeeddate {font-size: 10px; color: #999; font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small { 
	color: #0078FF;
	font: bold 10px Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin: 0px; padding: 0px;
	text-transform: none;
}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav { 
	font-size: 11px; 
}
.pagebar{font-size: 11px; font-weight: normal;}
.pagenav_prev{font-size: 11px; text-decoration: none; }
.pagenav_next{font-size: 11px; text-decoration: none; }
a.pagenav { text-decoration: none; font-weight: normal; color: #3593fc; }
a.pagenav:hover {text-decoration: underline; font-weight: normal; color: #3593fc; }
.pagenavcounter{	height: 15px;  }
.back_button{font-size: 11px; letter-spacing: 1px; height: 15px; clear: both;  margin: 5px 0px; text-transform: uppercase; font-weight: bold; }

/* Read more link */
.readon {
	font-weight: bold !important;
	font-size: 11px;
	text-decoration: none;
	color: #ae0c08;
	line-height: 22px;
	margin-top: 5px;
}

.readon:hover {
	text-decoration: none;
	color: #938953;
}

/* Article index   */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 11px;
	}
	
table.contenttoc th {
	background: transparent; 
	color: #666666;
}
	
table.contenttoc td {padding: 2px;}

/* Links article index */
	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }
/* End Article index  */

/*  component heading */
.componentheading {
	text-align: left;
	background: transparent;
	height: 16px;
	padding: 2px 0px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #275b99;
	text-transform: uppercase;
	letter-spacing: 0px;
	vertical-align: middle;
}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background: #b8d0e2;
	border-collapse: collapse;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
}

/* Table odd and Even Rows */
.sectiontableentry1 {
	background: transparent;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}

.sectiontableentry2 {
	background: transparent;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}

.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 2px !important;
}

.sectiontableentry1 input, .sectiontableentry2 input {
	margin: 0px; 
	padding: 0px;
	height: 15px;
	width: 15px;
	background: none;
	vertical-align: middle;
}

.sectiontableentry1 label, .sectiontableentry2 label {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	width: 170px;
	display: block;
}

.sectiontablefooter {
	height: 18px; 
}

table.poll, table.pollstableborder, table.poll thead td {
	width: 190px !important;
}

table.poll * div {
	width: 170px !important;
	margin: 0px !important;
	padding: 0px !important;
}

/* End Sectiontable */

/* Category */
.category { }
a.category:link, a.category:visited { height: 15px; text-decoration: none;  }
a.category:hover  {	height: 15px; text-decoration: underline; }
/* End category */

/* blogsection */
.blog {background-color: transparent;}
.blogsection{	height: 18px;  }
.blog_more{	clear: both; display: block; width: 430px; padding: 10px 0px; }
.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : transparent;}
/* End blogsection */

/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
	background: #b8d0e2;
	padding: 0px 4px 0px 4px;
	color: #245594;
	font-weight: bold;
}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* *********************** END CONTENT - SECTIONS & CATEGORIES *********************** */
 
Так, из
#main_body .contentpaneopen - padding:3px; убираем
а в
td.contentheading вставляем padding:3px;

Теперь отступы тоже будут закрашиваться бекграундом.
 
Так, из
#main_body .contentpaneopen - padding:3px; убираем
а в
td.contentheading вставляем padding:3px;
Теперь отступы тоже будут закрашиваться бекграундом.

О спасибки!
:yahoo:
Получается тоже глаз замылился:D
И мучаюсь!!! Спасибо!!!:ay:
 
Да не за что - пиши если что.;)
 
Там как бы получается что еще остался промежуток!
Белый мкжду заливкой и границей таблицы это можно убрать или нет????
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху