Xwab
Форумыnavigate_next Графика/Дизайн

Квадратные ссылки
Сообщения
Aku

Уважаемые форумчане! Привет! Кто знает как сделать так что бы допустим в гостевой где страницы отображаются ну 1,2,3....9 вот так. Я хочу что бы ссылки были у меня квадратные, а у меня эта навигация станиц как обычные ссылки

12 Ноя 2011, 20:16
GraF

span

12 Ноя 2011, 20:20
Logan

.имя_дива a:link { background: black; padding: 3px; margin: 5px; display: block; }
Это есть я правильно тебя понял.

12 Ноя 2011, 20:21
Aku

Ну я посмотрю если что заранее спасибо!

12 Ноя 2011, 20:23
m-r.Nemo

Logan, если использовать дисплей блок то ссылки растянутся на всю ширину родительского элемента, и будет ли отображаться через див а.линк еще вопрос,

самый лучший вариант создать отдельный класс в стиле

a.имя_класса:link {backgound-color: #000000; color: #dadada; padding: 2px;} a.имя_класса:visited { } a.имя_класса:hover { }
этого хватит, можно добавить бордер, маргин и т.д. по необходимости...

на странице

<а hrеf="адрес" сlаss="имя_класса">ссылка</а>

если не нужны псевдоклассы то просто
а.имя_класса { }

12 Ноя 2011, 21:06
iBiZoNiX

.kvadrat {
border: 1px solid black;
padding: 5px;
margin 2px;
background-color: white;
}
где-то на станице:
<span style='kvadrat'>
1
</span>

12 Ноя 2011, 21:19
m-r.Nemo

iBiZoNiX, ссыль останется как и была, это с текстом будет работать, но можно твой вариант использовать между <а> </а>, но тогда ссылка не будет менять цвет/свойства при наведении, после посещения и бордер не обязателен, хватит паддинга.

12 Ноя 2011, 23:20
Ответить на тему