WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
03 Декабрь 2016, 04:19:48 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
Re: CPA-сеть Hotpartner.biz от kuprum (CPA-сети)
Re: Нужны копирайтеры на постоянную работу! от ZAS (Ищу копирайтера, редактора, контент-менеджера)
Re: Дизайн от новичка от LanaSvetNik (Дизайн)
Re: Готовые статьи на тему "Красота и здоровье" недорого. от Oleg10 (Контент, копирайтинг, переводы)
Онлайн-консультант Jivosite со скидкой до 20% от KeyWebRu (Хостинг)
Создать тест-опрос в Гугл Документах (или ваш вариант) от Anonyff (Работа и услуги)
Re: AdBean - Бобовая тизерная сеть. Новостные и товарные тизеры. До 90% отчислений! от AdBean (Реклама и доход)
Re: Подарю, продам или сдам в аренду домены от June (Домены)
Автоматизация Яндекс Директ + возврат 8% от рекламного бюджета. от Александр_26 (Полезное)
Re: Quick Sender - Комбайн для продвижения в ВКонтакте от Dima_Myrzich (Социальные сети)
Re: Марафон Спарта от Пузата - Почему я иду от Katelite (Обучение сайтостроению, SEO и заработку)
Re: Чистенький женский СДЛ. Размещение в авто от uckpa (Платное размещение статей и ссылок)
Re: [Анонс] Программа для группировки ключевых слов KeyAssort от KeyAssort (Сервисы и SEO программы)
Re: Имеют ли вес покупные ссылки при теперешних правилах Яндекса от Lina7 (Раскрутка сайтов в поисковиках)
Re: Насколько необходим онлайн консультант на сайте? от fainna (Юзабилити)
Свежие темы
Показать ещё
  Печать  
Страниц: 1 2
Автор

Тема: Помогите сделать горизонтальное меню  (Прочитано 6424 раз)

0 Пользователей и 1 Гость смотрят эту тему.
Ася
Offline Offline

Пол: Женский
Сообщений: 422


Белая и пушистая


Просмотр профиля
« : 10 Январь 2010, 21:39:37 »

Сегодня целый день занимаюсь дизайном сайта. Сделала вроде бы все, но напоследок решила воткнуть горизонтальное меню.

Вот получишившийся у меня код:
Код:
<table align="center" width="" style="border-style: solid; border-width: 1px; border-collapse: collapse; width: 100%; height: 50px; background-color: rgb(243, 100, 44);" http:="" magic-work.ru="" panel="" editor="" moz="" undefined="" );="" background-color:="" #ff6347;="" border-top-color:="" border-left-color:="" border-right-color:="" #000000;="" border-bottom-color:="" #000000="" summary="null"><tbody><tr align="center"><td style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/2" target="null"><font color="#ffffff">Идеи оформления</font></a></strong><strong><font color="#ffffff"><br /></font></strong></td><td style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/3" target="null"><font color="#ffffff">Дизайны и дизайнеры</font></a></strong><strong><font color="#ffffff"><br /></font></strong></td><td style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/4" target="null"><font color="#ffffff">Обзор материалов для вышивки</font></a></strong><strong><font color="#ffffff"><br /></font></strong></td><td style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/9" target="null"><font color="#ffffff">Создание схем</font></a></strong><strong><font color="#ffffff"><br /></font></strong></td><td style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/6" target="null"><font color="#ffffff">Мастер-классы по вышивке</font></a></strong><strong><font color="#ffffff"><br /></font></strong></td><td style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/7" target="null"><font color="#ffffff">Мастер-классы по другим видам рукоделия</font></a></strong><br /></td></tr></tbody></table><br />

Помогите пожалуйста кто разбирается:
1. Как убрать подчеркивание в ссылках
2. Как сделать чтобы ссылки открывались на этой же странице, а не в новом окне
3. Как сделать одинаковую ширину у колонок?

Раньше я все это делала в визуальном редакторе, но сегодня он ни в какую не хочет со мной дружить  Обеспокоенный
Записан
Toriya
Offline Offline

Пол: Женский
Сообщений: 2879


Я ФЕЯ коварная: могу фейнуть, а могу и нафеячить


Просмотр профиля
« Ответ #1 : 11 Январь 2010, 05:26:48 »

1. Чтобы ссылка открывалась в той же странице из кода нужно убрать target="null"
2. Таблицу лучше редактировать в Дреамвивере, там легко настроить нужную одинаквую ширину ячеек таблицы.
3. Стиль ссылок ( в данном случае подчеркивание) редактируется в шаблоне CSS. Чтобы это касалось только ссылок меню, то в CSS нужно создать блок стиля меню, в котором указать text-decoration: none;
Записан

И все-таки я это сделала!!!
inetta
Offline Offline

Пол: Женский
Сообщений: 1500



Просмотр профиля WWW
« Ответ #2 : 11 Январь 2010, 05:35:54 »

3. Стиль ссылок ( в данном случае подчеркивание) редактируется в шаблоне CSS. Чтобы это касалось только ссылок меню, то в CSS нужно создать блок стиля меню, в котором указать text-decoration: none;
А вот про это можно поподробнее? Может пример этого блока в CSS, а то в нем я не сильна, и тоже хочу кое-что поменять
Записан
Toriya
Offline Offline

Пол: Женский
Сообщений: 2879


Я ФЕЯ коварная: могу фейнуть, а могу и нафеячить


Просмотр профиля
« Ответ #3 : 11 Январь 2010, 06:29:23 »

inetta, сама я никогда с нуля CSS не писала, умею только править готовый шаблон. Шаблоны моих сайтов - готовые бесплатные шаблоны. Я их после скачивания правлю. Все они идут с уже готовыми стилями. Шаблоны не на таблицах, а на div-ах.

Ну, скажем очень примерно, кусок кода стилей меню моего сайта китайских рецептов (здесь меню самое простое):

Цитировать
/* menu */
#gourmet_menu {
   clear: both;
   width: 960px;
   margin: 0;
   height: 45px;
   background: url(http://gourmet.ucoz.ru/diz/gourmet_menu_bg.jpg) right no-repeat;
}

#gourmet_menu ul {
   padding: 0 0 0 10px;
   margin: 0 auto;
   height: 45px;
   list-style: none;
}

#gourmet_menu ul li {
   float:left;
   padding-right: 5px;
}

#gourmet_menu li a {
   float: left;
   display: block;
   color: #fff;
   font-size: 12px;
   height: 45px;
   line-height: 40px;
   text-align: center;
   padding: 0px 0 0 0px;   
}
#gourmet_menu  li a b {
   float: left;
   display: block;
   padding: 0px 24px 0 24px;
}
#gourmet_menu  li.current a, #gourmet_menu  li a:hover {
   color: #b4c927;
   text-decoration: none;
   background: url(http://gourmet.ucoz.ru/diz/gourmet_menu_hover_right.jpg) right top no-repeat;
}
#gourmet_menu  li.current a b, #gourmet_menu li a:hover b {
   color: #b4c927;
   text-decoration: none;
   background: url(http://gourmet.ucoz.ru/diz/gourmet_menu_hover_left.jpg) left top no-repeat;
}

/* end of menu */


Жирным выделила кусок кода отвечающий за ссылки
Записан

И все-таки я это сделала!!!
Sunjulia
Offline Offline

Пол: Женский
Сообщений: 4313


C днем Победы!


Просмотр профиля
« Ответ #4 : 11 Январь 2010, 10:37:35 »

text-decoration: none; - по-моему, это к подчеркиванию и относится. А если бы было, то вместо none - underline.
Записан

Уважаемые деньги! Приглашаю вас на ПМЖ в мой кошелек. Он очень просторный и удобный, вам понравится. Можете пригласить своих братьев и сестер из Европы и Америки, места хватит всем!
Toriya
Offline Offline

Пол: Женский
Сообщений: 2879


Я ФЕЯ коварная: могу фейнуть, а могу и нафеячить


Просмотр профиля
« Ответ #5 : 11 Январь 2010, 10:47:17 »

Sunjulia, нет. Я правлю в дримвивере. Если мне нужно, чтобы ссылка была подчеркнута - то:
text-decoration: underline;
без подчеркивания:
text-decoration: none;
Записан

И все-таки я это сделала!!!
Ася
Offline Offline

Пол: Женский
Сообщений: 422


Белая и пушистая


Просмотр профиля
« Ответ #6 : 11 Январь 2010, 11:37:26 »

А если у меня в этом месте не было изначально никакого меню? Ну я сама табличку эту вставила под шапку, то где мне править атрибуты подчеркивания?
Записан
Toriya
Offline Offline

