Leaderboard
Popular Content
Showing content with the highest reputation on 03/15/2011 in all areas
-
это потому что доктайп неправильный.1 point
-
хм… это здесь? Далековато. Извините, не поеду. какие угодно.1 point
-
проблема в том, что мы не имеем возможности посмотреть на сайт целиком. А вдруг там у формы есть фон? Ну или ещё чего-нибудь. Покажите ссылку на сам сайт.1 point
-
В TD ячейку вставить таблицу не?1 point
-
Нет)) Это Здесь)) Выложу структуру страницы на всякий <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='ru' lang='ru'> <head> </head> <body> <!--Шапка--> <div class='zalivup' style=''> </div> <!--/Шапка--> <!-- Таблица основы--> [b]<!--content-->[/b] <div style='padding-left:10px;padding-right:10px;min-width:650px;margin-left:195px;margin-right:195px'> {content} </div> <!--end content--> [b]<!--Left Blocks-->[/b] <div style='width:195px;position:absolute;top:204px;left:0'> <!--блок--> <div class='blocks'> <div> <img src='' width='' height='' alt='' /> </div> <div class='background'> Содержание </div> <div> <img src='' width='' height='' alt='' /> </div> </div> <!--блок--> <div class='blocks'> <div> <img src='' width='' height='' alt='' /> </div> <div class='background'> Содержание </div> <div> <img src='' width='' height='' alt='' /> </div> </div> <!--блок--> <div class='blocks'> <div> <img src='' width='' height='' alt='' /> </div> <div class='background'> Содержание </div> <div> <img src='' width='' height='' alt='' /> </div> </div> <!--Конец left blocks--> </div> [b]<!--right blocks-->[/b] [color="#FF0000"]<!--проблемный блок-->[/color] <div style='width:195px;position:absolute;top:204px;right:0'> <div class='blocks'> <div> <img src='' width='195' height='' alt='' /> </div> <div class='background'> {vote} </div> <div> <img src='' width='' height='' alt='' /> </div> </div> <!--блок--> <div class='blocks'> <div> <img src='' width='' height='' alt='' /> </div> <div class='background'> Содержание </div> <div> <img src='' width='' height='' alt='' /> </div> </div> <!--блок--> <div class='blocks'> <div> <img src='' width='' height='' alt='' /> </div> <div class='background'> Содержание </div> <div> <img src='' width='' height='' alt='' /> </div> </div> <!--блок--> <div class='blocks'> <div> <img src='' width='' height='' alt='' /> </div> <div class='background'> Содержание </div> <div> <img src='' width='' height='' alt='' /> </div> </div> <!--конец right blocks--> </div> <!--футер--> <div class='zalivdown'> </div> </body> </html> Все используемые css /*Блоки */.background{background-image:url('../images/8.png');background-repeat:repeat-x} .blocks{width:195px;border:0} /*Верх. и низ. шапки */DIV.zalivup{background-image:url('../images/zalivup.png');background-repeat:repeat-x} DIV.zalivdown{background-image:url('../images/zalivdown.png');background-repeat:repeat-x} /*Рамки и новость */.upzalivnews{background-image:url('../images/upzalivnews.png');background-repeat:repeat-x;width:auto;height:38px;margin-left:63px;margin-right:2px} .borderleft{background-image: url('../images/borderleft.gif'); width:11px; background-repeat: repeat-y; background-position: left top;} .borderright{background-image: url('../images/borderright.gif'); width:14px; background-repeat: repeat-y; background-position: right top;} .downzalivnews{background-image:url('../images/downzalivnews.gif');background-repeat:repeat-x;width:auto;height:12px} .ram{background: url('../images/borderleft.gif') top left repeat-y;} .ram1{background: url('../images/borderright.gif') top right repeat-y;} .ram2{background: url('../images/downleftangle.gif') bottom left no-repeat;} .ram3{background: url('../images/downrightangle.gif') bottom right no-repeat;} .ram4{background: url('../images/downzalivnews.gif') bottom repeat-x;margin-left:10px;margin-right:10px;padding-bottom:10px;overflow:hidden} .news{font-family:Verdana;font-size:11px;padding:8px} .linkcategory{height:38px; float:right;position:relative;top:11px;right:10px;text-align:right;white-space:nowrap;z-index:1} .title{position:relative;top:11px;text-align:left;} .titlelink a:link,.titlelink a:visited,.titlelink a:active{position:relative;top:11px;text-align:left;color:#120a8f} .titlelink a:hover{color:#960018} /*Навигация по страницам */.navigation{border:0;color:#666} .navigation a:link,.navigation a:visited,.navigation a:active{background:#F9F9F9;border:1px solid #E6E6E6;color:#636363;font-size:11px;text-decoration:none;padding:3px 6px} .navigation a:hover{background:#7fc7ff;color:#FFF;border-color:#E6E6E6} input.navigation:hover{background:#7fc7ff;color:#FFF;border-color:#E6E6E6} .navigation span{background:#fff;border:1px solid #E6E6E6;color:#ccc;font-size:11px;text-decoration:none;padding:3px 6px} /*Общее */BODY{font-family:Tahoma,Verdana;font-size:11px;line-height:1.5em;margin:0;padding:0} a:link,a:visited,a:active{color:#00f;font-family:Verdana,Helvetica;font-size:11px} a:hover{color:#960018} IMG{border:0} textarea{border:1px solid #E0E0E0} input{font-size:12px} /*Таблица в статистике сайта */.userstop{color:#606D77;font-family:Tahoma;font-size:11px} .userstop thead{color:#4775a5;font-family:Tahoma;font-size:11px;font-weight:700} .userstop td{padding:3px} .userstop a{color:#106FA5} .userstop a:hover{color:#9DB109;text-decoration:underline} /*—search— */.reset,.reset li{list-style:none;margin:0;padding:0} .searchbar{margin-left:5px;width:182px;height:27px;background:url("../images/search3.png") no-repeat} .searchbar li{float:left;height:27px} .searchbar .lfield{width:145px;padding-left:10px;overflow:hidden} .searchbar .lfield input{color:#708893;float:left;height:15px;width:145px;border:0 none;background:#fff;margin-top:6px} .searchbar .lbtn input{width:27px;height:27px;background:url("../images/search3.png") no-repeat 0 -27px} .searchbar .lbtn input:hover{background-position:-27px -27px} и ещё /* */ .selectmass input{float:right;margin-left:6px} .mass_comments_action{text-align:right} /*—Информационное оконо загрузки AJAX— */ #loading-layer{display:none;font-size:11px;background:#000;text-align:center;color:#fff;padding:10px} /*—Цитата и скрытый текст— */ .scriptcode,.title_quote,.quote,.title_spoiler,.text_spoiler{font-size:11px;background:#f1f0ed;border:1px dotted #4a4949;padding:5px} .title_quote,.title_spoiler{background:#f1f0ed} .title_spoiler,.text_spoiler{border-color:#4a4949} .title_quote{border-bottom:0;font-weight:700} .scriptcode{color:#076fb1;text-align:left;font-family:"Courier New"} .text_spoiler{border-top:1px solid #fff;text-align:justify} .hide{background-color:#e8f3fa;color:#3a78a5;margin:1em;padding:5px} .hide a{text-decoration:underline} .hide a:hover{text-decoration:none} .inhide{border:1px solid #d1e3ef;background-color:#fff;margin-bottom:5px;padding:5px} /*—Календарь— —Лучшие пользователи— —Рейтинг— */ .rating{width:85px;height:15px;font-size:0.9em} .unit-rating{list-style:none;width:85px;height:15px;position:relative;background:url("../dleimages/rating.gif") repeat-x;margin:0;padding:0} .unit-rating li{text-indent:-90000px;float:left;margin:0;padding:0} .unit-rating li a{display:block;width:17px;height:15px;text-decoration:none;text-indent:-9000px;z-index:17;position:absolute;padding:0} .unit-rating li a:hover{background:url("../dleimages/rating.gif") left center;z-index:2;left:0} .unit-rating a.r1-unit{left:0} .unit-rating a.r1-unit:hover{width:17px} .unit-rating a.r2-unit{left:17px} .unit-rating a.r2-unit:hover{width:34px} .unit-rating a.r3-unit{left:34px} .unit-rating a.r3-unit:hover{width:51px} .unit-rating a.r4-unit{left:51px} .unit-rating a.r4-unit:hover{width:68px} .unit-rating a.r5-unit{left:68px} .unit-rating a.r5-unit:hover{width:85px} .unit-rating li.current-rating{background:url("../dleimages/rating.gif") left bottom;position:absolute;height:15px;display:block;text-indent:-9000px;z-index:1} /*—BB коды— различие bbcodes и bbcodes_poll исключительно в длине кнопки класс bbcodes используем в списке персональных сообщений (pm.tpl) и по умолчанию в модуле редактора сообщений */ .bbcodes,.bbcodes_poll{background:#fff url("../images/fbutton.png") repeat-x 0 50%;text-shadow:0 1px 0 #fff;border:1px solid #b3b3b3;color:#383838;margin-bottom:2px !important;height:24px;font-weight:700;cursor:pointer;-moz-box-shadow:0 1px 5px -2px #000;-webkit-box-shadow:0 1px 5px -2px #000;box-shadow:0 1px 5px -2px #000;padding:1px 9px 4px} .bbcodes_poll{width:100px} .editor{background:#fff} .editor input[type="text"]{background:#fff url("../images/fields.png") repeat-x;border:1px solid #bcc0c2;padding:2px} .base .editor{padding:5px} .editorcomm .editor{width:96% !important} .editorcomm .editor textarea{width:100% !important;background:#fff url("../images/fields.png") repeat-x;border:0 none} .editor_button{float:left;cursor:pointer;padding-left:0;padding-right:0} .editor_buttoncl{float:left;cursor:pointer;padding-left:1px;padding-right:1px;border-left:1px solid #bbb;border-right:1px solid #bbb} .editbclose{float:right;cursor:pointer;display:none} .editor_button select{font-size:11px} /*—Выпадающее меню кнопки редактировать— */ #dropmenudiv{border:1px solid #fff;border-bottom-width:0;font:normal 7px Verdana;background-color:#7fc7ff;line-height:15px;filter:alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);margin:2px} #dropmenudiv a{display:block;text-indent:3px;border:1px solid #fff;color:#106FA5;text-decoration:none;font-weight:700;margin:1px;padding:1px 0} #dropmenudiv a:hover{background-color:#A8BC0F;color:#CFE04F} /*—Ссылка на скачивание прикрепленного файла— */ .attachment{color:gray} /*—Рамка расширенной формы поиска по сайту— */ fieldset{border:1px solid #fff;text-align:left;padding:5px} /*—показ оригинальной картинки загруженной на сайт из уменьшенной копии— */ .highslide-wrapper,.highslide-outline{background:#FFF} .highslide-image{border:2px solid #FFF} .highslide-loading{display:block;color:#FFF;font-size:9px;font-weight:700;text-decoration:none;border:1px solid #FFF;background-color:#000;padding:3px} a.highslide-full-expand{background:url("../dleimages/fullexpand.gif") no-repeat;display:block;width:34px;height:34px;margin:0 10px 10px 0} .highslide-caption{display:none;background:#FFF;padding:5px} .highslide-controls{width:195px;height:40px;background:url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px;margin-right:15px;margin-bottom:10px;margin-top:10px} .highslide-controls ul{position:relative;left:15px;height:40px;list-style:none;background:url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px;margin:0;padding:0} .highslide-controls li{float:left;padding:5px 0} .highslide-controls a{background:url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif");display:block;float:left;height:30px;width:30px;outline:none} .highslide-controls a.disabled{cursor:default} /*—The CSS sprites for the controlbar— */ .highslide-controls .highslide-previous a{background-position:0 0} .highslide-controls .highslide-previous a:hover{background-position:0 -30px} .highslide-controls .highslide-previous a.disabled{background-position:0 -60px !important} .highslide-controls .highslide-play a{background-position:-30px 0} .highslide-controls .highslide-play a:hover{background-position:-30px -30px} .highslide-controls .highslide-play a.disabled{background-position:-30px -60px !important} .highslide-controls .highslide-pause a{background-position:-60px 0} .highslide-controls .highslide-pause a:hover{background-position:-60px -30px} .highslide-controls .highslide-next a{background-position:-90px 0} .highslide-controls .highslide-next a:hover{background-position:-90px -30px} .highslide-controls .highslide-next a.disabled{background-position:-90px -60px !important} .highslide-controls .highslide-move a{background-position:-120px 0} .highslide-controls .highslide-move a:hover{background-position:-120px -30px} .highslide-controls .highslide-full-expand a{background-position:-150px 0} .highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px} .highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px !important} .highslide-controls .highslide-close a{background-position:-180px 0} .highslide-controls .highslide-close a:hover{background-position:-180px -30px} /*—Облако тегов— —Быстрый поиск на сайте— */ #searchsuggestions{width:300px;background-color:#5c9ccc;font-size:10px;line-height:14px;border-color:#919191;border-style:solid;border-width:1px} #searchsuggestions a{display:block;background-color:#fff;clear:left;height:75px;text-decoration:none;padding:5px} #searchsuggestions a:hover{background-color:#fdd08b;color:#fff} #searchsuggestions a span.searchheading{background:#5c9ccc;display:block;font-weight:700;color:#fff;padding:5px} #searchsuggestions a:hover span.searchheading{color:#fff} #searchsuggestions a span{color:#555} #searchsuggestions a:hover span{color:#000} #searchsuggestions span.seperator{float:right;padding-right:15px;margin-right:5px} #searchsuggestions span.seperator a{background-color:transparent;display:block;height:auto;color:#fff} #searchsuggestions span.notfound{background-color:#fff;display:block;height:auto;color:#000;padding:5px} /*—Диалоговые и всплывающие окна jQuery UI— */ .ui-widget-overlay{background:#000;opacity:0.4px;-moz-opacity:0.4px;filter:alpha(opacity=40);left:0;position:absolute;top:0} .ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden} * html .ui-helper-clearfix{height:1%} .ui-icon{background-repeat:no-repeat;display:block;overflow:hidden;text-indent:-99999px} .ui-widget-header{color:#2a2a2a;background:url("../images/lines.png");background-repeat:repeat;font-weight:700} .ui-widget-header a{color:#2a2a2a} .ui-widget-header .ui-icon{background-image:url("../images/ui-icons.png")} .ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-color:#db143d} .ui-icon-close,.ui-icon-closethick{background:url("../images/close.png") no-repeat 50% 50% !important} .ui-dialog{background:#fff;border:1px solid #dfdedb;overflow:hidden;position:absolute;width:300px;-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);padding:5px} .ui-widget input,.ui-widget textarea{background:#fff url("../images/fields.png") repeat-x;border:1px solid #bcc0c2} .ui-dialog .ui-dialog-titlebar{position:relative;padding:.5em 1em .3em} .ui-dialog .ui-dialog-title{float:left;margin:.1em 13px .3em 0} .ui-dialog .ui-dialog-titlebar-close{height:18px;position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0;padding:1px} .ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px} .ui-dialog .ui-dialog-content{background:none;border:0;overflow:hidden;position:relative;zoom:1px;margin-bottom:13px;padding:13px 13px 0} .ui-dialog .ui-dialog-buttonpane{background:url("../images/ussep.png") no-repeat 50% 0;text-align:left;padding:12px 6px 6px} .ui-dialog .ui-dialog-buttonpane button{cursor:pointer;float:right;line-height:1.4em;overflow:visible;width:auto;margin:0 1px} .ui-button{cursor:pointer;font-size:0.85em;text-shadow:0 1px 0 #fff;margin-bottom:2px;border:1px solid #c4c4c4;width:106px;height:31px;color:#3c3c3c;background:#fff url("../images/fbutton.png") repeat-x 0 100%;font-weight:700;-moz-box-shadow:0 1px 4px -2px #000;-webkit-box-shadow:0 1px 4px -2px #000;box-shadow:0 1px 4px -2px #000;padding:2px 8px 5px} button.ui-button span{cursor:pointer;display:block} .ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px} .ui-draggable .ui-dialog-titlebar{cursor:move} .ui-state-error{background:#fef1ec 50% 50% repeat-x !important;border:1px solid #cd0a0a;color:#cd0a0a} .title_spoiler,.pm_head{font-weight:700} .bbcodes:hover,.bbcodes_poll:hover,.ui-button:hover{background-position:0 3px} .editor_button img,.editbclose img,.editor_button_brk img{margin:0;padding:0} .highslide-active-anchor,.highslide-active-anchor img{visibility:hidden} .highslide-dimming,.highslide-html{background-color:#000} .highslide-display-block,.ui-helper-clearfix{display:block} .highslide-display-none,.highslide-controls a span{display:none}-1 points
-
А попробуй так <!--[if lte Opera 9]>стили для оперы<![end if]-->-1 points
-
какой доктайп? о какой бред автор, ты ж повесил на дивы, в которых кнопки, float:right и float:left из-за этого блок .background не включает место под кнопками-2 points
-
написать ниже кнопок в .background <div style="clear:both"></div> ну при float не учитывается высота этого блочного элемента, он становится лишь обтекаемым-2 points
-
и что, тебя расстреляют за это? забудьте раз и навсегда, это гадость-2 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-