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

Тема в разделе "Веб-дизайн", создана пользователем E-van, 27 май 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. E-van

    E-van

    Регистр.:
    12 сен 2006
    Сообщения:
    228
    Симпатии:
    18
    Добрый день, помогите пожалуйста с css на


    www.ellips.biz


    В левом верхнем углу логотип наезжает на меню - в IE 6.0 и Opera 9,5 работает, а в ФФ3,0 и IE8.0 уже пошли перекосы.
    Долго бился чтобы работало везде, но т.к. сейчас бОльшая часть народа пересаживается на свежий IE и ФФ, то пусть бы лучше работало в них, а в старых браузерах уже как получится :)
     
  2. cheg2

    cheg2

    Регистр.:
    9 авг 2008
    Сообщения:
    176
    Симпатии:
    24
    template.css (line 199)
    img#logo
    margin-top:40px;
    Вот он и съезжает.
     
    E-van нравится это.
  3. E-van

    E-van

    Регистр.:
    12 сен 2006
    Сообщения:
    228
    Симпатии:
    18
    Благодарю! Глаз замылился - 10 раз вокруг этого места ковырялся :)
     
  4. vetal84

    vetal84 Писатель

    Регистр.:
    14 май 2009
    Сообщения:
    9
    Симпатии:
    0
    Всем доброго времени суток!
    Думаю автор не обидеться за то что я пишу в его тебе!!!
    Не могу разобраться с такой проблемой в css:
    1. При установке внутреннего отступа в таблице с названием заголовка (Вандалы лишили Харьков без кабельного телевидения ) смещается и фон (заливка).
    Это происходит в огнелисе, опере и хроме на других не проверял.
    В ИЕ-7 отображается более менее нормально.


    cms Joomla
    Подскажите как решить эту проблему!
     
  5. cheg2

    cheg2

    Регистр.:
    9 авг 2008
    Сообщения:
    176
    Симпатии:
    24
    td.contentheading {
    padding-left:10px;
    }
    Вроде так, если я правильно понял что надо...
     
  6. vetal84

    vetal84 Писатель

    Регистр.:
    14 май 2009
    Сообщения:
    9
    Симпатии:
    0
    По ходу не так понял
    Короче поставил сейчас красную заливку!
    Я хочу так чтоб красный цвет закрашивал всю строку таблицы!
    А когда я ставлю

    #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 *********************** */
     
  7. cheg2

    cheg2

    Регистр.:
    9 авг 2008
    Сообщения:
    176
    Симпатии:
    24
    Так, из
    #main_body .contentpaneopen - padding:3px; убираем
    а в
    td.contentheading вставляем padding:3px;

    Теперь отступы тоже будут закрашиваться бекграундом.
     
    vetal84 нравится это.
  8. vetal84

    vetal84 Писатель

    Регистр.:
    14 май 2009
    Сообщения:
    9
    Симпатии:
    0
    О спасибки!
    :yahoo:
    Получается тоже глаз замылился:D
    И мучаюсь!!! Спасибо!!!:ay:
     
  9. cheg2

    cheg2

    Регистр.:
    9 авг 2008
    Сообщения:
    176
    Симпатии:
    24
    Да не за что - пиши если что.;)
     
    vetal84 нравится это.
  10. vetal84

    vetal84 Писатель

    Регистр.:
    14 май 2009
    Сообщения:
    9
    Симпатии:
    0
    Там как бы получается что еще остался промежуток!
    Белый мкжду заливкой и границей таблицы это можно убрать или нет????
     
Статус темы:
Закрыта.