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-я - Хром). Пробовал способ задать картинку-маркер в виде фона для элемента списка. Однако, вот что происходит, когда слишком длинный текст: т.е. если элемент списка слишком длинный, то маркер становится посередине элемента. Так вот, расскажите, как сделать при помощи первого способа так, чтобы маркер одинаково посередине отображался во всех браузерах ?

С предыдущей проблемой разобрался. Появилась другая. Ещё одну тему создавать не хочется, посему опишу её здесь же. На сайте есть блок Google Ads, который я вставил туда с помощью тега <object></object>. <object data="url.html" width=500 height=90 scrolling="no"></object> Во всех браузерах всё хорошо, но в ФайрФоксе справа есть скролл, хотя я указал, чтобы его не было видно. В чём дело ?

Таки у меня не получилось. Вот код меню, может кто-нибудь подскажет как сделать. В отрицательную сторону если задавать фон, то картинка исчезает. <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>

<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 отделения стилей от структуры страницы. Или не заморачиваться в данном случае этим ?

Для футера ? Если да, то для него пробовал прописать, но результата ноль.

А что за "блок" ? Вообще, я использую в блоке контент плавающие элементы и чтобы не возникли проблемы отображения элементов, которые следуют в HTML структуре за этим контейнером, собсна поэтоу я и использую overflow: hidden; Я же верно всё понимаю, что его всё-таки нужно использовать ?

В общем, убрал у блока content overflow:hidden; и стало всё в порядке. Однако, блин, мне overflow:hidden; нужен бы... :-/

Не, пока не пойду - ещё вопрос. Вернёмся к самому первому вопросу в этом топике. В общем, сделал как ты и посоветовал position: relative; и отрицательным топом сделал. Однако, эта картинка залазит на на хэдэр, а под хэдэр и её не видно. Эту картинку я делал в основном слое, который идёт после хэдэра. Где рыть ?

Спасибо, ответ уже подсказали. Тему можно закрыть.

точно, спасибо большое.

Да, вылетело из головы про position: relative; Спасибо большое ! Ещё вопрос, каким образом лучше сделать, чтобы внутри дива всё располагалось посередине ? <center></center> подойдёт или это дурной тон ?