dimacat

Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме: Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?

Светлана, спасибо огромное, Ваш совет дал тот результат, который мне нужен был. Я воспользовался display: block; float:left. Такой вопрос: а почему криво работает с display: inline; ? Разве данное правило не предназначено как раз для того, чтобы сделать список горизонтальным ?

Приветствую ! Возникла проблема: верстаю горизонтальное меню. Должно быть такое: В Опере и Фоксе -- всё ок. Но в Хроме у меня вышло вот что: Теперь покажу как я делал (опущу цсс-правила для шрифта, цвета и т.д. текста): <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; то всё становится как надо, но бордер-то мне не нужен. В общем, хотелось бы почитать ваши мысли по тому, как от этого безобразия в Хром избавиться.

и после первого, и после второго способа снизу появляется большое пустое пространство, а дочерний слой слетает куда-то туда. верстаю резиновый макет, в котором футер прижал к низу окна браузера. может из-за этого ?

Подскажите, как прижать дочерний блок к низу родительского. Разметка такая: <div class="wrapper"> <div class="content"> Здесь некий контент </div> <div class="bottom"> Здесь тоже какой-то контент </div> </div> Вот этот вот блок bottom мне и нужно прижать к низу блока wrapper, и чтобы он был снизу независимо от количества текста в блоке content. Подскажите, пожалуйста.

Нет, таблица не катит, т.к. верстаю дивами. Второй способ, согласен, не переносит на другую строку, однако, обрубает надписи, которые в ином случае перенеслись на другую строку.

Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.

Ну смотрел я до того, как задать вопрос, и что ? По поводу вопроса о значении по-умолчанию я там ничего не увидел. А касательно вопроса как ограничить число символов по ширине, каюсь, не был внимательным и не заметил. 2all: всем спасибо за ответы и за помощь !

Нужно сделать такую вот штуку: Стал использовать <textarea></textarea>. Собственно, такие вопросы: 1. Как сделать текст по-умолчанию "ваше сообщение" ? ведь у <textarea> нету параметра value или чего-то похожего... 2. Как сделать, чтобы при наборе текста, допечатав до правого края, текст автоматически переносился на новую строку ?

Приветствую ! Хотелось бы попросить более опытных верстальщиков посоветовать: на картинке ниже то, как мне нужно сделать. Посоветуйте, как бы вы делали это ? Хочу просто понять, как делать такие надписи семантически правильно.

Я же говорю, что таким способом отображается посередине, согласен. Но посмотрите внимательнее третью картинку. Там где я подчеркнул красным: когда слишком много текста, текст переносится на другую строку, однако, маркер становится по середине всей перенесённой строки. Вот что за проблема в этом способе. Ваш совет помог ! Весьма благодарен за помощь ! psywalker, Вам также спасибо за то, что откликнулись !

Та же песня...

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> Это, как можно заметить, сделано с помощью бэкграунда.

Так я же написал и показал, что из этого вышло. Третья картинка.

Приветствую ! Есть проблема: верстаю вертикальный список с маркером в виде картинки. Однако, ни в Опере, ни в Хроме маркеры не отображаются посередине своего элемента списка. Вот как показано на картинках (1-я картинка - Опера, 2-я - Хром). Пробовал способ задать картинку-маркер в виде фона для элемента списка. Однако, вот что происходит, когда слишком длинный текст: т.е. если элемент списка слишком длинный, то маркер становится посередине элемента. Так вот, расскажите, как сделать при помощи первого способа так, чтобы маркер одинаково посередине отображался во всех браузерах ?