Войти
  1. ВКонтакте
  2. Facebook
  1. » » » Align right=сползает на след. строчку
Новые публикации Скрыть панель справаПоказать панель справа

Align right=сползает на след. строчку

2009-06-27T20:55:31+04:00 2009-06-28T10:53:55+04:00
Магистр
  1. Офлайн
  2. Посетители
  3. 30 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 1 отправлено 20:55, 27.06.2009
При вёрстке psd макета под DLE возникла первая и глупая загвоздка.
Скрин:


Как видно, сползла кнопка \"Вход\" при попытке применить атрибут align=\"right\".

Объясняю подробно: все кнопочки засунуты в div меню с css:
php code:
  1. #d_men{
  2. width:100%;
  3. height:50px;
  4. background:url(men.gif);
  5. border:1px solid #050505;
  6. }


Когда обычно вставляешь кнопочки, без выравнивания по правому краю, они расположны нормально, но при попытке добавления копки с выравниванием по правому краю, например так:
php code:
  1. <a href=\"#\" onclick=\"document.getElementById(\'d_loginpanel\').style.display=\'block\'; return false;\" title=\"Всплывающее окно\"><img src=\"k_login.gif\" border=\"0\" align=\"right\"></a>

То сползает так, как видно на скрине(немного выше в посту).
Как убрать этот перенос?

Последний раз редактировал Chupik 21:03, 27.06.2009
Профессор
  1. Офлайн
  2. Посетители
  3. 444 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 2 отправлено 21:21, 27.06.2009
кхм...хотелось бы видеть css стили кнопок и полностью html код меню.
конфликт очень даже аозможен,потому что используеся html форматирование и css. кстати,в css такого свойства (align) нет


------------------------------------------
Присутствие силы чувствую я.

Задавать вопросы по web-дизайну напрямую мне лучше всего здесь http://vkontakte.ru/club25971247
По вопросам обучения обращаться в icq или skype (номера в профиле)
Магистр
  1. Офлайн
  2. Посетители
  3. 30 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 3 отправлено 21:26, 27.06.2009

Медведь писал:css стили кнопок


Кнопки в виде изображений.

Медведь писал:и полностью html код меню.


php code:
  1. <div id=\"d_men\">
  2. <a href=\"/\"><img src=\"m_knopka.gif\" border=\"0\"></a>
  3. <a href=\"/forum/><img src=\"m_kforum.gif\" border=\"0\"></a>
  4. <a href=\"/uroki/\"><img src=\"m_kuroki.gif\" border=\"0\"></a>
  5. <a href=\"#\" onclick=\"сократил\" title=\"Всплывающее окно\"><img src=\"k_login.gif\" border=\"0\" align=\"right\"></a>
  6. </div>

Последний раз редактировал Chupik 21:50, 27.06.2009
Профессор
  1. Офлайн
  2. Посетители
  3. 444 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 4 отправлено 09:08, 28.06.2009
вот что у меня.пользуйся float
php code:
  1. <style>
  2. #d_men {width:100%;height:50px;background:#ededed;border:1px solid #050505;}
  3. #d_men a {float:left;}
  4. #d_men a img {width:150px;height:50px;border:0;}
  5. #d_men a.login {float:right;}
  6. </style>
  7.  
  8. <div id="d_men">
  9. <a href="/"><img src="m_knopka.gif"></a>
  10. <a href="/forum/><img src="m_kforum.gif"></a>
  11. <a href="/uroki/"><img src="m_kuroki.gif"</a>
  12. <a href="#" onclick="сократил" title="Всплывающее окно" class="login"><img src="k_login.gif"></a>
  13. </div>


------------------------------------------
Присутствие силы чувствую я.

Задавать вопросы по web-дизайну напрямую мне лучше всего здесь http://vkontakte.ru/club25971247
По вопросам обучения обращаться в icq или skype (номера в профиле)
Магистр
  1. Офлайн
  2. Посетители
  3. 30 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 5 отправлено 10:53, 28.06.2009
Медведь, спасибо огромное! Всё очень красиво и аккуратно получилось.


//P.S. Сначала что-то ступил, тоже сначала пробовал float:left на изображении, но забыл, что полосе меню тоже надо установить обьетекание.
 
Перейти
Найти

Доступ закрыт.

  1. Вам запрещено отвечать в темах данного форума.

Изменения статуса

  1. профиль Видимо, я последний выживший :) 01:19, 17.10.2011
  2. профиль Готов стать модератором)) 12:04, 17.09.2011
  3. профиль Восстанавливаем нормальную работу сайта и форума. 20:09, 13.09.2011