Jump to content

Rooner

Newbie
  • Posts

    7
  • Joined

  • Last visited

Rooner's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Решил проблему пока так: <li style="width: 105px;"><a href="/o-kompanii/">О компании</a></li> <li style="width: 80px;"><a href="/novosti/">Новости</a></li> <li style="width: 111px;"><a href="/o-produktsii/">О продукции</a></li> <li style="width: 134px;"><a href="/sotrudnichestvo/">Сотрудничество</a></li> <li style="width: 88px;"><a href="/kontakty/">Контакты</a></li> <li style="width: 98px;"><a href="/gde-kupiti/">Где купить</a></li> <li style="width: 143px;"><a href="/nas-rekomenduyut/">Нас рекомендуют</a></li>Просто, тупо, но эффектино
  2. Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет. Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились? Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет. Может быть указать отступы в pt или em? Пробую но не получается. Сейчас заметил что проблема в размере шрифта, при зуме он увеличивается и расталкивает блоки, как можно зафиксировать размер шрифта в меню?
  3. [РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех 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>
  4. Сделал по-другому, через указание конкретной длины блоков и выравнивание их с помощью float Абсолютное позиционирование я подсмотрел на другом сайте, там это было необходимо для резиновой верстки, без него правый блок улетел бы вниз.
  5. Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий. Правая имеет отступ от левого края, в ней находится контент. Проблема в том, что если контента мало, то футер рисуется поверх левой колонки. Как сделать так, чтобы футер выводился после левой колонки, а не на ней? .content_left { position: absolute; } .content_right { margin-left: 300px; width: 930px; }
  6. Ну видимо придется вынести, просто я думал что и внутри таблицы все легко и не принужденно меняется.
  7. Как мне прописать стили для текстового поля формы, если форма находится в тбалице? <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] { тут стили }
×
×
  • 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