Пол: Женский
Сообщений: 2879


Я ФЕЯ коварная: могу фейнуть, а могу и нафеячить


Просмотр профиля
« Ответ #7 : 11 Январь 2010, 15:26:57 »

Ася, вот новый код твоей таблицы. Ссылки открываются в этом же окне, подчеркивание ссылок появлется только при наведении мышкой. Проверяла на своем сайте.
Ширина ячеек таблицы должна быть практически одинаковой. У себя это проверить не могу, у меня ширина шаблона другая. Проверь, пожалуйста, у себя.

Цитировать
<table align="center" width="" style="border-style: solid; border-width: 1px; border-collapse: collapse; width: 100%; height: 50px; background-color: rgb(243, 100, 44); ; text-decoration: none;" http:="" magic-work.ru="" panel="" editor="" moz="" undefined="" );="" background-color:="" #ff6347;="" border-top-color:="" border-left-color:="" border-right-color:="" #000000;="" border-bottom-color:="" #000000="" summary="null">
  <tbody><tr align="center"><td width="16%" style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/2" ><font color="#ffffff">Идеи оформления</font></a></strong><strong><font color="#ffffff"><br />
  </font></strong></td><td width="17%" style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/3" ><font color="#ffffff">Дизайны и дизайнеры</font></a></strong><strong><font color="#ffffff"><br />
  </font></strong></td><td width="17%" style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/4" ><font color="#ffffff">Обзор материалов для вышивки</font></a></strong><strong><font color="#ffffff"><br />
  </font></strong></td><td width="16%" style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/9" ><font color="#ffffff">Создание схем</font></a></strong><strong><font color="#ffffff"><br />
  </font></strong></td><td width="17%" style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/6" ><font color="#ffffff">Мастер-классы по вышивке</font></a></strong><strong><font color="#ffffff"><br />
  </font></strong></td><td width="17%" style="border: 1px solid rgb(0, 0, 0);"><strong><a href="http://magic-work.ru/publ/7" ><font color="#ffffff">Мастер-классы по другим видам рукоделия</font></a></strong><br /></td></tr></tbody></table>
Записан

И все-таки я это сделала!!!
Ася
Offline Offline

Пол: Женский
Сообщений: 422


Белая и пушистая


Просмотр профиля
« Ответ #8 : 11 Январь 2010, 16:06:19 »

Toriya, спасибо большое! Смотри как получилось: http://magic-work.ru/

Видимо, чтобы не было подчеркивания нужно менять в стилях что то... знать бы еще где именно
Записан
Toriya
Offline Offline

Пол: Женский
Сообщений: 2879


Я ФЕЯ коварная: могу фейнуть, а могу и нафеячить


Просмотр профиля
« Ответ #9 : 11 Январь 2010, 16:59:39 »

Ася, в общем на стиль твоей таблицы влияют стили всего сайта. У меня отключено подчеркивание всех ссылок по сайту, они выделаются только другим цветом. Поэтому, когда я проверяю у себя, твои ссылки не подчеркиваются.
Записан

И все-таки я это сделала!!!
Ася
Offline Offline

Пол: Женский
Сообщений: 422


Белая и пушистая


Просмотр профиля
« Ответ #10 : 11 Январь 2010, 17:02:49 »

Ася, в общем на стиль твоей таблицы влияют стили всего сайта. У меня отключено подчеркивание всех ссылок по сайту, они выделаются только другим цветом. Поэтому, когда я проверяю у себя, твои ссылки не подчеркиваются.

А как сделать чтобы ссылки не подчеркивались по всему сайту? Они у меня выделяются цветом и подчеркиваются сейчас
Записан
Toriya
Offline Offline

Пол: Женский
Сообщений: 2879


Я ФЕЯ коварная: могу фейнуть, а могу и нафеячить


Просмотр профиля
« Ответ #11 : 11 Январь 2010, 17:14:55 »

Ася, кажется, вот этот участок кода CSS:

