Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Две ссылки на одной кнопке в css
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Две ссылки на одной кнопке в css

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

1. sk666 - 04 Января, 2010 - 01:22:24 - перейти к сообщению
Подскажите, пожалуйста, как реализовать на HTML+CSS меню со вкладками (типа http://www.id-as.com/arts/ala/slidingdoors/h/ex4.html), чтобы на каждой вкладке была кнопка выключения, наподобие красного квадрата с крестом у вкладок FIREFOX
2. DeepVarvar - 04 Января, 2010 - 01:31:30 - перейти к сообщению
для кнопки (ссылки выключения) <a href="javascript:this.style.display.none">x</a>

прошу прощения за ошибки, я принцип указал... ))))))))))))))))
3. sk666 - 04 Января, 2010 - 01:38:20 - перейти к сообщению
DeepVarvar пишет:
для кнопки (ссылки выключения) <a href="javascript:this.style.display.none">x</a>

прошу прощения за ошибки, я принцип указал... ))))))))))))))))



Только с применением скрипта?
4. DeepVarvar - 04 Января, 2010 - 01:40:54 - перейти к сообщению
это лучше чем перезагружать всю страницу с гет-параметром НЕотображения той или иной вкладки.
(Добавление)
тем более вы сами просили хтмл+сисс
5. sk666 - 04 Января, 2010 - 01:47:27 - перейти к сообщению
DeepVarvar пишет:
это лучше чем перезагружать всю страницу с гет-параметром НЕотображения той или иной вкладки.
(Добавление)
тем более вы сами просили хтмл+сисс


Я совсем ещё щегол в вёрстке, вот при мер из сети который мне подходит для решения моей задачи, куда там поставить скрипт, я js не знаю вообще

Код вырезал из примера http://www[dot]id-as[dot]com/arts/ala/sl[dot][dot][dot]doors/h/ex5[dot]html

CODE (css):
скопировать код в буфер обмена
  1.  body {
  2.       background:#fff;
  3.       margin:0;
  4.       padding:0;
  5.       color:#000;
  6.       font:x-small/1.5em Georgia,Serif;
  7.       voice-family: "\"}\""; voice-family:inherit;
  8.       font-size:small;
  9.       } html>body {font-size:small;}
  10.    
  11.     #header {
  12.       float:left;
  13.       width:100%;
  14.       background:#DAE0D2 url("../i/bg.gif") repeat-x bottom;
  15.       font-size:93%;
  16.       line-height:normal;
  17.       }
  18.     #header ul {
  19.       margin:0;
  20.       padding:10px 10px 0;
  21.       list-style:none;
  22.       }
  23.     #header li {
  24.       float:left;
  25.       background:url("../i/left.gif") no-repeat left top;
  26.       margin:0;
  27.       padding:0 0 0 9px;
  28.       }
  29.     #header a {
  30.       display:block;
  31.       background:url("../i/right.gif") no-repeat right top;
  32.       padding:5px 15px 4px 6px;
  33.       text-decoration:none;
  34.       font-weight:bold;
  35.       color:#765;
  36.       }
  37.     #header a:hover {
  38.       color:#333;
  39.       }
  40.     #header #current {
  41.       background-image:url("../i/left_on.gif");
  42.       }
  43.     #header #current a {
  44.       background-image:url("../i/right_on.gif");
  45.       color:#333;
  46.       padding-bottom:5px;
  47.       }
  48.   </style>
  49. </head>
  50.  
  51. <body>
  52.  
  53. <div id="header">
  54.   <ul>
  55.     <li><a href="#">Home</a></li>
  56.     <li id="current"><a href="#">News</a></li>
  57.     <li><a href="#">Products</a></li>
  58.     <li><a href="#">About</a></li>
  59.     <li><a href="#">Contact</a></li>
  60.  
  61.   </ul>
  62. </div>
  63.  
  64. </body>
  65. </html>

(Добавление)
вот ссылка на полную статью http://www[dot]id-as[dot]com/arts/ala/slidingdoors/

 

Powered by ExBB FM 1.0 RC1