PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

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

( Вход · Регистрация · Правила форума )

Забыли пароль?

Две ссылки на одной кнопке в css

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

sk666	Отправлено: 04 Января, 2010 - 01:22:24
Новичок Покинул форум Сообщений всего: 6 Дата рег-ции: Дек. 2009 Помог: 0 раз(а)	Подскажите, пожалуйста, как реализовать на HTML+CSS меню со вкладками (типа http://www.id-as.com/arts/ala/slidingdoors/h/ex4.html), чтобы на каждой вкладке была кнопка выключения, наподобие красного квадрата с крестом у вкладок FIREFOX

DeepVarvar	Отправлено: 04 Января, 2010 - 01:31:30
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	для кнопки (ссылки выключения) <a href="javascript:this.style.display.none">x</a> прошу прощения за ошибки, я принцип указал... )))))))))))))))) ----- Шта? Репозиторий?

sk666	Отправлено: 04 Января, 2010 - 01:38:20
Новичок Покинул форум Сообщений всего: 6 Дата рег-ции: Дек. 2009 Помог: 0 раз(а)	DeepVarvar пишет: для кнопки (ссылки выключения) <a href="javascript:this.style.display.none">x</a> прошу прощения за ошибки, я принцип указал... )))))))))))))))) Только с применением скрипта?

DeepVarvar	Отправлено: 04 Января, 2010 - 01:40:54
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	это лучше чем перезагружать всю страницу с гет-параметром НЕотображения той или иной вкладки. (Добавление) тем более вы сами просили хтмл+сисс ----- Шта? Репозиторий?

sk666	Отправлено: 04 Января, 2010 - 01:47:27
Новичок Покинул форум Сообщений всего: 6 Дата рег-ции: Дек. 2009 Помог: 0 раз(а)	DeepVarvar пишет: это лучше чем перезагружать всю страницу с гет-параметром НЕотображения той или иной вкладки. (Добавление) тем более вы сами просили хтмл+сисс Я совсем ещё щегол в вёрстке, вот при мер из сети который мне подходит для решения моей задачи, куда там поставить скрипт, я js не знаю вообще Код вырезал из примера http://www[dot]id-as[dot]com/arts/ala/sl[dot][dot][dot]doors/h/ex5[dot]html CODE (css): скопировать код в буфер обмена body { background:#fff; margin:0; padding:0; color:#000; font:x-small/1.5em Georgia,Serif; voice-family: "\"}\""; voice-family:inherit; font-size:small; } html>body {font-size:small;} #header { float:left; width:100%; background:#DAE0D2 url("../i/bg.gif") repeat-x bottom; font-size:93%; line-height:normal; } #header ul { margin:0; padding:10px 10px 0; list-style:none; } #header li { float:left; background:url("../i/left.gif") no-repeat left top; margin:0; padding:0 0 0 9px; } #header a { display:block; background:url("../i/right.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; } #header a:hover { color:#333; } #header #current { background-image:url("../i/left_on.gif"); } #header #current a { background-image:url("../i/right_on.gif"); color:#333; padding-bottom:5px; } </style> </head> <body> <div id="header"> <ul> <li><a href="#">Home</a></li> <li id="current"><a href="#">News</a></li> <li><a href="#">Products</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> </body> </html> (Добавление) вот ссылка на полную статью http://www.id-as.com/arts/ala/slidingdoors/ Отредактировано модератором: Champion, 04 Января, 2010 - 09:35:01

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.