Нужна помощь с кодом CSS .Проблема решена. Есть ответ.

[Elina]

Добрый вечер!
Очень нужна помощь. Ситуация в следующем, я редактирую шаблон и уже кажется работа движется к концу. Но не могу решить проблему со следующим
1. Возле главного меню в верху, не могу выровнять по левую сторону. Все равно остается салатовое поле. Прописываю строку  

<div style="border-style: solid; border-width: 3px 1px 10px 4px">

но это ничего не дает. Прописываю в блоке

Код:

#pillmenu {
text-align: left;
padding: 0 0 0 10px;
margin:0 auto;

2. Аналогичная проблема с вертикальным меню. Цвет поменяла, маркеры убрала, выровняла по строкам, но не получается убрать поле, выровнять его с меню. Код прописываю такой:

<div style="border-style: solid; border-width: 5px 1px 15px 5px">

Вставляю эту строку после строки: a.mainlevel:link, a.mainlevel:visited {

3. На вертикальном меню хочу сделать со всех сторон жирную границу. Прописываю такую команду:

div {border-style: solid; border-width: 1px 4px 7px;}

Прописываю после блока

Код:

a.mainlevel:link, a.mainlevel:visited {

      
        font-family: Tahoma, Arial, sans-serif;
padding-left: 25px;
margin: 0;
line-height: 24px;
text-decoration: none;
color: #798933; /*color: #4CAFC10;*/
font-weight: bold;
font-size: 11px;

Положительного результата так и не добилась.

4. Проблемы с формой. Написано с помощью ChronoForms. Никак не могу решить проблему с полями. Их просто нет (((

Сам код формы имеет такой вид

Код:

<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">Заказ работы</h1>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">ФИО: *</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Некорректное имя" id="text_1" name="name" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Вид работы: *</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Некорректно заполнено поле" id="text_2" name="Vid raboti" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Предмет: *</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Некорректно заполнено поле " id="text_3" name="Predmet" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Тема: *</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Некорректно заполнено поле" id="text_5" name="Tema" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">ВУЗ</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_4" name="vuz" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Курс</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_6" name="kurs" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Язык: *</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Некоректно заполнено поле" id="text_7" name="language" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Срок выполнения</label>
    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_13" name="time" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Телефон: *</label>
    <input class="cf_inputbox required validate-number" maxlength="150" size="30" title="Некорректный номер телефона" id="text_8" name="phone" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">E-mail: *</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="Некорректный e-mail" id="text_9" name="email" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Дополнительная информация</label>
    <textarea class="cf_inputbox" rows="3" id="text_16" title="" cols="30" name="Informaziya"></textarea>
    
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_captcha">
    <label class="cf_label" style="width: 150px;">Введите защитный код: *</label>
    <span>{imageverification}</span>
    <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/></a>
<div class="tooltipdiv">Введите защитный код: * :: Докажите, что Вы не робот</div>
    </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Оформить заказ" name="button_21" type="submit" />
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_text"> <span class="cf_text">* - поля, обязательные для заполнения</span> </div>
  <div class="cfclear">&nbsp;</div>
</div>

Код шаблона имеет такой вид:

Код:

template

html {

height: 100%;
margin-bottom: 0px;
}

form {
margin: 0;
padding: 0;

}

img,table {
border: none;
}

body {
background: #FEFEFE;
font-family: Tahoma, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 12px;
color: #333;
}

.body_bg {
background: #FEFEFE url(../images/topbg.png) top center repeat-x;
}

body.contentpane {
background: #f8f8f8;
}
/* a links */
a:link, a:visited {
outline: none;
text-decoration: underline;
font-weight: normal;
color: #999933;
}

a:hover {
text-decoration: none;
font-weight: normal;
color: #999933;
}

table.contentpane ul li, div.nopad ul {
list-style-image: url(../images/li.png);
}
input.button, .validate  {
background: #96BA38;
border: 0;
font-size: 10px;
color: #fff;
padding: 3px 4px;
}

.search input.button {
text-align: right;
}

input.button:hover, .validate:hover  {

}


p {
margin-top: 0;
margin-bottom: 5px;
text-align: justify;
}

.inputbox, #email {
border: 1px solid #96BA38;
padding: 2px;
}
.inputbox:hover {

}

#modlgn_remember  {
border:0;
}

div.module div div div form#form-login {
width: 160px;
}

#search {
float: left;
padding: 0;
margin: 0;
}

#search div.module div div div form {
padding: 0;
margin: 0;
}

#search div.module_menu div div div div.search, #search  div.module div div div div.search {
text-align: left;
padding: 0;
margin: 0;
background: url(../images/search_bg.png) top left no-repeat;
}

#search div.module_menu div div div div.search1, #search  div.module div div div div.search1 {
float: right;
text-align: left;
padding: 0;
margin: 0;
background: url(../images/search_bg.png) top right no-repeat;
border: none;
}

#search div.module_menu div div div div.search1 input, #search  div.module div div div div.search1 input {
float: right;
line-height: 13px;
font-size: 12px;
color: #798950;
margin: 0;
width: 115px;
height: 20px;
padding: 5px 5px 0 5px;
border: none;
text-transform: capitalize;
background:none;
}



#search .search .inputbox {
line-height: 13px;
font-size: 12px;
color: #798950;
margin: 0;
width: 120px;
height: 20px;
padding: 5px 0px 0 5px;
border: none;
text-transform: capitalize;
background:none;
}

#search .search .button {
text-align: left;
background: transparent url(../images/search_btn_bg.png) top center no-repeat;
font-size: 11px;
color: #798950;
margin: 0 0 0 10px;
padding:0 0 2px 0;
width: 65px;
height: 27px;
border:none;
line-height: 26px;
}



/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
height: 100%;
padding: 0;
margin: 0;
background: url(../images/page_center_bg.png) top center repeat-y;
}

div.center {
text-align: left;
margin: 0 auto;
padding: 0 0 10px 0;
width: 960px;
}


div#wrapper {
padding: 0;
margin: 0 auto;
}

#header {
height: 188px;
background: transparent url(../images/header_bg.jpg) top center no-repeat;
margin: 10px auto;
width: 937px;
padding: 0;
}


#header_main .hleft {
float: left;
width: 474px;
height: 276px;
background: transparent url(../images/header_cinelogo.png) top left no-repeat;
padding: 0;
}

#header_main .hright {
float: left;
width: 466px;
height: 256px;
padding: 10px 0 0 10px;
}

#header_main .hright  .hwr-left {
float: left;
width: 228px;
}

#header_main .hright  .hwr-right {
float: right;
width: 228px;

}

#header_main .hright  .hwr-right h3 , #header_main .hright  .hwr-left h3 {
font-family: Tahoma, Arial, sans-serif;
width: 218px;
color: #798950; /*color: #4CAFC6;*/
font-size: 13px;
height: 30px;
text-decoration: none;
text-align: left;
padding: 0 0 0 10px;
background: url(../images/latest_h3.png) top leftr no-repeat;
font-weight: bold;
line-height: 24px;
margin: 0
}


#header_main .hright .hwr-left div.module_menu div div div, #hw-right .hwr-left div.module div div div,#hw-right .hwr-left div.module_menu div div, #hw-right .hwr-left div.module div div {
padding: 0;
margin: 0;
background: none;
}

#header_main .hright .hwr-right div.module_menu div div div, #header_main .hright .hwr-right div.module div div div,#header_main .hright .hwr-right div.module_menu div div, #header_main .hright .hwr-right div.module div div {
padding: 0;
margin: 0;
background: none;
}

#header_main .hright .hwr-right div.module_menu div div div,#header_main .hright .hwr-right div.module div div div, #header_main .hright .hwr-left div.module_menu div div div,#header_main .hright .hwr-left div.module div div div {
text-align: left;
}

#header_main .hright .hwr-right div.module div div div ul, #header_main .hright .hwr-left div.module div div div ul {
padding: 5px 5px 0 25px;
margin: 0;
}

#header_main .hright .hwr-right div.module div div div ul {
list-style: url(../images/arrow_tleft.png);
}

#header_main .hright .hwr-left div.module div div div ul {
list-style: url(../images/arrow_tright.png);
}

#header_main .hright .hwr-right div.module div div div ul, #header_main .hright .hwr-left div.module div div div ul {
color: #1852D2;
}
#header_main .hright .hwr-right div.module div div div ul li a, #header_main .hright .hwr-left div.module div div div ul li a {
color: #4E1703;
text-decoration: none;
font-size: 11px;
}

#header_main .hright .hwr-right div.module div div div ul li a:hover , #header_main .hright .hwr-left div.module div div div ul li a:hover {
color: #4E1703;
text-decoration: underline;
}

#newsflash {
font-size: 11px;
height: 130px;
overflow: hidden;
}

#newsflash div.module_menu div div div, #newsflash div.module div div div {
text-align: justify;
}

#newsflash h3 {
font-family: Tahoma, Arial, sans-serif;
width: 456px;
color: #798950; /*color: #4CAFC6;*/
font-size: 13px;
height: 26px;
text-decoration: none;
text-align: left;
padding: 0 0 0 10px;
background: url(../images/newsflash_h3.png) top left no-repeat;
font-weight: bold;
line-height: 24px;
margin: 0
}

#content {
width: 940px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

#topw {
width: 940px;
margin: 0 auto;
padding: 10px 0 0 0;
}

#logo {
float: left;
text-align: left;
margin: 0 auto;
padding: 0;
width: 739px;
line-height: 24px;
height: 30px;
}

#logo a, #logo a:link, #logo a:hover {
font-weight: bold;
font-family: Arial;
font-size: 16px;
padding:0;
margin: 0;
letter-spacing: 1px;
color: #ACCF4D;
text-decoration: none;
outline: none;

}


.pill_m {
text-align: left;
margin: 0 auto;
padding: 30;
width:938px;
height: 116px;
background: transparent url(../images/topmenu_bg.png) top center no-repeat;
}

#pillmenu {
text-align: left;
padding: 0 0 0 10px;
margin:0 auto;
}

#pillmenu ul {
        float: left;
margin: 0;
padding: 0;
list-style: none;
}

#pillmenu li {
float: left;
margin: 0;
padding: 0;
background:none;

}

#pillmenu li:hover {

}

#pillmenu li a#active_menu-nav {

}

#pillmenu li a {
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
float: left;
display: block;
line-height: 116px;
padding: 0 25px;
margin: 0 1px;
color: #fff;
text-decoration: none;
font-weight: bold;
background: none;
height: 117px;
background: url(../images/pillmenu_bg.png) center center repeat-x;
}

#pillmenu li a:hover {
float: left;
color: #fff;
text-decoration: none;
background: url(../images/pillmenu_bg_hover.png) center center repeat-x;
}

div#timedate {
font-size: 12px;
font-weight: bold;
color: #AB4C37;
text-align: left;
padding: 0 0 10px 0;
}

#leftcolumn ,#rightcolumn {
margin: 0;
width: 200px;
float: left;
padding: 0 0 10px 0;
text-align: left;
}

div#maincolumn {
float: left;
width: 535px;
margin: 0 0 6px 0;
}

div#maincolumn_full {
float: left;
width: 725px;
margin: 0;
padding: 0 0 0 10px;
}

div.cpathway {
margin: 0 0 10px 0;
padding: 0;
height: 25px;
background: transparent url(../images/cpathway-right.jpg) bottom right no-repeat;
}

div.cpathway div.cpleft {
margin: 0;
padding: 0;
width: 100%;
height: 25px;
background: transparent url(../images/cpathway-left.jpg) bottom left no-repeat;
}

div.cpathway span {
padding: 0 10px;
color: #999999;
line-height: 23px;
font-size: 11px;
}

div.cpathway span a {
color: #999999;
}

div.nopad {
overflow: hidden;
padding: 0;
}
div.nopad form#jForm p, div.nopad form#jForm  div#navigation {
padding: 5px 0 0 10px;
}
div.nopad ul {
clear: both;
}

td.middle_pad {
width: 20px;
}

#banner_l {
text-align: left;
padding: 0 0 0 24px;
}

#footer {
margin: 0 auto;
text-align: left;
width: 980px;
height: 54px;
background: url(../images/footer_bg.png) top center no-repeat;
}

#footer p {
height: 20px;
text-align: right;
padding: 10px 30px 0 0;
color: #666666;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

/* headers */
div.componentheading {
height: 22px;
padding: 0 0 0 10px;
}
table.blog {

}
h1 {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #333;
text-align: left;
width: 100%;
}

h2, .contentheading {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
vertical-align: middle;
color: #F9A826;
text-align: left;
font-weight: bold;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

h4 {
font-family: Tahoma, Arial, sans-serif;
color: #333;
}

h3, .componentheading, table.moduletable th, legend {
margin: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
text-align: left;
color: #F9A826;
padding: 0;
}
/* small text */
.small {
font-size: 10px;
color: #999933;
font-weight: normal;
text-align: left;
}

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #999933;
font-weight: normal;
text-align: right;
}

.createdate {
height: 20px;
vertical-align: top;
font-size: 10px;
color: #999933;
font-weight: normal;
vertical-align: top;
padding-top: 0px;
}

a.readon {
display: block;
float: right;
text-decoration: none;
line-height: 14px;
font-size: 10px;
text-decoration: none;
color: #798950;
border-bottom: solid 1px #798950;
}

a.readon:hover {
color: #798950;
text-decoration: none;
border-bottom: solid 1px #fff;

}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #f1f1f1;
color: #333;
}

.ol-background {
background-color: #f1f1f1;
color: #333;
}

.ol-textfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
}

.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {

      
        font-family: Tahoma, Arial, sans-serif;
padding-left: 25px;
margin: 0;
line-height: 24px;
text-decoration: none;
color: #798933; /*color: #4CAFC10;*/
font-weight: bold;
font-size: 11px;


}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {

}

.column_separator {

}

td.buttonheading {
text-align: right;
width: 0;
}

.clr {
clear: both;
}

table.blog span.article_separator {
display: block;
height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #666;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #333;
  font-size: 10px;
}


/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}

table.contentpane td{
text-align: left;
}

table.contentpane td.contentdescription {
width: 100%;
}

table.contentpane  {
text-align: left;
float: left;
width: 100%;
margin: 8px;
}

table.contentpane ul li a .category {
color: #FF8800;
}

table.contentpane ul li {
color: #333;
}

table.contentpaneopen {
margin: 2px 8px;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Tahoma, Arial, sans-serif;
color: #669933;
}

.highlight {
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module {
margin: 0;
padding: 0;
}

div.module_menu div, div.module {

}

div.module_menu div div, div.module div div {
margin: 0 auto 15px 0;
padding: 0;
background:  url(../images/menu_bottom.png) bottom left no-repeat;
}

#newsflash div.module_menu div div, #newsflash div.module div div, #search div.module_menu div div, #search div.module div div  {
background: none;
padding: 0;
margin: 0;
}

div.module_menu div div div, div.module div div div{
margin: 10;
background:  url(../images/menu_top_out.png) top left no-repeat;
text-align:left;
padding: 4px 4px;
}


div.module_menu div div div div, div.module div div div div {
background: none;
padding: 4px 8px;
text-align: left;
}

div.module div div div form {
padding: c
margin: 0 auto;
text-align: left;
}

div.module div div div form table td {
text-align: left;
}

div.module div div div form ul{
margin: 10px 0 0;
padding: 4px 4px;
list-style: none;
}

div.module_menu ul {
list-style: none;
text-align: left;
padding: 4px 8px;;
}

div.module_menu ul li{
margin: 0;
padding: 0;

}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
/*background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;*/
padding: 2px 0 2px 20px;
line-height: 24px;
text-decoration: none;
color: #829300;
font-size: 11px;
}

div.module_text div div div div  {
margin:0 auto;

}

div.bannergroup_text {
display:block;
width:180px;
background:  url(../images/menu_bottom.png) bottom left no-repeat;
padding: 10px 10px 0 10px;
}
.bannerheader {
padding: 0 0 0 6px;
}
#leftcolumn div.module table ,#rightcolumn div.module table {
margin:0 auto;
}

div.module table.poll {
width: 160px;
margin:0 atuo;
}

#leftcolumn div.module table.poll td {
text-align: left;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3  {
font-family: Tahoma, Arial, sans-serif;
width: 190px;
color: #829300;
font-size: 13px;
height: 25px;
text-decoration: none;
text-align: left;
padding: 0 0 0 10px;
font-weight: bold;
line-height: 24px;
margin: 0;
background: url(../images/h3.png) top left no-repeat;

}

#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c,
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
margin: 0 auto;
padding: 5px 0 0 4px;
list-style: none;
width: 170px;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li {
margin: 0;
padding: 0;
}

#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {

}

/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
line-height: 18px;
padding: 0 0 0 12px;
text-decoration: none;
font-size: 11px;
background: url(../images/menu_row.png) center left no-repeat;
margin: 0;
height: 18px;
color: #798950;
font-weight: bold;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #798950;
text-decoration: underline;
}

/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
line-height: 18px;
padding: 0 0 0 12px;
text-decoration: underline;
color: #798950;
font-weight: bold;
font-size: 11px;
background: url(../images/menu_row.png) center left no-repeat;
margin: 0;
height: 18px;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
color: #798950;
text-decoration: underline;
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
text-decoration: none;
color: #829300;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
font-size: 11px;
margin: 0 0 0 6px;
padding: 0 0 0 18px;
text-decoration: none;
border: none;
color: #829300;
background: url(../images/submenu_row.jpg) center left no-repeat;
height: 18px;
line-height: 18px;
}
/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
margin: 0;
padding: 0;
}

#leftcolumn ul.menu li#current ul li {
margin: 0;
padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0;
}

#leftcolumn ul.menu li.parent ul li a {
text-decoration: none;
color: #829300;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;
}

#leftcolumn ul.menu li#current ul li a:hover {
color: #333;
}

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
list-style: none;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #829300;
}

form#form-login fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
form#form-login ul li{
padding: 0;
}

form#form-login ul li a {
text-align: left;
padding: 0;
font-size: 10px;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
padding: 4px 8px;
font-size: 11px;
}

.bannerfooter_text {
padding: 8px 20px;
font-size: 11px;
text-align: right;
}

/* System Messages */


/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
text-align: left;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #333;
}

/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
/* System Error Messages */
#system-message dd.error ul {
     color: #999;
     background: none;
     border-top: 1px solid #829300;
     border-bottom: 1px solid #829300;
     padding: 0;
     margin: 0;
list-style: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
     color: #ECA5A7;
     background: none;
     border-top: 1px solid #829300;
     border-bottom: 1px solid #829300;
     padding: 3px;
     margin: 0 0 5px 0;
list-style-image: none;
}

#system-message dd {
     text-indent: 0;
}

#system-message dd ul {
     list-style: none;
     color: #f00;
     background: none;
     border-top: 1px solid #829300;
     border-bottom: 1px solid #829300;
list-style-image: none;
}

#system-message {
     margin: 5px auto;
text-align: center;
width: 98%;
}



/* ****************************************************************************** */
/* blue */
input, button {
border: none;
}
/* blue */
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: none;
}

/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
color: #83A330;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
a.sgfooter:hover {
color: #83A330;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
#sgf {
font-size: 12px;
text-align: right;
width: 100%;
margin: 0 auto;
color: #83A330;
font-family: Tahoma, Arial, sans-serif;
}
.sgf {
text-align: right;
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
color: #83A330;
text-decoration: none;
}
.sgf1 {
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
color: #83A330;
text-align: left;
}

a.sglink:link, a.sglink:visited {
color: #83A330;
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
a.sglink:hover {
color: #83A330;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}

Прошу строго не судить. CSS только начинаю учить. Буду рада любому совету!

[Elina]

Прикрепляю картинку, т.к. может не удалось все проблемы описать правильно

[AlexSF]

оптимальный ответ получится только при наличии ссылки на сайт
просто угадать в каком стиле нужно править падиннги довольно сложно

[Elina]

...

Извините...не подумала)

[AlexSF]

Код

верхнее меню так
#pillmenu {/*template.css (строка 351)*/
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
 
левое меню 
div.module_menu div div, div.module div div {/*template.css (строка 793)*/
    background: url("../images/menu_bottom.png") no-repeat scroll left bottom transparent;
    margin: 0 auto;
    padding: 0;
    border-top: solid 1px #eee;
    border-left: solid 3px #eee;
    border-right: solid 5px;
    border-bottom: solid 10px #ddd;
}
 
 

[AlexSF]

а на какой странице форму искать?
нашёл

Код

.form_element select, .form_element input {/*/components/com_chronocontact/themes/default/css/style1.css (строка 46)*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    border: solid 1px #ссс;/*выделяем поля для ввода*/
}
 
 
 

[Elina]

Заказать работу

[Elina]

Код

верхнее меню так
#pillmenu {/*template.css (строка 351)*/
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
 
левое меню 
div.module_menu div div, div.module div div {/*template.css (строка 793)*/
    background: url("../images/menu_bottom.png") no-repeat scroll left bottom transparent;
    margin: 0 auto;
    padding: 0;
    border-top: solid 1px #eee;
    border-left: solid 3px #eee;
    border-right: solid 5px;
    border-bottom: solid 10px #ddd;
}
 
 

В верхнем меню когда по нулям ничего не происходит. Делаю так

Код:

text-align: left;
padding: 0 0 0 30px;
margin:0 0 0 -25px;

Когда ставлю margin:0 0 0 0px; правая сторона выравнивается но левая оставляет салатовую линию. Когда ставлю margin:0 0 0 -25px; Получается левая сдвигается и зазор пропадает, но он появляется с права. Получается менбшка просто сдвигается в разные стороны но не расширяется. Добавляю padding менюшка просто съезжает ((

[Elina]

Вертикальное супер!Изменила цвет то что мне было нужно!супер! спасибо огромное!щас займусь формой))

[AlexSF]

а ширина табицы с верхним меню какая?
задайте 100% и
#pillmenu {/*template.css (строка 351)*/
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

[Elina]

а где это можно глянуть?

[Elina]

сейчас поиграю с цифрами)) сделала как Вы написали появился зазор слева и справа))) вот несчастье)))))))))))

[AlexSF]

Код

#pillmenu li a {/*template.css (строка 380)*/
    background: url("../images/pillmenu_bg.png") repeat-x scroll center center transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 117px;
    line-height: 116px;
    margin: 0 1px;
    padding: 0 25px;/*изменить на 26 или 27*/
    text-decoration: none;
}
 

Mozilla Firefox плюс плагин - FireBug

[Elina]

Mozilla Firefox плюс плагин - FireBug стоит))) потихоньку осваиваю))спасибо!

[Elina]

Код

#pillmenu li a {/*template.css (строка 380)*/
    background: url("../images/pillmenu_bg.png") repeat-x scroll center center transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 117px;
    line-height: 116px;
    margin: 0 1px;
    padding: 0 25px;/*изменить на 26 или 27*/
    text-decoration: none;
}
 

Mozilla Firefox плюс плагин - FireBug

аааааааааа есть! только поменяла не поверите))))))))))))) на ноль    padding: 0 0px; все встало!

[AlexSF]

 круто)))))))
 

[Elina]

это точно)) щас буду возиться с формулой, а Вы мне не подскажите откуда появилась зеленая полоска над поиском?

[AlexSF]

это последствие обвода левого меню
теперь придется делать так

Код

#search div.module div div {/*в район 815строки*/
    /*border-color: #798933;*/
    border-style: solid !important;
    border-width: 0px !important;
    margin: 0;
    padding: 0;
}
 
 
 

[Elina]

это последствие обвода левого меню
теперь придется делать так

Код

#search div.module div div {/*в район 815строки*/
    /*border-color: #798933;*/
    border-style: solid !important;
    border-width: 0px !important;
    margin: 0;
    padding: 0;
}
 
 
 

Я правильно вставляю? Оно меня не хочет покидать((( эта полоска...

Код:

#search div.module div div div form {
padding: 0;
margin: 0;
        border-style: solid;
        border-width: 0px;
        margin: 0;
        padding: 0;

[AlexSF]

вы делаете в #search div.module div div div form
а я предлагаю дописать в район 815 строки следующий код
#search div.module div div {/*в район 815строки*/
    /*border-color: #798933;*/
    border-style: solid !important;
    border-width: 0px !important;
    margin: 0;
    padding: 0;
}

[Elina]

подскажите пожалуйста как с помощью FireBug посмотреть номер строки?Насколько я понимаю это на вкладке консоль...но строки у меня почему то не отображает...

[Elina]

полоску удалила)) спасибо Вам огромное  Вы мне очень помогли)) осталось только довоевать с формой))сейчас займусь ей вплотную))

