Jump to content

dimacat

User
  • Posts

    39
  • Joined

  • Last visited

Everything posted by dimacat

  1. Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме: Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?
  2. Светлана, спасибо огромное, Ваш совет дал тот результат, который мне нужен был. Я воспользовался display: block; float:left. Такой вопрос: а почему криво работает с display: inline; ? Разве данное правило не предназначено как раз для того, чтобы сделать список горизонтальным ?
  3. Приветствую ! Возникла проблема: верстаю горизонтальное меню. Должно быть такое: В Опере и Фоксе -- всё ок. Но в Хроме у меня вышло вот что: Теперь покажу как я делал (опущу цсс-правила для шрифта, цвета и т.д. текста): <div class="menu"> <ul> <li class="company"><a href="#">О КОМПАНИИ</a></li> <li class="services"><a href="#">УСЛУГИ</a></li> <li class="portfolio"><a href="#">ПОРТФОЛИО</a></li> <li class="information"><a href="#">ИНФОРМАЦИЯ</a></li> <li class="contacts"><a href="#">КОНТАКТЫ</a></li> </ul> </div> CSS: .menu ul { list-style-type: none; } .menu li { display: inline; } .company { padding-top: 25px; background: url(images/o_kompanii.jpg) top no-repeat; } .services { padding-top: 28px; background: url(images/uslugi.jpg) top no-repeat; } .portfolio { padding-top: 25px; background: url(images/potfolio.jpg) top no-repeat; } .information { padding-top: 24px; background: url(images/informacija.jpg) top no-repeat; } .contacts { padding-top: 24px; background: url(images/kontakty.jpg) top no-repeat; } т.е. для каждого li я устанавливаю бэкграунд-картинку, и делаю поле вверху 25пх. В Опере и Фоксе, как я и говорил, всё клёво, как и надо, а вот в Хроме -- криво (см картинку выше). Т.е. Хром ну никак не реагирует на правило padding-top в данном случае. Однако, если установить, скажем для .company правило border: 1px solid #000; то всё становится как надо, но бордер-то мне не нужен. В общем, хотелось бы почитать ваши мысли по тому, как от этого безобразия в Хром избавиться.
  4. и после первого, и после второго способа снизу появляется большое пустое пространство, а дочерний слой слетает куда-то туда. верстаю резиновый макет, в котором футер прижал к низу окна браузера. может из-за этого ?
  5. Подскажите, как прижать дочерний блок к низу родительского. Разметка такая: <div class="wrapper"> <div class="content"> Здесь некий контент </div> <div class="bottom"> Здесь тоже какой-то контент </div> </div> Вот этот вот блок bottom мне и нужно прижать к низу блока wrapper, и чтобы он был снизу независимо от количества текста в блоке content. Подскажите, пожалуйста.
  6. Нет, таблица не катит, т.к. верстаю дивами. Второй способ, согласен, не переносит на другую строку, однако, обрубает надписи, которые в ином случае перенеслись на другую строку.
  7. Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.
  8. Ну смотрел я до того, как задать вопрос, и что ? По поводу вопроса о значении по-умолчанию я там ничего не увидел. А касательно вопроса как ограничить число символов по ширине, каюсь, не был внимательным и не заметил. 2all: всем спасибо за ответы и за помощь !
  9. Нужно сделать такую вот штуку: Стал использовать <textarea></textarea>. Собственно, такие вопросы: 1. Как сделать текст по-умолчанию "ваше сообщение" ? ведь у <textarea> нету параметра value или чего-то похожего... 2. Как сделать, чтобы при наборе текста, допечатав до правого края, текст автоматически переносился на новую строку ?
  10. Приветствую ! Хотелось бы попросить более опытных верстальщиков посоветовать: на картинке ниже то, как мне нужно сделать. Посоветуйте, как бы вы делали это ? Хочу просто понять, как делать такие надписи семантически правильно.
  11. Я же говорю, что таким способом отображается посередине, согласен. Но посмотрите внимательнее третью картинку. Там где я подчеркнул красным: когда слишком много текста, текст переносится на другую строку, однако, маркер становится по середине всей перенесённой строки. Вот что за проблема в этом способе. Ваш совет помог ! Весьма благодарен за помощь ! psywalker, Вам также спасибо за то, что откликнулись !
  12. CSS: .section ul { list-style-type: none; margin-left: 20px; } .section li a { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #616156; text-decoration: none; display: block; background: url(img/dot.jpg) left no-repeat; padding-left: 10px; } HTML: <div class="section"> <h1>Туризм и путешествия</h1> <ul> <li><a href="#">Виды туризма (56)</a></li> <li><a href="#">Иммиграция (11)</a></li> <li><a href="#">Разное (3)</a></li> <li><a href="#">Гостиницы и отели (14)</a></li> <li><a href="#">О рыбалке (6)</a></li> <li><a href="#">Страны и города (19)</a></li> </ul> </div> Это, как можно заметить, сделано с помощью бэкграунда.
  13. Так я же написал и показал, что из этого вышло. Третья картинка.
  14. Приветствую ! Есть проблема: верстаю вертикальный список с маркером в виде картинки. Однако, ни в Опере, ни в Хроме маркеры не отображаются посередине своего элемента списка. Вот как показано на картинках (1-я картинка - Опера, 2-я - Хром). Пробовал способ задать картинку-маркер в виде фона для элемента списка. Однако, вот что происходит, когда слишком длинный текст: т.е. если элемент списка слишком длинный, то маркер становится посередине элемента. Так вот, расскажите, как сделать при помощи первого способа так, чтобы маркер одинаково посередине отображался во всех браузерах ?
  15. С предыдущей проблемой разобрался. Появилась другая. Ещё одну тему создавать не хочется, посему опишу её здесь же. На сайте есть блок Google Ads, который я вставил туда с помощью тега <object></object>. <object data="url.html" width=500 height=90 scrolling="no"></object> Во всех браузерах всё хорошо, но в ФайрФоксе справа есть скролл, хотя я указал, чтобы его не было видно. В чём дело ?
  16. Таки у меня не получилось. Вот код меню, может кто-нибудь подскажет как сделать. В отрицательную сторону если задавать фон, то картинка исчезает. <div class="navigation"> <ul> <li><a href="#">Компании</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Фирмы</a></li> <li><a href="#">Производство</a></li> </ul> </div> <style> .navigation ul { margin-top: 30px; } .navigation ul li { background: url(img/toparr.jpg) no-repeat 15px top; display: inline; list-style: none; float: left; border-left: 2px solid #5f2625; padding: 5px 15px; margin: 0 1px 0 -2px; } </style>
  17. <div id="header"> </div> <div id="content"> <div class="l_col"> </div> <div class="c_col"> </div> <div class="r_col"> </div> </div> <div id="footer"> </div> Вот такая структура документа. Как я понимаю, чтобы clear: both; заработал, нужно чтобы колонки, находящиеся в блоке content, шли не обрамлённые в этот блок content. Единственное решение, которое я вижу - это добавить в html <br clear="all" />. Однако, это противоречит самой цели CSS отделения стилей от структуры страницы. Или не заморачиваться в данном случае этим ?
  18. Для футера ? Если да, то для него пробовал прописать, но результата ноль.
  19. А что за "блок" ? Вообще, я использую в блоке контент плавающие элементы и чтобы не возникли проблемы отображения элементов, которые следуют в HTML структуре за этим контейнером, собсна поэтоу я и использую overflow: hidden; Я же верно всё понимаю, что его всё-таки нужно использовать ?
  20. В общем, убрал у блока content overflow:hidden; и стало всё в порядке. Однако, блин, мне overflow:hidden; нужен бы... :-/
  21. Не, пока не пойду - ещё вопрос. Вернёмся к самому первому вопросу в этом топике. В общем, сделал как ты и посоветовал position: relative; и отрицательным топом сделал. Однако, эта картинка залазит на на хэдэр, а под хэдэр и её не видно. Эту картинку я делал в основном слое, который идёт после хэдэра. Где рыть ?
  22. Спасибо, ответ уже подсказали. Тему можно закрыть.
  23. точно, спасибо большое.
  24. Да, вылетело из головы про position: relative; Спасибо большое ! Ещё вопрос, каким образом лучше сделать, чтобы внутри дива всё располагалось посередине ? <center></center> подойдёт или это дурной тон ?
×
×
  • 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