Mihail Dobkin
-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Mihail Dobkin
-
Применение background-position несколько раз
Mihail Dobkin replied to Mihail Dobkin's question in HTML Coding
Спасибо. Попробую. -
Сабж. Чтобы в сверху и справа - один фон снизу и справа - другой и т. д.
-
Можно так div.otherspace{ width: 100%; margin-top: Xpx; //X - фиксированная высота 1-го блока }
-
Врядли. Может background-position?
-
ГЛАВНАЯ
-
Проблема с автоматической высотой дива.
Mihail Dobkin replied to Mihail Dobkin's question in HTML Coding
Это исправил, но сразу другой вопрос Нужно, чтобы слой с текстом переходил через div.content_fixed_right, высота которого фиксированная и расширял div.content_auto с автоматической высотой. div.main { width : 1000px; height : auto; margin : 0px auto; padding : 0px 0px; border: 1px solid red; } div.header{ background : url(images/name_01.jpg); width : 1000px; height : 33px; margin : 0px 0px; padding : 0px 0px; border: 1px solid red; } div.content_auto{ background : url(images/name_09.jpg) repeat-y; width : 1000px; height : auto; margin : 0px 0px; padding : 10px 0px; border: 1px solid red; width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px") } div.content_fixed_left{ width : 325px; height : 580px; margin : 0px 0px; padding : 0px 0px; border: 1px solid red; float: left; } div.content_fixed_right{ width : 636px; height : 580px; margin : 0px 0px; padding : 0px 0px; border: 1px solid red; float: right; } div.clear{ clear: both; } div.text{ width: 500px; height:auto; color:red; border: 1px solid red; } http://www.progcom.sumy.ua/prj/3/ -
Странная возникла проблема... Есть слой с автоматической высотой, в нем находятся 2 слоя, справа и слева с фиксированными высотами. При этом, главный слой, по идее, должен удлиняться в зависимости от высоты тех 2-х слоев. Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/css; charset=windows-1251" /> <title>Gallery</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <div class = "main"> <!-- Header--> <div class="header"> </div> <!--Content --> <div class="content_auto"> <!--Content left --> <div class="content_fixed_left"> </div> <!--End of content right --> <!--Content left --> <div class="content_fixed_right"> </div> <!--End of content right --> </div> </div> </body> </html> style.css div.main { width : 1000px; height : auto; margin : 0px auto; padding : 0px 0px; border: 1px solid red; } div.header{ background : url(images/name_01.jpg); width : 1000px; height : 33px; margin : 0px 0px; padding : 0px 0px; border: 1px solid red; } div.content_auto{ background : url(images/name_09.jpg) repeat-y; width : 1000px; height : auto; margin : 0px 0px; padding : 0px 0px; border: 1px solid red; min-width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px") } div.content_fixed_left{ width : 325px; height : 580px; margin : 0px 0px; padding : 0px 0px; border: 1px solid red; float: left; } div.content_fixed_right{ width : 636px; height : 580px; margin : 0px 0px; padding : 0px 0px; border: 1px solid red; float: right; }
-
В общем, сделал вывод, что Убунту как ось для верстки использовать очень неудобно. Единственные плюс - приложение "KRuler" - экранная линейка(иногда - очень полезная вещь). Ну если кто-нибудь что-то накапает по данному сабжу, прошу проинформировать
-
-
Как объединить? <div class="main"> <div class="first"> </div> <div class="second"> </div> <div class="third"> </div> </div> А потом, например, сделать это вс? дело по центру. div.main { width : Xpx; height : auto; margin : 0px auto; padding : 0px 0px; border: 1px solid black; //для наглядности }
-
<select name="category"> <option selected>Выберите категорию</option> <?php for ($i = 0; $i< category_count; $i++){ echo("<option value="$i">$category[$i]</option>"); ?> </select> Что-то типа такого. Категории хранятся в массиве, который, например, можно извлечь из БД или из файла.
-
Неправильное отображение сайта в разных браузерах.
Mihail Dobkin replied to Mihail Dobkin's question in HTML Coding
Выбрал 1-й выход -
Что именно у Вас влево тянет? Как вариант, можно "обнять" все эти 3 слоя одним, а потом делать с ним все, что хотите.
-
Не плавают или плавают? min-width ?
-
Согласен. Этот код меня и не интересует. Мне нужны именно те разрезанные изображения, которые используются.
-
Притом, не нашел функции для сохранения как html (резаные картинки + html)
-
Как резать psd шаблон в Убунту с использованием gimp? Кто что использует?
-
+width: expression(document.body.clientWidth > X ? "100%" : "Xpx")
-
Ну как видно, див справа, под меню с текстом(div.text) растягивается, налезает на таблицу. Я проставил у него скрол. Но это не выход. Хочется, чтобы вместе с этим дивом растягивалась и таблица, в которой он находится.
-
Имеется такого рода проблема: http://www.progcom.sumy.ua/template/cod/ Как сделать, чтобы див справа растягивался? Чтобы текст не налезал... css div.main { width : 780px; height : auto; margin : 0px auto; padding : 0px 0px; border: 1px solid black; } div.content{ width:780px; height:auto; margin : 0px auto; padding : 0px 0px; min-width: 780px; width: expression(document.body.clientWidth > 780 ? "100%" : "780px") } img.fix { vertical-align: bottom; } table.content_table_first{ margin-top:10px; text-align: top; vertical-align: top; } div.left{ width:190px; height:327px; margin-left:5px; margin-right: 0px; padding : 0px 0px; border: 1px solid grey; } div.right{ width:537px; height:267px; margin-left:10px; padding : 0px 0px; border: 1px solid grey; } div.right_1{ width:537px; height:240px; margin-left:10px; padding : 0px 0px; } div.text{ width: 180px; height: 300px; font-family : Arial; color: #000000; font-size: 10px; margin-left:5px; margin-top:5px; margin-right:5px; background: green; text-align:top; overflow: scroll; } TD.top{ vertical-align: top; width:auto; } div.footer{ width:780px; height:27px; margin-top:20px; padding: 0px 0px; }
-
Может так: table{ border:0px; ... ... ... } ?
-
Продублирую свою проблему тут. Хочется разобраться. #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 206px; height : 11px; padding : 0; } #enter { width : 84px; height : 25px; margin-left : 731px; margin-top : -334px; } #text_header { width : 759px; height : 9px; margin-left : 57px; margin-top : -1px; padding : 0; background : #000000; } .text { text-indent : 20px; color : #c3c300; font-family : Tahoma; font-size : 11px; margin-left : 30px; } .text_1 { text-indent : 20px; color : #ffff28; font-family : Tahoma; font-size : 11px; margin-left : 30px; } #footer { margin-top : 20px; margin-left : 56px; width : 759px; height : 60px; padding : 0; background : url(images/footer.jpg); } .footer_text { text-indent : 20px; color : #c3c300; font-family : Tahoma; font-size : 11px; margin-top : -40px; margin-right : 20px; text-align : center; } #flash_footer { margin-top : 7px; margin-left : 20px; width : 75px; height : 46px; padding : 0; background : url(images/flash.jpg); } #fonn1 { margin-bottom : 0; margin-left : 0; width : 57px; height : 344px; padding : 0; } #fonn2 { margin-top : -400px; margin-left : 817px; width : 83px; height : 354px; padding : 0; } #button { position : absolute; width : 156px; height : 156px; left : 866px; top : 558px; } #form { position : absolute; width : 208px; height : 24px; left : 702px; top : 316px; } index.html <!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="en" lang="en"> <head> <meta http-equiv="content-type" content="text/css; charset=windows-1251" /> <title>iTillery solutions</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <div id="main"> <div id="header"> <div id="button"> <img border="0" src="images/button.gif" width="156" height="156" alt="" /> </div> <img src="images/geader.jpg" border="0" align="right" alt="" width="900" height="295" /> </div> <div id="main_content"> <div id ="head_small"> <img src="images/head_small.jpg" align="left" border="0" alt="" height="21" width="900" /> </div> <div id="red_image"> <img src="images/red_image.jpg" align="left" border="0" alt="" width="525" height="36" /> </div> <div id="fonn1"> <img src="images/fonn1.jpg" align="left" border="0" alt="" width="57" height="344" /> </div> <div id="fonn2"> <img src="images/fonn2.jpg" align="right" border="0" alt="" width="83" height="354" /> </div> <div id="enter"> <input type="image" src="images/enter.jpg" /> </div> <div id="left_header_image"> <div id="form"><input type="text" style="font-size:12pt" size="27" /></div> <img src="images/left_header_image.jpg" align="left" border="0" alt="" width="293" height="11" /> </div> <div id="text_header"> <img src="images/text_head.jpg" align="left" border="0" alt="" width="759" height="9" /> <p class="text" align="left"> <img src="images/41.jpg" align="left" border="0" alt="" width="347" height="21" /> iTillery Solutions empowers you with the IT Artillery you need to combat security threats, mitigate security risks, ensure business continuity, enforce corporate acceptable use polices, clamp down on non-business related use of resources and address regulatory compliance. <input type="image" align="right" src="images/read_more.jpg" style="margin-right: 180px" /> </p> <hr style="margin-left:30px; margin-top:2px; color:#c3c300" size="1px" width="550px" align="left" /> <p class="text_1" align="left"> <img src="images/40.jpg" align="left" border="0" alt="" width="133" height="18" /> iTillery solutions provides tailored security solutions, designed to meet your intivedual business needs. iTillery Solu- tions uses only the most innovative and trusted technologies, and provides you with complete end-to-end solutions that are proven, practical and price competitive. iTillery Solutions has partnered with some of the world's most innovative and trusted security vendors, giving you access to security services across all realms; the desktop, the perimeter and network. iTillery Solutions gives you access to the same levels of technology and service assurance traditionally only available to the larger enterprise and government bodies. iTillery Solutions also provides you with comprehensive Servise Level Agreements to give you the reassurance you need to help you sleep easy. <input type="image" align="right" src="images/read_more.jpg" style="margin-right: 180px" /> </p> </div> <div id="footer"> <div id="flash_footer" align="left"> </div> <p class = "footer_text" align="right"> Home|About Us| Services| Company|Support|Contacts Copyright 2007-2008 © iTillery Pty Ltd. All rights reserved| Termas of use| Privacy policy </p> </div> </div> </div> </body> </html> http://www.progcom.sumy.ua/template/
-
height: auto ?
-
Лучше бы подсказали, как это исправить.
-
Ну понятие "неправильная верстка" как -то ничего мне не говорит