Код:
a:link {text-decoration:none; color:#4D6D91;}
a:visited {text-decoration:none; color:#4D6D91;}
a:hover {text-decoration:underline; color:#000000;}
a:active {text-decoration:underline; color:#000000;}

или вот этот:

Код:
a.noun:link {text-decoration:none; color:#4D6D91}
a.noun:visited {text-decoration:none; color:#4D6D91}
a.noun:hover {text-decoration:underline; color:#000000}

Ссылка без подчеркивания и одного цвета, при наведении мышью она станвится подчеркнутой и меняет цвет.
Я уже писала, что только правлю коды, практически методом тыка, так что не могу сказать на 100% точно.
Записан

И все-таки я это сделала!!!
Sunjulia
Offline Offline

Пол: Женский
Сообщений: 4313


C днем Победы!


Просмотр профиля
« Ответ #12 : 11 Январь 2010, 17:24:57 »

Последний код - это меню сайта. 000000 - это черный цвет.
Записан

Уважаемые деньги! Приглашаю вас на ПМЖ в мой кошелек. Он очень просторный и удобный, вам понравится. Можете пригласить своих братьев и сестер из Европы и Америки, места хватит всем!
Ася
Offline Offline

Пол: Женский
Сообщений: 422


Белая и пушистая


Просмотр профиля
« Ответ #13 : 11 Январь 2010, 19:13:13 »

Вот мой кусок CSS:
Код:
/* General Style */
a.fNavLink:link, a.forumBar:link, a.funcLink:link, a.topSortLink:link, a.postUser:link, a.postNumberLink:link, .topLink a:link {text-decoration:underline; color:#000000;}
a.fNavLink:active, a.forumBar:active, a.funcLink:active, a.topSortLink:active, a.postUser:active, a.postNumberLink:active, .topLink a:active {text-decoration:underline; color:#000000;}
a.fNavLink:visited, a.forumBar:visited, a.funcLink:visited, a.topSortLink:visited, a.postUser:visited, a.postNumberLink:visited, .topLink a:visited {text-decoration:underline; color:#000000;}
a.fNavLink:hover, a.forumBar:hover, a.funcLink:hover, a.topSortLink:hover, a.postUser:hover, a.postNumberLink:hover, .topLink a:hover {text-decoration:none; color:#FFFFFF;}

html,body{margin:0;padding:0;background:#F8F8ED;background:url('http://www.magic-work.ru/3.gif');}
#footer {border:1px solid #f3a586;background:#f3855a;color: #ffffff;margin:0;text-align:center;padding:10px;}
div#container {background:url('http://www.magic-work.ru/4.png') top left no-repeat;}
div#logo {height:182px;background:url('http://www.magic-work.ru/5.png');margin-left:199px;}
div.box {background:url('http://www.magic-work.ru/6.gif') repeat-y;border-bottom:4px solid #c4e7e5;}
div.box h3 {line-height:33px;background:url('http://www.magic-work.ru/7.gif') no-repeat 0px 3px;padding-left:40px;color:#FFFFFF;font-size:11px;font-weight:bold;margin:0;}
div.boxContent {padding:5px 10px 5px 10px;margin:0;}

a:link {text-decoration:underline; color:#AD090E;}
a:active {text-decoration:underline; color:#AD090E;}
a:visited {text-decoration:underline; color:#AD090E;}
a:hover {text-decoration:none; color:#FF0000;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#000000}
a.noun:active {text-decoration:none; color:#000000}
a.noun:visited {text-decoration:none; color:#000000}
a.noun:hover {text-decoration:underline; color:#AD090E}

hr {color:#EBD98E;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#000000;font-size:12px;}

a.menu1:link {text-decoration:underline; color:#FAFAFA}
a.menu1:active {text-decoration:underline; color:#FAFAFA}
a.menu1:visited {text-decoration:underline; color:#FAFAFA}
a.menu1:hover {text-decoration:underline; color:#EBD98E}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/953/8.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

Где мне нужно заменить underline на none, чтобы ссылки на сайте (не в меню, а в верхней части сайта) не подчеркивались.
Записан
Sunjulia
Offline Offline

Пол: Женский
Сообщений: 4313


C днем Победы!


Просмотр профиля
« Ответ #14 : 11 Январь 2010, 19:43:24 »

Попробуй здесь заменить на none, напиши, что получится.

.topLink a:link {text-decoration:underline; color:#000000;}

Записан

Уважаемые деньги! Приглашаю вас на ПМЖ в мой кошелек. Он очень просторный и удобный, вам понравится. Можете пригласить своих братьев и сестер из Европы и Америки, места хватит всем!
Страниц: 1 2
  Печать  
 
Перейти в:  

| Sitemap