Jump to content

RiG

User
  • Posts

    44
  • Joined

  • Last visited

Everything posted by RiG

  1. Да и контент всё равно продолжает заезжать под правые блоки(
  2. Футер прилип к нижней границе браузера и игнорирует содержимое страницы
  3. Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана) <div style='margin-left:195px;margin-right:195px'> Основной контент </div> <div style='width:195px;position:absolute;top:0px;left:0'> Левый блок </div> <div style='width:195px;position:absolute;top:0px;right:0'> Бравый блок </div> <div class='footer'> футер </div> Контент в коде находится выше всего остального содержания. Возникли 2 проблемы. 1) Как прижать в данном случае футер к низу страницы. 2) Как установить min-width так чтобы блок с контентом не сжимался меньше указанного размера и не "заезжал" под правый блок(как он сейчас это делает) при уменьшении размеров окна.
  4. в пустые divы можно вписывать
  5. разобрался, спасибо Shotgun. А не расскажете по подробнее почему это происходит?
  6. <div style='float:left;width:ширина блока'>первый блок</div> <div style='margin-left:ширина первого блока;'>второй блок обтекает первый слева</div> Грубо говоря так А для центрирования суём эти блоки в div и прописываем ему margin:0 auto;
  7. Нет)) Это Здесь)) Выложу структуру страницы на всякий <!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}
  8. Сайт к сожалению пока в денвере. Никаких правил css для form не прописано абсолютно нигде. для input только одно правило input{font-size:12px} Какие вообще могут быть причины проявления данной ошибки не подскажете?
  9. Переписываю дизайн сайта на divы. Имеется блок div, фоном которого является картинка. Но вот при размещении кнопок на нём фон за этими кнопками не отображается. Вот исходный код для блока, его кнопок и стили <div class='blocks'> <div> <img src='{THEME}/images/vote.png' width='195' height='70' alt='Голосование' /> </div> <div class='background'> {vote} </div> <div> <img src='{THEME}/images/nizleft.png' width='195' height='14' alt='' /> </div> </div> Содержимое блока(кнопки) <div style='padding-left:35px;'> <br /> <b>{title}</b> </div> <br /> <form method='post' name='vote' action=''> <div style='padding-left:5px;'> {list} </div> </form> <br /> <div style='margin-left:5px;float:left'> <input type='hidden' name='vote_action' value='vote' /> <input type='hidden' name='vote_id' id='vote_id' value='{vote_id}' /> <input class='bbcodes' type='submit' style='width:90px; height:22px' onclick="doVote('vote'); return false;" value='Голосовать' /> </div> <div style='margin-right:5px; float:right'> <form method='post' name='vote_result' action=''> <input type='hidden' name='vote_action' value='results' /> <input type='hidden' name='vote_id' value='{vote_id}' /> <input class='bbcodes' type='submit' style='width:90px; height:22px;' onclick="doVote('results'); return false;" value='Результаты' /> </form> </div> Стили .background{background-image:url('../images/8.png');background-repeat:repeat-x} .blocks{width:195px;border:0} Опять же при табличном построении сайта фон отображался корректно. В чём проблема?
  10. Огромное спасибо. сработало)
  11. Создал рамку из дивов с помощью такого кода <div class='ram'><div class='ram1'><div class='ram2'><div class='ram3'><div class='ram4'> содержимое рамки </div></div></div></div></div> и соответственно css, в котором прописаны пути к картинкам, составляющим эту рамку, и способ заливки. .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} Но вот проблема. Вставляю в данный контейнер картинку и текст. <div class='ram'><div class='ram1'><div class='ram2'><div class='ram3'><div class='ram4'> <div style='float:left; width:48px; height:48px'> <img src='{THEME}/images/alert.png' width='48' height='48' alt='Внимание' /> </div> <div style='margin-left:48px;'>Текст</div> </div></div></div></div></div> Но рамка растягивается вниз только пропорционально вмещающемуся в неё тексту, игнорирую высоту картинки, которая соответственно выезжает за пределы diva. Ниже скрин. Как решить данную проблему?
  12. RiG

    Div блоки

    Именно под него. Спасибо, допёр в принципе сам, но ваш совет тоже верен)
  13. RiG

    Div блоки

    Спасибо, разобрался. Но задача усложнилась. В центре размещается ещё 2 diva (div1 и div2) с расположением слева и справа соответственно. Правый из этих блоков(div2) можно сделать фиксированной ширины не важно, а вот левый (div1) резиновый. Но проблема: Если в div 1 всунуть очень длинный текст, то если он не помещается при текущем разрешении экрана, то блок div 2 прыгает вниз ((( Как быть? <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> <div style='height:38px; float:left; position: relative; top: 11px;'> <b>Очень очень длинный текст который не помещается. Уменьшите окно браузера чтобы увидеть как текст {link-category} из следующего diva прыгнет вниз за пределы строки.</b> </div> <div style='Width:344px;height:38px; float:right; position:relative; top:11px; text-align:right;'> <b>{link-category}</b> </div> </div>
  14. RiG

    Div блоки

    Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?
  15. Изначальный код полностью <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td width='63'> <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' /> </td> <td width='100%' class='upzalivnews'> <div class='newslink'> <b> [full-link]{title}[/full-link] </b> </div> </td> <td align="right" nowrap='nowrap' width='344' class='upzalivnews'> <b> {link-category} </b> </td> <td> <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' /> </td> </tr> </table> <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td width='11' rowspan='2' class='borderleft'> <img src='{THEME}/images/borderleft.gif' width='11' height='3' alt='' /> </td> <td colspan='2' class='news'> {short-story} <div style='position: relative; padding-top:10px; padding-bottom:10px;' align='center'> [full-link] Читать Дальше...[/full-link] </div> </td> <td width='11' rowspan='2' class='borderright'> <img src='{THEME}/images/borderright.gif' width='14' height='3' alt='' /> </td> </tr> <tr> <td width='60'> {rating} </td> <td width='100%'> <div align='center'> [edit]<img src='{THEME}/dleimages/editstore.png' title = 'Редактировать новость' alt='Редактировать' />[/edit] {favorites} Просмотров: ({views}) | Автор: <b>{author}</b> | Дата создания: <b>{date}</b> | [com-link]Комментарии ({comments-num})[/com-link] </div> </td> </tr> </table> <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td height='12'> <img src='{THEME}/images/downleftangle.gif' width='63' height='12' alt='' /> </td> <td width='100%' class='downzalivnews'></td> <td width='14'> <img src='{THEME}/images/downrightangle.gif' width='14' height='12' alt='' /> </td> </tr> </table> Я описал только первую таблицу из этого кода. А вот скрин полностью
  16. Вот такая полоса должна получиться
  17. Имеется вот такой код, отображающий Заголовок новости и Категорию. (Движок DLE) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td width='63'> <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' /> </td> <td width='100%' class='upzalivnews'> <b>{title}</b> </td> <td align="right" nowrap='nowrap' width='344' class='upzalivnews'> <b>{link-category}</b> </td> <td> <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' /> </td> </tr> </table> Тут Класс upzalivnews содержит .upzalivnews{background-image:url('../images/upzalivnews.png');background-repeat:repeat-x} (картинка 2x38 px) Соответственно подряд тут расположен: картинка фиксированной длины, Поле для текста(резиновое) с заливкой вышеуказанным классом, поле Для текста(фиксированной длины) с заливкой указанным классом), картинка 14x38 px Хочу перевести это на div, написал такой код <div style='width:100%'> <div style='width:63px; height:38px; float: left;' align='left'> <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' /> </div> <div style='width:100%; float: left; height:34px;' class='upzalivnews'> <b> [full-link]{title}[/full-link] </b> </div> <div style='width:400px; height:34px; float: right;' class='upzalivnews'> <b> {link-category} </b> </div> <div style='float: right; width:14px; height:38px;'> <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' /> </div> </div> но отображается полный бред. Подскажите пожалуйста что я делаю не так?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy