Rooner
-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Rooner
-
-
Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет.
Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились?
Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет.
Может быть указать отступы в pt или em? Пробую но не получается.
Сейчас заметил что проблема в размере шрифта, при зуме он увеличивается и расталкивает блоки, как можно зафиксировать размер шрифта в меню?
-
[РЕШЕНО]
Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так:
А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так:
стили:
.pic_block { height: 290px; overflow:hidden; }
.pic_mat { float:left; margin-bottom: 15px; width: 200px; }
вывод картинок:
<div class='pic_mat'>
<a href='/material.php?mid=".$row_pic['mid']."'>
<div class='pic_block'>
<img src='pictures/".$row_pic['small']."' width='196px'></a>
</div>
<a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a>
<br>
<div class='price'>".$row_pic["cost"]." р.</div>
</div>Скажите пожалуйста как сделать обрезку в IE, чтобы не было косяков?
Оказалось все просто и непонятно почему так, но работает, вот такое решение:
<div class='pic_mat'>
<div class='pic_block'>
<a href='/material.php?mid=".$row_pic['mid']."'>
<img src='pictures/".$row_pic['small']."' width='196px'></a>
</div>
<a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a>
<br>
<div class='price'>".$row_pic["cost"]." р.</div>
</div> -
Сделал по-другому, через указание конкретной длины блоков и выравнивание их с помощью float
Абсолютное позиционирование я подсмотрел на другом сайте, там это было необходимо для резиновой верстки, без него правый блок улетел бы вниз.
-
Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий.
Правая имеет отступ от левого края, в ней находится контент.
Проблема в том, что если контента мало, то футер рисуется поверх левой колонки.
Как сделать так, чтобы футер выводился после левой колонки, а не на ней?
.content_left { position: absolute; }
.content_right { margin-left: 300px; width: 930px; } -
1. form нужно вынести из таблицы
2. лучше использовать form input[type=text] или вообще input[type=text]
Ну видимо придется вынести, просто я думал что и внутри таблицы все легко и не принужденно меняется.
-
Как мне прописать стили для текстового поля формы, если форма находится в тбалице?
<table border="0" cellspacing="0" cellpadding="0">
<form name="form" method="post">
<tr>
<td><label>Название категории:</label></td>
<td><input type="text" name="title" value="" required /></td>
</tr>
</form>Так не получается:
table form tr td input[type=text] {
тут стили
}
Как правильно верстать горизонтальное меню?
in HTML Coding
Posted
Решил проблему пока так:
Просто, тупо, но эффектино