Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 66 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 17.08.2018
Топ 5 участников по репутации


При наведении на ссылку-рисунок выводится рaмка (стр. 2)

#11 Anatoly

Anatoly
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 0
0

Отправлено 13 September 2009 - 22:21

Мне нужно вверху, где случайные фото (и не только там), при наведении на них выводить рамку. Но не впритык что бы была, а чуть поодаль.
Адрес сайта http://www.4picture.ru
  • 0

#12 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 13 September 2009 - 22:56

Anatoly, а не пробовали для ссылки сделать:
.href, .href:link, .href:visited
{
   display: block;
   padding: 3px;
   border: 4px solid transparent;
}
.href:hover
{
   border: 4px solid #eee;
}

  • 0

#13 Anatoly

Anatoly
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 0

Отправлено 14 September 2009 - 15:05

Да пытался, но чуток не так. Теперь почти как надо, но рамка растягивается во всю ячейку таблицы по ширине. Если, к примеру у меня там будет стоять один рисунок, то рамка получится от края до края...
Вы не серчайте, если что :rolleyes: , но мне просто этот эффект нужен будет еще на одном сайте, который пока только на моем винте создается :) ...
  • 0

#14 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 14 September 2009 - 18:02

Anatoly, ну раз уж вы не пользуетесь свойством float я вас научу.
Данный код покажет картинки-ссылки с бордюром в 4 пикселя, каждая на новой строке
<html>
<head>
<style type="text/css">

img
{
border: 0px;
}

.href, .href:link, .href:visited
{
display: block;
float: left;
padding: 3px;
border: 4px solid #FFF;
clear: both;
}

.href:hover
{

border: 4px solid #eee;
}

</style>
</head>
<body>
<a class="href" href="#"><img src="[картинка1]" /></a>
<a class="href" href="#"><img src="[картинка2]" /></a>
<a class="href" href="#"><img src="[картинка3]" /></a>
</body>
</html>

Если хотите убрать перенос каждого блока, то сотрите строку clear: both; из изначального определения ссылок

Все остальные параметры на подобии нулевых бордюров у картинок, цвета у бордюра ссылки при пассивном режиме - фиксят баги в других браузерах...
  • 0

#15 Anatoly

Anatoly
    Topic Starter
  • Неактивные
  • 50 сообщений
  • Репутация: 0

Отправлено 14 September 2009 - 18:59

ну раз уж вы не пользуетесь свойством float я вас научу.

Ну честно, не знал я про это :rolleyes: Я сейчас могу расплакаться даже от незнания такой вещи :)
  • 0

#16 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 14 September 2009 - 19:47

Anatoly, да с чего плакать, мы тут помогаем :) Рад был показать! Иногда методами проб и ошибок получаем всё что хотим.
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru