Форумы портала PHP.SU :: Версия для печати

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 :: Версия для печати :: a:visited

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » a:visited

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

1. LIME - 28 Января, 2012 - 05:00:15 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

a:visited {
                        font-size : x-large;
                        font-weight:bold;
                        color: red;
                }

не хочет утолщаться и увеличиваться
цвет работает
в инструменте разработчика стили как и ожидаются но почемуто это не отражается визуально на странице
в чем причина?
зы: font-size : x-large; не нужен... для лишней проверки вставил

2. LIME - 28 Января, 2012 - 16:09:18 - перейти к сообщению

3. IllusionMH - 28 Января, 2012 - 16:58:58 - перейти к сообщению

LIME, а если специально попробовать задать для посещенной ссылки другой шрифт?
Какой шрифт используется? Может у конкретного шрифта нет болда?
Если можно - ссылку на реальный пример (или повторение бага на jsFiddle.net)

4. LIME - 28 Января, 2012 - 17:06:25 - перейти к сообщению

IllusionMH шрифт поумолчанию
при помещении в тег <strong> (произвольной ссылки из набора) болд срабатывает
пример сделаю позже

5. LIME - 28 Января, 2012 - 21:05:29 - перейти к сообщению

ну вот примерчик
пару ссылок в пагинаторе сделал с другим адресом чтоб видеть разницу
работает только толщина в :link (или вовсе просто a.page без :link)
а :visited повторяет толщину но цвет меняет

Спойлер (Отобразить)

CODE (html):
скопировать код в буфер обмена

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
        <title>Test</title>
        <style type="text/css">
                a.page:link {
                        font-weight:100;
                        color: grey;
                }
                a.page:visited {
                        font-weight:900;
                        color: #ff0080;
                }
                .nav {
                        font-size : x-large;
                        font-weight:bold;
                        text-align:right;
                        width:70%;
                }
        </style>
</head>
 
<body>
28 January 12<br />Всего:6595<br /><br /><div><a href="#" title="">На главную</a></div><div class="nav">
        <a href="/index.php?day=28&month=1&year=2012&next" >Свободная страница</a></div><br/>&nbsp
<a class="page" href="/0"><span style="font-size : x-large">0</span></a>&nbsp&nbsp
<a class="page" href="#">1</a>&nbsp&nbsp
<a class="page" href="#">2</a>&nbsp&nbsp
<a class="page" href="#">3</a>&nbsp&nbsp
<a class="page" href="#">4</a>&nbsp&nbsp
<a class="page" href="#">5</a>&nbsp&nbsp
<a class="page" href="#">6</a>&nbsp&nbsp
<a class="page" href="#">7</a>&nbsp&nbsp
<a class="page" href="#">8</a>&nbsp&nbsp
<a class="page" href="#">9</a>&nbsp&nbsp
<a class="page" href="#">31</a>&nbsp&nbsp
<a class="page" href="#">32</a>&nbsp&nbsp
<a class="page" href="#">33</a>&nbsp&nbsp
<a class="page" href="#">34</a>&nbsp&nbsp
<a class="page" href="#">35</a>&nbsp&nbsp
<a class="page" href="#">36</a>&nbsp&nbsp
<a class="page" href="#">37</a>&nbsp&nbsp
<a class="page" href="#">38</a>&nbsp&nbsp
<a class="page" href="#">39</a>&nbsp&nbsp
<a class="page" href="#">40</a>&nbsp&nbsp
<a class="page" href="#">41</a>&nbsp&nbsp
<a class="page" href="#">42</a>&nbsp&nbsp
<a class="page" href="#">43</a>&nbsp&nbsp
<a class="page" href="#">44</a>&nbsp&nbsp
<a class="page" href="#">45</a>&nbsp&nbsp
<a class="page" href="#">46</a>&nbsp&nbsp
<a class="page" href="#">47</a>&nbsp&nbsp
<a class="page" href="#">48</a>&nbsp&nbsp
<a class="page" href="#">49</a>&nbsp<br/>&nbsp<a class="page" href="/50">50</a>&nbsp&nbsp
<a class="page" href="#">51</a>&nbsp&nbsp
<a class="page" href="#">52</a>&nbsp&nbsp
<a class="page" href="#">53</a>&nbsp&nbsp
<a class="page" href="#">54</a>&nbsp&nbsp
<a class="page" href="#">55</a>&nbsp&nbsp
<a class="page" href="#">56</a>&nbsp&nbsp
<a class="page" href="#">57</a>&nbsp&nbsp
<a class="page" href="#">58</a>&nbsp&nbsp
<a class="page" href="#">59</a>&nbsp&nbsp
<a class="page" href="#">60</a>&nbsp&nbsp
<a class="page" href="#">61</a>&nbsp&nbsp
<a class="page" href="#">62</a>&nbsp&nbsp
<a class="page" href="#">63</a>&nbsp&nbsp
<a class="page" href="#">64</a>&nbsp&nbsp
<a class="page" href="#">65</a>&nbsp<br/><br/>

(Добавление)

CODE (htmlphp):
скопировать код в буфер обмена

a.page:visited {
                        font-weight:900 !important;

нет

6. IllusionMH - 28 Января, 2012 - 21:53:35 - перейти к сообщению

LIME, странно. В опере все работает нормально(ну т.е. как и ожидается)
Но гугл натолкнул на пост (лучше ознакомится полностью)
Если коротко: то по измененному стилю для посещенных ссылок можно попытаться восстановить историю посещенных сайтов пользователя.

В итоге ограничен ряд свойств, которые доступны при задания стиля для посещенных ссылок

Цитата:

We’re limiting the CSS properties that can be used to style visited links to color, background-color, border-*-color, and outline-color and the color parts of the fill and stroke properties.

Остальные свойства такие же, как и у не посещенной ссылки.

Так что придется либо забить, либо искать другие способы изменения на жирный.
При этом a:visited + span тоже не прокатит, согласно посту выше.

А пользователям браузера Opera лучше использовать приватные вкладки для страниц, которые не желательно светить Радость

7. LIME - 28 Января, 2012 - 21:59:24 - перейти к сообщению

IllusionMH спасибо большое
(Добавление)
+
интересненько...а в чем безопасность? цвет-та всеравно меняется
какая нафиг разница если толщину еще сменить)))
тут я за оперу

8. IllusionMH - 28 Января, 2012 - 22:32:23 - перейти к сообщению

LIME, тут какое дело
Все браузеры кроме Opera "соврут" на счет цвета, если ссылка перекрашена.

Но вот ссылка является inline обьектом, и изменив шрифт(или просто сделав его жирным) изменится ширина объекта. Тут уже не получится "соврать".

9. LIME - 28 Января, 2012 - 22:40:41 - перейти к сообщению

аа..это про просмотр истории при помощи js после закрытия браузера?
спс понял...надоть запомнить про оперу на есличто))
+ еще пожалуй))

10. IllusionMH - 28 Января, 2012 - 22:48:32 - перейти к сообщению

действительно врут