Делай так
<div id="header">--------</div>
<div id="content">#WORK_AREA#</div>
<div id="footer">---------</div>
в template_style.css - стили для дизайна применимые к header и footer
style.css
в нем идет reset css и оформления контентной облости id=content
но проблема в том что #content не применяется в визуальном редакторе, так как в нем отсутвует <div id="content"> а писать стили без #content не хочется , так как например сделаеть без #content а просто
при использовании ul li в меню нужно в стилях опять делать сброс (padding:0; margin:0; line-height... ; background...) и так какждый раз... это вообще не хорошо. как быть?
подскажите какой id или клас у визуального редатора что бы прописать синонимы..
#content ul li,#visual_redactor ul li, {padding:0 0 0px 20px; margin:0; line-height:18px; background:url(images/ico/li_b.gif) no-repeat 0 9px;}
спасибо
<div id="header">--------</div>
<div id="content">#WORK_AREA#</div>
<div id="footer">---------</div>
в template_style.css - стили для дизайна применимые к header и footer
style.css
в нем идет reset css и оформления контентной облости id=content
| Код |
|---|
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;}
:focus {outline: 0;}body {/*line-height: 1;*/color: black;background: #ffffcb;}/*ol, ul {list-style: none;}*/table {border-collapse: separate;}caption, th, td {text-align: left;font-weight: normal; vertical-align: top;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
#content ul{padding: 0px 0 10px 10px; list-style: none; }
#content ol {padding: 0px 0 10px 30px; list-style-type:decimal; }
#content ul li {padding:0 0 0px 20px; margin:0; line-height:18px; background:url(images/ico/li_b.gif) no-repeat 0 9px;}
#content ol li {padding:0 0 0px 0px; margin:0; line-height:18px;} |
но проблема в том что #content не применяется в визуальном редакторе, так как в нем отсутвует <div id="content"> а писать стили без #content не хочется , так как например сделаеть без #content а просто
| Код |
|---|
ul li {padding:0 0 0px 20px; margin:0; line-height:18px; background:url(images/ico/li_b.gif) no-repeat 0 9px;} |
при использовании ul li в меню нужно в стилях опять делать сброс (padding:0; margin:0; line-height... ; background...) и так какждый раз... это вообще не хорошо. как быть?
подскажите какой id или клас у визуального редатора что бы прописать синонимы..
#content ul li,#visual_redactor ul li, {padding:0 0 0px 20px; margin:0; line-height:18px; background:url(images/ico/li_b.gif) no-repeat 0 9px;}
спасибо
