Bonzash
-
Posts
225 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Bonzash
-
<option style="width: значение ;">
-
Может быть так попробуете, каркас: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> h3 { font-size: 16px; font-weight: normal; } span.sale { float: left; } </style> </head> <body> <div style="width: 130px; float: left;"> <h3>Чай китайский белый</h3> <div style="border: 1px solid black; width: 118px; height: 118px;">image</div> <form action=""> <span class="sale">93 грн</span> <select> <option>100 гр.</option> <option>200 гр.</option> <option>300 гр.</option> </select> <input type="submit" value="Заказать" /> </form> </div> </body> </html>
-
-
Atom, не буду тебе код выкладывать, вот посмотри http://www.cssplay.co.uk/menus/final_drop.html, если не получится понять или выцепить код, помогу. Но лучше чтобы ты сам разобрался.
-
Смотрю в Firefox, у меня все в порядке. Перенос происходит. У тебя жестко в коде же прописана ширина <blockquote style="width: 240px; left: -2px;" class="menu">
-
Пример гденибудь бы посмотреть.
-
Опять верстаю меню в joomla, проблема с маркерами
Bonzash replied to Игорёk's question in HTML Coding
Привет, подсказываю. <style type="text/css"> ul#mainlevel_leftNav { margin: 5px 0; padding: 0 0 0 20px; } ul#mainlevel_leftNav li { margin: 5px 0; padding: 0 0 0 20px; list-style-type: none; background: url('images/listSq.gif') no-repeat 0 6px #000; } </style> Все встанет, на свои места. -
-
3. Меню станет шире Меню уедет. 4. "Если бы да ка бы" Я думаю, если есть макет, значит его заказчики подумали над тем, чтобы изображения были одинаковыми. Иначе это элементарно будет некрасиво смотреться. С текстом все понятно, что его может быть больше, может меньше, но с изображениями надо решать вопрос на берегу Когда Вы будете отдавать верстку программистам, они запрограммируют. После этого какой-нибудь менеджер начнет добавлять фотографии базы отдыха размером 1000 х 1000, что станет с версткой? Это называется не "решать вопрос на берегу", а плохо сверстанный сайт. Подсказываю, пропишите блоку с фотографией фикс высоту и ширину + overflow.
-
<ul> <li><a href="#">...</a></li> <li><a href="#">...</a></li> <li><a href="#">...</a></li> </ul>
-
1. Виды баз нада делать списком. 2. Отступы в главном меню большие. 3. Что будет если добавить в меню еще одну <li><a>...</a></li>? 4. Если картинка базы будет больше в 2-3 раза, что будет с версткой? Посмотрите эти пункты, а так вполне нормально.
-
Я не вижу, чтобы Вы поставили 100% ширину, вот когда поставите, тогда все встанет, как Вы хотите.
-
У тебя щас: <table cellspacing="0" cellpadding="0" class="moduletable"> Поставь: <table cellspacing="0" width="100%" cellpadding="0" class="moduletable">
-
Используй список.
-
1. Зачем тегу body значение margin и padding? Забей. Просто пример. float:left; Построение списка в строку. margin-left:-1px; Допустим у нас ширина окна 850px (100%), тогда ширина одного блока меню будет 212,5px (25%), а такого быть не может, поэтому округляется до 213px и у нас последний блок переезжает под первый. А здесь 1px для каждого <li> и есть запас в случае такого округления, чтобы меню не разъехалось. Пропробуй исопльзовать список, для меню. Скинь линку на пример.
-
По поводу футера. Отличный сервис есть, на будущее hттp://csstemplater.com/.
-
Я бы исходил из этого: <style type="text/css"> body { margin:0;padding:0 } ul { width: 100%; } li { float:left; margin-left:-1px; width:25%; text-align:center; } </style> <ul> <li><a href="#">link 1</a></li> <li><a href="#">link 2</a></li> <li><a href="#">link 3</a></li> <li><a href="#">link 4</a></li> </ul>
-
Ну тогда, чтобы было все красиво и тянулось добавь min-height: 370px; upd: Ну тогда в тянучке смысла нет, ты и фикс высоту можешь увеличивать.
-
Решать тебе, твое творение. На всякий случай, попробуй поиграться вот с этим. .stolb1 { display: inline-block; margin-left: 30px; vertical-align: top; width: 295px; }
-
Ну если ты захочешь добавить обильное количество текста на странице, то .zrenie останется на месте. Еще на мой взгляд, <div class="stolb1"></div> надо сделать резиновым, чтобы при добавлении текста блок растягивался в высоту. Щас фикс высота.
-
.zrenie{ width: 1007px; margin-top:3350px; height:420px; background:url(../images/look.png) no-repeat; background-position:top; } margin-top:3350px; удаляй После <div class="wrapper">...</div>, поставь <div style="clear: both;"></div>, <div class="zrenie">...</div> встанет на тоже место.
-
напишите как сделать так что бы ссылки на страницы были неже картинок
Bonzash replied to denis21's question in HTML Coding
В общем denis21 послушай Верховного. -
напишите как сделать так что бы ссылки на страницы были неже картинок
Bonzash replied to denis21's question in HTML Coding
<td height="170px" align="center" width="10px" style="background: url("./filez/pict2010/Turkey.JPG") no-repeat scroll 0% 0% transparent; vertical-align: bottom;"> <a href="?id=10056"><font color="#000000"><font size="+1"><b>Турция</b></font></font></a> </td> а по хорошему переверстай все в div'ы, там через стили удобнее сделать. -
Равномерное распределение элементов списка <li>
Bonzash replied to Tartyga's question in HTML Coding
<style type="text/css" > html, body { height: 100%; padding: 0; margin: 0; } ul { list-style-type: none; padding: 0; margin: 0; } li { padding: 0 10px 0 10px; margin: 0; float: left; border: 1px solid black; display: block; } </style> самый простой способ на мой взгляд.
