Помощник
|
Вопрос по CSS |
Programer
|
Сообщение
#1
|
||
|
|
||
|
|||
Letmetouchyou |
14.7.2010, 17:00;
Ответить: Letmetouchyou
Сообщение
#2
|
|
вопрос не ясен,кэп
|
|
|
locky-yotu |
14.7.2010, 17:33;
Ответить: locky-yotu
Сообщение
#3
|
|
Programer, padding поставь
|
|
|
alexdrob |
14.7.2010, 17:44;
Ответить: alexdrob
Сообщение
#4
|
|
отступ padding или margin а куда вписать не видя кода не скажу)
|
|
|
Programer
|
Сообщение
#5
|
|
alexdrob, код же выложил)
|
|
|
alexdrob |
14.7.2010, 18:09;
Ответить: alexdrob
Сообщение
#6
|
|
где? я вижу отрывок css и всё, и я не телепат чтоб понять какой стиль у вас куда относится на вашей картинке
|
|
|
Programer
|
Сообщение
#7
|
|
ну вот тогда полностью)
/*
Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.centroarts.com License: ������ ������ ���������� ������� CENTROARTS, �� ��������������� ������ ����� http://catzone.ws ��������� ��������������� ������ ������� ������� � ����� ����, ��� �� ������������ ��� � �� �������������� ������. ��� ����� ����������� ������. */ * { font-size: 1em; margin: 0; padding: 0; font-family: Tahoma, Arial, Verdana, sans-serif; } h1, h2, h3, h4, h5 { line-height: normal; font-weight: normal; } h1 { font-size: 1.4em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.0em; } a { color: #b42d0e; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } input, textarea, select { outline: none; } body { color: #000; background-color: #FFFFFF; font-size: 0.70em; line-height: 1.4em; } .pagebg { text-align: center; background-color: #1a1a1a; } p { padding: 0; margin: 0; margin-bottom: 0.4em; } .clr { clear: both; } a img { border: 0 none; } .parag { text-indent: 30px; } .small { font-size: 0.9em; color: #717170; } hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; } ul { padding-left: 16px; list-style-position:outside; list-style-image:none; } ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; } table { border-collapse: collapse; border-spacing: 0; } .reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; } input.reset { background: none; border: 0 none; } .wrapper { width: 92%; max-width: 1480px; min-width: 996px; text-align: left; margin: 0 auto; } .wwide { width: 100%; min-width: 996px; } *html .wrapper { width: expression((document.body.clientWidth) < 996? "996px": (document.body.clientWidth) > 1480? "1480px": "92%" ); } *html .wwide { width: expression((document.body.clientWidth) < 996? "996px": "100%" ); } /*HEAD*/ .lcolomn, .searchform { float: left; display: inline; } .rcolomn { float: right; display: inline; } .red { color: #b42d0e; } .orange { color: #ea8011; } .hmenu li a, a.rssicon, .bnavi ul li a, .bdark a, .datebox a, .navigation a, .brelated ul a, .loginline li a, .argmore a { text-decoration: none !important; } .brelated ul li {list-style: none;} /*toppanel*/ .hptop, .hptop .wrapper { overflow: hidden; height: 35px; } .hptop { background: #000 url("../images/wwide.png") repeat-x; } a.rssicon { margin: 9px 15px 0 0; padding-left: 14px; line-height: 15px; text-align: center; float: right; width: 120px; height: 17px; font-size: 0.9em; color: #39130b; background: #dea950 url("../images/rssbutton.png") no-repeat; } a.rssicon:hover { background-position: -134px 0; } .searchform { width: 161px; height: 27px; overflow: hidden; position: relative; background: url("../images/search.png") no-repeat 0 0; margin: 4px 0 0 10px; } .searchform .lfield { float: left; width: 120px; padding: 0 0 0 13px; margin-top: 6px; } .searchform .lfield input { width: 120px; color: #c2c2c2; padding-top: 1px; } .searchform .submit { position: absolute; right: 0; top: 0; } .searchform .submit input, .searchform .submit { width: 27px; height: 27px; } .searchform .submit input { cursor: pointer; background: #dea200 url("../images/search.png") no-repeat 0 -27px; } .searchform .submit input:hover { background-position: -27px -27px; } /*tophead*/ .hmtop, .hmtop .wrapper { height: 132px; } .hmtop { background: #30241a url("../images/hmtop.jpg") repeat-x; } .hmtop h1 a, .footw h1 a { background-image: url("../images/vipsite.png"); float: left; width: 392px; height: 0; overflow: hidden; padding-top: 126px; } .bannertop { padding: 38px 0 0 14px; position: relative; margin-top: -2px; width: 502px; height: 98px; float: right; background: url("../images/bannertopbg.png") no-repeat; } .bannertop .dcont { width: 468px; height: 60px; overflow: hidden; } /*toolbar*/ .hmenut, .spbbg, .spbleft, .spbright { height: 98px; } .hmenut { background: #1a1a1a url("../images/wwide.png") repeat-x 0 -36px; } .spbbg { background: url("../images/spbbg.png") repeat-x 0 -196px; } .spbleft { background: url("../images/spbbg.png") no-repeat 0 0; } .spbright { background: url("../images/spbbg.png") no-repeat 100% -98px; } .toolbar { padding: 14px 12px 0 12px; height: 42px; margin-bottom: 15px; } .hmenu, .hmenu li { display: inline; } .hmenu li a, .hmenu li a span { cursor: pointer; height: 42px; float: left; background: url("../images/hmenu.png") no-repeat; } .hmenu li a { color: #e78839; line-height: 39px; min-width: 138px; margin-right: 4px; } .hmenu li a span { padding: 0 15px 0 43px; } .hmenu li a:hover { color: #e7ddb0; background-position: 100% -420px; } .hmenu li a.hmforum span { background-position: 0 -210px; } .hmenu li a.hmfeed span { background-position: 0 -252px; } .hmenu li a.hmadw span { background-position: 0 -294px; } .hmenu li a.hmrul span { background-position: 0 -336px; } .hmenu li a.hmprite span { background-position: 0 -378px; } .hmenu li a.hmforum:hover span { background-position: 0 0; } .hmenu li a.hmfeed:hover span { background-position: 0 -42px; } .hmenu li a.hmadw:hover span { background-position: 0 -84px; } .hmenu li a.hmrul:hover span { background-position: 0 -126px; } .hmenu li a.hmprite:hover span { background-position: 0 -168px; } .speedbar { margin: 0 75px; color: #d3d3d3; overflow: hidden; } .speedbar a { color: #ff9926; } .loginform { display: inline; } .loginline { float: right; display: inline; padding-top: 6px; } .loginline li { display: inline; } .loginline li a { line-height: 27px; color: #1e1d1b; } .loginline li a b, .loginline li a { float: left; cursor: pointer; height: 29px; background: url("../images/loginbtn.png") no-repeat 0 0; } .loginline li a b { padding: 0 14px; } .loginline li a.ybtn { background-color: #dc861f; background-position: 100% -29px; } .loginline li a.ybtn b { background-position: 0 0; } .loginline li a.ybtn:hover { background-position: 100% -87px; } .loginline li a.ybtn:hover b { background-position: 0 -58px; } .loginline li a.dbtn { background-color: #000; background-position: 100% -116px; color: #e78839; } .loginline li a.dbtn b { background: none; } .loginline li a.dbtn:hover { color: #e7ddb0; } .loginwindow { position: fixed; background: #251c14 url("../images/vipsitelogtop.jpg") no-repeat 0 0; width: 398px; left: 34%; top: 170px; border: 1px solid #5d4e41; display: none; z-index: 999; overflow: hidden; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; } *html .loginwindow { position: absolute; } .statsite .lwpad { padding: 20px; } .lwhead { overflow: hidden; padding: 0 10px; height: 99px; background: #423224 url("../images/vipsitelogtop.jpg") no-repeat 0 0; } .statsite .lwhead { background-image: url("../images/stathead.png"); } .lwhead a img { float: right; width: 17px; height: 19px; margin: 10px 0 0; background: url("../images/loginclose.png") no-repeat 0 0; } .lwhead a:hover img { background-position: 0 -19px; } .loginbox { padding: 10px 0; margin: 0 25px; } .loginbox .lfield span { display: block; margin: 0 0 3px 0; color: #fff; } .loginbox .lfield span a { color: #f09025; } .loginbox .lfield div { border: 1px solid #5d4e41; background-color: #17110c; margin: 0 0 10px 0; padding: 2px 0; } .loginbox .lfield div input { border: 0 none; background: none; width: 100%; font-size: 1.5em; color: #ff9926; } .loginbox .submit { text-align: center; } .loginbox .submit .btn { font-weight: bold; cursor: pointer; padding: 0 0 5px 0; display: inline-block; height: 29px; width: 77px; border: 0 none; background: #dca44c url("../images/loginbtn2.png") no-repeat 0 0; } .loginbox .submit .btn:hover { background-position: 0 -29px; } .loginenter { overflow: hidden; padding: 10px 0 20px 129px; } .lgavatar { display: inline; float: left; margin: 0 0 0 -129px; width: 129px; text-align: right; } .lgavatar img { width: 100px; border: 1px solid #31251b; } .lginfo { display: inline; float: right; width: 100%; } .lginfo ul { padding-left: 20px; color: #ff9926; } .lginfo ul li { padding: 1px 0; } .lginfo ul a { color: #fff; } .lginfo ul a:hover { color: #ff9926; } /*structure*/ .radius, .radius div { z-index: 20; position: relative; height: 6px; overflow: hidden; font-size: 1px; background-image: url("../images/toprad2.png"); background-repeat: no-repeat; line-height: 1px; } .radius { background-color: #d3cbc1; } .rtop { background-position: 0 0; } .rtop div { background-position: 100% -6px; } .rbtm { background-position: 0 -12px; } .rbtm div { background-position: 100% -18px; } .container, .leftside, .midside, .rightside, .mainside { overflow: hidden; } .container { background-color: #d3cbc1; padding: 0 0 6px 219px; } .container .midside .container { background: none; padding: 0 219px 0 0; } .leftside, .rightside { display: inline; width: 213px; padding-left: 6px; } .leftside { float: left; margin: 0 0 0 -219px; } .rightside { float: right; margin: 0 -219px 0 0; background-color: #d3cbc1; } .midside, .mainside, table.conts { width: 100%; } .midside { float: right; width: 100%; } .mainside { float: left; } table.conts { border: 0 none; } /*footer*/ .footrad { background: url("../images/wwide.png") repeat-x 0 -135px; } .footrad, .footrad div { height: 47px; text-align: center; } .footrad div { background: url("../images/toprad.png") 0 -132px; } .footrad .wpapper { background-color: #d3cbc1; background-repeat: repeat-x !important; } .footrad div div { background-position: 0 0; background-repeat: no-repeat; } .footrad div div div { background-position: 100% -66px; } .footrad a { overflow: hidden; display: block; margin: 0 auto; padding-top: 30px; height: 0; width: 141px; background: url("../images/uppage.png") 0 0; } .footrad a:hover { background-position: 0 -30px; } .footw { overflow: hidden; height: 92px; background: #291f16 url("../images/footw.jpg") repeat-x 0 0; } .footw h1 a { width: 258px; padding-top: 92px; background-image: url("../images/vipsitefoot.png"); } .copyright { margin-top: 75px; float: left; color: #fff; } .copyright a { color: #fff; } .counts { display: inline; } .counts ul { float: right; margin-top: 16px; } .counts ul li { float: left; width: 88px; height: 31px; padding: 0 2px 2px; margin-left: 6px; border: 1px solid #584635; border-width: 0 1px 1px 0 } .footw2 { background: url("../images/wwide.png") repeat-x 0 -183px; } .footw2 .wrapper { height: 72px; padding-top: 18px; overflow: hidden; position: relative; } .centroarts { background: url("../images/centroarts.png"); position: absolute; display: block; top: 31px; right: 3px; width: 100px; height: 0; overflow: hidden; padding-top: 22px; } .foottext { margin-right: 145px; display: block; color: #9e9e9e; } .foottext .small, .foottext a { color: #9e9e9e; } .foottext a { text-decoration: underline; } .foottext .small { line-height: 1.25em; } /*buttons*/ .fbutton, .btn_reglog, .vresult { background: none; border: 0 none; cursor: pointer; } .fbutton { color: #515151; font-weight: bold; background: #fff url("../images/fbuttons.png") no-repeat 0 0; width: 119px; height: 31px; padding: 2px 2px 3px 4px; } .fbutton:hover { color: #b42d0e; background-position: 0 -31px; } .vresult { color: #891900; } /*blocks*/ .sidebar .block { width: 207px; overflow: hidden; margin: 0 0 6px 0; background-color: #fff; } .block .dcont { margin: 0 9px; width: 189px; overflow: hidden; } .block .dtitle { background: url("../images/bkdtitle.png"); display: block; overflow: hidden; height: 34px; color: #ff9926; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.25em; line-height: 34px; text-indent: 9px; margin-bottom: 9px; } .block .radius { background-color: transparent; background-image: url("../images/blockrad.png"); height: 9px; } .sidebar .bdark { color: #fff; background: #090909 url("../images/bdark.jpg") no-repeat 0 35px;} .bdark .radius { background-position: -207px; } .bdark .dtitle { border-bottom: 1px solid #5f3323; margin-bottom: 7px; } .bdark a { color: #ebebeb; } .bdark a:hover { color: #ff9926; } .bnavi ul li a { margin: 0 0 1px 0; color: #000; font-weight: bold; display: block; height: 20px; padding-left: 7px; line-height: 19px; background: url("../images/bnavi.png"); } .bnavi ul li a:hover { background-position: 0 -21px; background-color: #3a3a3a; color: #fff; } .sidebar .binfo { background: #090909 url("../images/binfo.jpg") no-repeat 0 0; } .binfo .dcont { margin: 0 15px 5px 15px; width: 177px; } .binfo .ddtitle { margin: 15px 75px 15px 15px; font-size: 2em; line-height: 0.9em; min-height: 45px; color: #dc8724; } .btopnews ul { padding-top: 1px; background: url("../images/dotted.png") repeat-x 0 0; } .btopnews ul li { background: url("../images/dotted.png") repeat-x 0 100%; } .btopnews ul li a { padding: 4px 0 5px 0; line-height: normal; width: 100%; display: block; color: #212121; } .btopnews ul li a:hover { color: #9a280e; } /*banner block*/ .bannerblock { border: 1px solid #a09689; background-color: #eae6e1; } .bannerblock .radius div, .bannerblock .radius { background-color: transparent; background-image: url("../images/grboxrad.png"); } .bannerblock .rbtm { top: 1px; margin: 0 -1px; } .bannerblock .rtop { top: -1px; left: -1px; overflow: visible; } .bannerblock .rtop div { right: -2px; } .bannerblock .dcont { text-align: center; margin: 0 6px; overflow: hidden; } .bannerblock, .cblock { margin-bottom: 6px; } .cblock { background-color: #fff; } .cblock .radius div, .cblock .radius { background-color: transparent; background-image: url("../images/whboxrad.png"); } img.rss {float: right;} .catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .catPages1 a:link, .catPages1 a:visited, .catPages1 a:hover, .catPages1 a:active {text-decoration:none;color: #636363;background:#F9F9F9;padding:3px 10px;font-size:11px;font-weight:bold;} .catPages1 a:hover {background:#6B82A4;color:#FFFFFF;font-weight:bold;} .catPages1 b {text-decoration:none;background:#FFF;padding:3px 10px;color:#ccc;font-size:11px;} .catPages1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;} .catPages1 a:link, .catPages1 a:visited, .catPages1 a:hover, .catPages1 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;} .catPages1 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;} .catPages1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} .pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;} .pagesBlockuz1 a:link, .pagesBlockuz1 a:visited, .pagesBlockuz1 a:hover, .pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;} .pagesBlockuz1 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;} .pagesBlockuz1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} .pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .pagesBlock1 a:link, .pagesBlock1 a:visited, .pagesBlock1 a:hover, .pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;} .pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;} .pagesBlock1 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;} .catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;} .catPages2 a:link, .catPages2 a:visited, .catPages2 a:hover, .catPages2 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;} .catPages2 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;} .catPages2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} .pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;} .pagesBlockuz2 a:link, .pagesBlockuz2 a:visited, .pagesBlockuz2 a:hover, .pagesBlockuz2 a:active {text-decoration:none;color: #636363;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #e6e6e6;} .pagesBlockuz2 a:hover {background:#6699cc;color:#FFFFFF;font-weight:bold;border:1px solid #e6e6e6;} .pagesBlockuz2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;} .pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .pagesBlock2 a:link, .pagesBlock2 a:visited, .pagesBlock2 a:hover, .pagesBlock2 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;} .pagesBlock2 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;} .pagesBlock2 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;} |
|
|
Programer
|
Сообщение
#8
|
|
alexdrob, да и на картинки спец. написал я что таблица под стилем /*banner block*/
|
|
|
alexdrob |
14.7.2010, 18:39;
Ответить: alexdrob
Сообщение
#9
|
|
|
|
|
Programer
|
Сообщение
#10
|
|
читать 1 пост умеете? :rjunimagu:
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3459 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3398 | 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 | 1434 | 29.12.2020, 23:49 автор: zaiko |
Текстовая версия | Сейчас: 19.4.2024, 10:28 |