Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Ширина/высота ссылки
 
 автор: Keks   (20.01.2007 в 10:23)   письмо автору
 
 

Как для ссылки задать ширину/высоту для background-color? Т.е. например ширина 100пикс., высота 20пикс. Я пробовал задать это в стилях через width и height ссылки, но это работает только в ie, а в Опере нет. Подскажите пожалуйста, если знаете как сделать.

   
 
 автор: targa   (20.01.2007 в 10:34)   письмо автору
 
   для: Keks   (20.01.2007 в 10:23)
 

>>Как для ссылки задать ширину/высоту для background-color?
Ширину высоту можно задать элементу, а вот его бэкграунду... Разве что рисунок соответствующий посместить, или с двумя объектами извратиться.

Задать же ширину/высоту ссылке можно через CSS
В CSS-файле пишем


a.class1
{
    width: 100px;
    height: 20px;
}


В хтмл:

<a class="class1" href="http://">ссылка</a>


Там же в CSS можно и цвет бэкграунда задать.

background-color: blue;
color: white;

   
 
 автор: Keks   (20.01.2007 в 10:55)   письмо автору
 
   для: targa   (20.01.2007 в 10:34)
 

ну, я и говорю, что это в Опере не работает...

   
 
 автор: targa   (20.01.2007 в 12:43)   письмо автору
 
   для: Keks   (20.01.2007 в 10:55)
 

добавьте в класс еще

display: block;


Правда тогда она будет одна на строку, т.к. станет блоковым элементом.

   
 
 автор: retsoul   (20.01.2007 в 22:08)   письмо автору
 
   для: Keks   (20.01.2007 в 10:23)
 

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

a {
  color:#ffffff;
  background-color:#000000;
  padding:5px;
  padding-left:30px;
  padding-right:30px;
}

тогда получится ссылка белого цвета на чёрном фоне с отступами в 30 пиксилов справа и слева и по 5 - сверху и снизу

   
 
 автор: targa   (21.01.2007 в 00:30)   письмо автору
 
   для: retsoul   (20.01.2007 в 22:08)
 

retsoul, тогда ширина ссылки будет зависить от ширины контента внутри нее. Просто будут отступы, а мне кажется автору темы не это нужно.

Кстати, Ваш вариант padding'а можно записать короче:

padding: 5px 30px;

   
 
 автор: retsoul   (21.01.2007 в 00:48)   письмо автору
 
   для: targa   (21.01.2007 в 00:30)
 

спасибо за более короткий вариант "паддига" :)

   
 
 автор: Keks   (22.01.2007 в 10:29)   письмо автору
 
   для: retsoul   (21.01.2007 в 00:48)
 

Спасибо всем, отписавшимся здесь, теперь все работает :)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования