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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Цвет фона активной ссылки

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Ammiak
Отправлено: 14 Мая, 2012 - 08:30:15
Post Id


Частый гость


Покинул форум
Сообщений всего: 232
Дата рег-ции: Апр. 2011  


Помог: 0 раз(а)




Здравствуйте, на страницу выводятся в цикле 100 ссылок (нумерация страниц)
PHP:
скопировать код в буфер обмена
  1.  
  2. <div id="footer">
  3. for ($i=1; $i<=100; $i++) {
  4. echo '<a><span style="background-color:#ddd">'.$i.'</span></a>'
  5. }
  6. </div>
  7.  

Цвет фона span'ов - серый. Если пользователь переходит скажем на 100-ю страницу то цвет фона span'а с активной ссылкой под номером 100 должен меняться на красный. Подскажите пожалуйста, как это можно сделать на css?

(Отредактировано автором: 14 Мая, 2012 - 08:30:48)

 
 Top
Panoptik
Отправлено: 14 Мая, 2012 - 08:46:34
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2493
Дата рег-ции: Нояб. 2011  
Откуда: Одесса, Украина


Помог: 131 раз(а)




CODE (css):
скопировать код в буфер обмена
  1.  
  2. a:active span {
  3.  background: red;
  4. }
  5.  


-----
Just do it
 
 Top
DelphinPRO
Отправлено: 14 Мая, 2012 - 08:57:51
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




PHP:
скопировать код в буфер обмена
  1. $current_page = 54;
  2. for ($i=1; $i<=100; $i++) {
  3.     echo '<a><span ';
  4.     if ($i == $current_page) {
  5.         echo 'style="background-color:red"';
  6.     } else {
  7.         echo 'style="background-color:#ddd"';
  8.     }
  9.     echo '>'.$i.'</span></a>'
  10. }

(Добавление)
Ammiak пишет:
как это можно сделать на css?

Откуда CSS может знать на какой странице вы находитесь?


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Ammiak
Отправлено: 14 Мая, 2012 - 09:03:43
Post Id


Частый гость


Покинул форум
Сообщений всего: 232
Дата рег-ции: Апр. 2011  


Помог: 0 раз(а)




DelphinPRO, всё работает, большое спасибо
Остался такой вопрос: а можно ли как-то сделать ширину span'ов фиксированной? Например блок с надписью "1" заметно уже блока с надписью "100" и наоборот. Просто задавать ширину <span style="width:35px"> не срабатывает

(Отредактировано автором: 14 Мая, 2012 - 12:13:25)

 
 Top
КЫР
Отправлено: 15 Мая, 2012 - 23:35:22
Post Id



Частый гость


Покинул форум
Сообщений всего: 168
Дата рег-ции: Авг. 2011  
Откуда: Новосибирск


Помог: 2 раз(а)




CODE (css):
скопировать код в буфер обмена
  1.  
  2. span {
  3. display: inline-block;
  4. width: 35px;
  5. }
  6.  

(Отредактировано автором: 15 Мая, 2012 - 23:35:46)



-----
Fuck you guys, I'll going home
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB