Текст отображается столбиком, а надо в строчку

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Текст отображается столбиком, а надо в строчку

Опции

Kolovrat_hb

Topic Starter сообщение

30.3.2012, 17:16; Ответить: Kolovrat_hb

Сообщение #1

Группа: User
Сообщений: 59
Регистрация: 29.12.2011
Поблагодарили: 0 раз
Репутация:

Делаю меню. В начале я его хотел сделать справа стобиком, сделал и все было норм. Сейчас меняю дизайн и решил перенести это меню наверх, поверх шапки, что бы ссылки в нем были горизонтально. но я не могу понять как это сделать. Я изучаю языки web-дизайна не давно и опыта пока маловато, проблема в том что я не могу найти это в нэте потому что не знаю как это вкратце указать в поисковике ^_^

Вот XTML

<div id="menu">
<div id="knopki"><a href='glavnaya.php' onMouseOver="MenuHoldingClose();">Главная</a></div>
<div id="knopki"><a onClick="MenuHoldingOpen();">Холдинг</a></div>
<div id="holding">
<div id="knopki"><a href="sovremennie.tehnologii.php">Современные Технологии</a></div>
<div id="knopki"><a href="perspectiva.php">Перспектива</a></div>
</div>
</div>

Вот CSS

#knopki
{
border-width: 5px;
border-color: #cbb49c;
background: #b7ada3;
text-align:center;
Font-weight: bolder;
border-style: outset;
width:120px;
height:20px;
}
#knopki:hover
{
border-style: inset;
}
#menu
{
position: absolute;
border: 1px solid red;
width:700px;
height:30px;
float: left;
}
#menu a
{
text-decoration:none;
display:block;
color: blue;
}
#holding
{
position: absolute;
right: 300px;
top: 232px;
padding: 10px;
visibility: hidden;
}
#holding a
{
display:block;
text-decoration:none;
}

И еще. Если не сложно подскажите что сделать чтобы блок расширялся в зависимости от текста в нем

Ответить с цитированием данного сообщения

Гость_0_* Гость_0_*	30.3.2012, 18:06; Ответить: Гость_0_* Сообщение #2
Guest	Не делайте каждую ссылку в отдельном div, сделайте все в одном блоке.

Kolovrat_hb Topic Starter Kolovrat_hbTopic Starter 30.3.2012, 19:39; Сообщений: 59 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 30.3.2012, 19:39; Ответить: Kolovrat_hb Сообщение #3
0 Группа: User Сообщений: 59 Регистрация: 29.12.2011 Поблагодарили: 0 раз Репутация: 0	Спасибо, но с этим я уже разобрался =) не делать в разных дивах не вариант потому что к каждой ссылке должны одинаковые параметры обводки применяться, а если их все в один собрать то они все как будто одной кнопкой станут, я смог сделать чтоб эти дивы располагались не под предыдущим а сбоку появилась другая проблемка. я сайт пишу с нуля и у меня изначально сделался отступ который я не прописывал. примерно 10px со всех сторон, пробовал его убрать функцией margin, но не сработало. помогите пожалуйста

yury_mw yury_mw 30.3.2012, 19:40; Сообщений: 648 Поблагодарили: 0 раз Репутация: 195 Просмотр профиля	30.3.2012, 19:40; Ответить: yury_mw Сообщение #4
Завсегдатай Группа: User Сообщений: 648 Регистрация: 13.5.2009 Поблагодарили: 0 раз Репутация: 195	Пример горизонтального меню с кнопками нефиксированного размера

Kolovrat_hb Topic Starter Kolovrat_hbTopic Starter 30.3.2012, 19:58; Сообщений: 59 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 30.3.2012, 19:58; Ответить: Kolovrat_hb Сообщение #5
0 Группа: User Сообщений: 59 Регистрация: 29.12.2011 Поблагодарили: 0 раз Репутация: 0	да разобрался я уже с этим меню, проблема еще одна вон выше цытату глянь если не лень. но все равно спасибо =)

yury_mw yury_mw 30.3.2012, 20:06; Сообщений: 648 Поблагодарили: 0 раз Репутация: 195 Просмотр профиля	30.3.2012, 20:06; Ответить: yury_mw Сообщение #6
Завсегдатай Группа: User Сообщений: 648 Регистрация: 13.5.2009 Поблагодарили: 0 раз Репутация: 195	Лучше обнулять все отступы в начале вот так *{ margin: 0; padding: 0; } , а где нужны ненулевые прописывать специально. Ну или покажите ваш код, посмотрим конкретно.

Kolovrat_hb Topic Starter Kolovrat_hbTopic Starter 30.3.2012, 20:14; Сообщений: 59 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 30.3.2012, 20:14; Ответить: Kolovrat_hb Сообщение #7
0 Группа: User Сообщений: 59 Регистрация: 29.12.2011 Поблагодарили: 0 раз Репутация: 0	yury, да я вот так вот и сделал, но не изменилось. кинь пример более наглядный. ну тоесть как ты это делаешь в .html странице все спасибо, не надо))) я обводил все тело страницы дивом и к нему подводил эти параметры и не срабатывало, а сейчас попробовал прям в <body> прописать и сработало =) но как то странно на мой взгляд почему в первом случае не работало

yury_mw

30.3.2012, 20:19; Ответить: yury_mw

Сообщение #8

Завсегдатай

Группа: User
Сообщений: 648
Регистрация: 13.5.2009
Поблагодарили: 0 раз
Репутация:

195

Я дал вам ссылку про горизонтальное меню, там есть и это.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
SEO-текст на главной странице сайта и в категориях	5	boltuk	1425	26.3.2024, 21:43 автор: c4p1t4l15t
Можно ли в старый SEO текст вместо старого домена поставить новый?	3	Tutich	1212	22.3.2024, 14:47 автор: Tutich
Текст для сайта на английском языке	33	D007user	18042	26.1.2022, 17:16 автор: D007
Копирайтинг и рерайт: качественный сео-текст по доступной цене!	374	Sostavitel	196967	18.1.2022, 23:46 автор: Sostavitel
Эффективный копирайтинг. Продающие и инфостатьи, лэндинги. Текст для презентации и видео. Студенческие работы. Наполнение сайтов с нуля 7 лет в сфере, более 77 млн знаков за спиной	1	ELECTROKATZE	3588	11.6.2021, 18:48 автор: icoder

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 19.4.2024, 3:40

Дизайн