[Elina]

Маленький вопросик. А почему при редактировании вертикального меню, когда я подвинула его с правой стороны. В названии слева углы стали закругленные, а справа острые. Я прописывала такую команду, только по тексту углы не трогала

Код:

div.module_menu div div, div.module div div {
    background: url("../images/menu_bottom.png") no-repeat scroll left bottom transparent;
    margin: 0 auto;
    padding: 0;
   
   
   
    border-top: solid 2px #798933; /*color: #4CAFC10;*/;
    border-left: solid 2px #798933; /*color: #4CAFC10;*/;
    border-right: solid 2px #798933; /*color: #4CAFC10;*/;
    border-bottom: solid 2px #798933; /*color: #4CAFC10;*/;
}

[AlexSF]

подскажите пожалуйста как с помощью FireBug посмотреть номер строки?Насколько я понимаю это на вкладке консоль...но строки у меня почему то не отображает...

В названии слева углы стали закругленные, а справа острые.

возможно просто картинка не помещается в отведённое пространство, попробуйте уменьшить ширину на пару рх

Код

#leftcolumn h3, #rightcolumn h3 {/*template.css (строка 907)*/
    background: url("../images/h3.png") no-repeat scroll left top transparent;
    color: #829300;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 0;
    text-align: left;
    text-decoration: none;
    width: 190px;
}
 

[Elina]

а на какой странице форму искать?
нашёл

Код

.form_element select, .form_element input {/*/components/com_chronocontact/themes/default/css/style1.css (строка 46)*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    border: solid 1px #ссс;/*выделяем поля для ввода*/
}
 
 
 

Не могу найти эту строку. Смотрю через FireBug Но у меня есть только 23,58,81,31 и 74 строки. Или я что-то не так делаю?

[Elina]

возможно просто картинка не помещается в отведённое пространство, попробуйте уменьшить ширину на пару рх

Код

#leftcolumn h3, #rightcolumn h3 {/*template.css (строка 907)*/
    background: url("../images/h3.png") no-repeat scroll left top transparent;
    color: #829300;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 0;
    text-align: left;
    text-decoration: none;
    width: 190px;
}
 

Огромное спасибо! С кодом если подвинуть все равно острые, я щас попробую прописать команду.

[Elina]

Вставила в начало посмотреть, может получиться. Но не вышло. Может я не верно делаю?

Код:

    <input class="cf_inputbox required" maxlength="150" size="30" title="Некорректно заполнено поле" id="text_4" name="Name" type="text" font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    border: solid 1px #ссс;/*выделяем поля для ввода*/>

[dynamit]

Может я не верно делаю?

да уж наверно. может лучше так?

Код:

<input class="cf_inputbox required" maxlength="150"
 size="30" title="xxx" id="text_4" name="Name" type="text"
 style="font-family: Arial,Helvetica,sans-serif;font-size: 14px;border: solid 1px #ссс;">

далее - у вас для input определены два класса -  cf_inputbox и required. для чего прописывать стиль в сам тег?
они определены, но в стилевом файле компонента  style 1.css  (components/com_chronocontact/themes/default/css/style1.css) класс .cf_inputbox не прописан. создайте его сами, добавьте свои инструкции и не засоряйте г...о кодом свой сайт

Код

.cf_inputbox{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
border: solid 1px #ccc;
}
 

[Elina]

да уж наверно. может лучше так?

Код:

<input class="cf_inputbox required" maxlength="150"
 size="30" title="xxx" id="text_4" name="Name" type="text"
 style="font-family: Arial,Helvetica,sans-serif;font-size: 14px;border: solid 1px #ссс;">

далее - у вас для input определены два класса -  cf_inputbox и required. для чего прописывать стиль в сам тег?
они определены, но в стилевом файле компонента  style 1.css  (components/com_chronocontact/themes/default/css/style1.css) класс .cf_inputbox не прописан. создайте его сами, добавьте свои инструкции и не засоряйте г...о кодом свой сайт

Код

.cf_inputbox{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
border: solid 1px #ccc;
}
 

Вау!Так просто!У меня просто нет слов! Спасибо огромное!