igon
-
Posts
14 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by igon
-
background:#555; повесь на #sheet
-
#menu ul li {float:left; margin:0; border-right: solid 2px #ff5c08;padding:0 8px;}
-
1. Невалидно Html, Css 2. При ресайзе окна обрезается бг в хедере, дергается бг 3. Ие 7 страница развалена 4. textarea зафиксируй max-width, max-height 5. Лого как правило кликабельно 6. нету оглавлений h1 - допустим лого. h2 - Доска обьявлений и т.д 7. нет связи между Label и формой 8 текст засунуть в <p></p> и от него отступы нижние, br поубирать (это мусор), перечесление сделать списком В общем много ошибок по коду, лень проверять все
-
В разделе контакты форма сверстана неверно где label где связь между ними, что то label не наблюдаю
-
тогда информации побольше кусок кода от родителя или выше, это элементарные вещи
-
overflow:hidden; на родители задан ?
-
На скорую руку сделал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Страница</title> <link href="style2.css" rel="stylesheet" type="text/css"> </head> <body> <div id="content"> <div id="header"> HEADER </div> <div id="background"></div> <div class="container"> <div class="container-main"> <div id="main"> <div class="main-content"> <p> Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content </p> </div> </div><!--end main--> <div id="sidebar"> <p> Sidebar Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link Link </p> </div> </div> </div> <div class="empty"></div> </div><!--end content--> <div id="footer"> footer </div> </body> </html> html, body{ margin:0; padding:0; width:100%; height:100%; } #header{ height:80px; width:100%; background-color:yellow; } #content{ position:relative; min-height:100%; text-align:justify; background:green; } #background { background:#fff; bottom:0; left:0; position: absolute; right:250px; top:80px; } #content p{ padding:10px 15px 10px 7px; margin:0; } #content .empty{ height:50px; position:relative; border:1px black dotted; } #main{ margin:0 250px 0 0; position:relative; } #sidebar{ width:250px; float:right; } #sidebar p{ margin:10px; background:blue; } #footer{ position:relative; margin-top:-20px; height:20px; width:100%; background-color:brown; text-align:center; } .container { width:100%; overflow:hidden; } .container-main { width:100%; float:left; } .main-content{ width:100%; float:left; }
-
block-ticknet-search .content убрать дисплейн инлайн-блок .content #ticknet-autosearch { width:100%; overflow:hidden; }
-
открой ие 7 hr ведет он себя странно =)
-
hr не семантичен и не кроссбраузерный, лучше всякие буллеты бордеры делать картинкой если даже они похожи по дизайну
-
верстка должна быть не под конкретный случай а гибкой если я например в блог где ссылка у тебя добавлю текст или еще что то у тебя развалится все к чертям, .gellery - убери hr и посмотри что будет у тебя это насчет обертки я ни кого не хочу обидеть, сам был новичком просто учись верстать правильно, говнокодеров хватает
-
Много мусора 1. header, menu, register высота не нужна падинг сревху и снизу задать и много такого еще по коду 2. menu ul лишки лучше флотать а не дисплей инлайн в ие будут отступы разные 3. hr не нужен мусор вырезаешь репетищую часть и вешаешь на хеадер и остальные тоже самое на див вешаешь 4. bazy - h3 и span обернуть в див на него width:100% overflow:hidden и ему нижний отступ bazy-foto, bazy-info тоже обернуть флотнутые елементы должны иметь обертку запомни!!! 5. зачем ставить дисплей блок если при флоат он и так блочный тоже касается float:left; зачем туда тулить еще overflow:hidden если флоат и так дает haslayout 6. h3 зачем ставить паддинг если есть маржин, высота на загфловке бред 7. p маржины обнулить на нем только ставится маржин нижний font:size ставим только на родителя 8. картинки обернуть в див <div class="image">img</div> картинкам ставим всегда дисплей блок .image img {display:block} 9. .blog ширину мерять фактическую и ставишь паддинг правый так как не влезет на страницу на родителя ставишь ширину <div class="blog"> <div class="image">img</div> <div class="description">текст</div> </div> .blog { width:320px; float:left; } .blog .image {float:left;} .blog .description { overflow:hidden; heigh:1%; для ие 6 } и старайся ставить отступы от блоков только нижние
-
Подскажи пожалуйста
-
Помоги нужно сверстать вот такой блок резина, что бы тянулся по ширине ума не приложу как зделать