Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / блочные ссылки / 25 сообщений из 29, страница 1 из 2
  1  все
08.09.2012, 13:07:36
    #37949402
SysUtilster
SysUtilster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
Нормально ли делать ссылки блочными и менять им размеры? Например <a href="#" style="display: block; width: 100px; height: 50px;">Link</a>.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 13:11:42
    #37949403
Seegile
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
Да.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 18:36:24
    #37949516
SysUtilster
SysUtilster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
А как выровнять текст по центру? Чтото не получается ничего.. vertical-align: middle; не работает.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<html>

<head>

<style type="text/css">
a{display: block;
height: 50px;
width: 100px;
vertical-align: middle;
border: 1px 1px 1px 1px solid black;
text-decoration:none;}
</style>

</head>

<body>

<a href="#" class="a">link</a>

</body>
</html>




Хочу что бы ссылка была кликабельна не только на тексте..
location.href не будет работать без JS. Вот собстна и думаю целый день чего делать..
Блочные элементы в <a> пихать не прикольно.. Есть решение?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 18:43:10
    #37949518
ILL HEAD
ILL HEAD
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
display: block;
height: 50px; padding-top: 15px;
width: 100px;
vertical-align: baseline;
border: 1px 1px 1px 1px solid black;
text-decoration:none;
text-align: center;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 18:50:03
    #37949520
SysUtilster
SysUtilster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
ILL HEAD, в опере непонятно. После текста будто что-то есть..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:00:40
    #37949523
ILL HEAD
ILL HEAD
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
по рисунку не видно косяка
снизу чтоли?

зы: vertical-align: baseline; - не нужна
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:04:04
    #37949525
SysUtilster
SysUtilster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
ILL HEAD, да.. в ИЕ6 нормально, а в опере какой-то баласт внизу..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:06:23
    #37949526
ILL HEAD
ILL HEAD
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
опера - говнобраузер )
больше паддингтоп сделать значит надо для оперы
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:07:47
    #37949527
Edd.Dragon
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
ILL HEADопера - говнобраузер )
больше паддингтоп сделать значит надо для оперы
Ну если учитывать, что паддинг - это никак не средство выравнивания, то можно прямо сказать HTML - говноязык.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:09:39
    #37949528
SysUtilster
SysUtilster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
ILL HEAD, мне клиентам так и говорить за Оперу?
с padding-top отступ больше, вместе с этим и кнопка больше, а это нифига не по плану..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:12:29
    #37949529
ILL HEAD
ILL HEAD
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
Edd.Dragon,

предложи другой вариант
а опера на лицо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:32:12
    #37949538
ILL HEAD
ILL HEAD
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
еще вариант
со скриптом
ссылки не будет. будет поведение на клик по диву
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:34:26
    #37949540
SysUtilster
SysUtilster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
ILL HEAD, <div onclick="location.href='#'">?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:40:26
    #37949545
Edd.Dragon
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
ILL HEADEdd.Dragon,

предложи другой вариант
а опера на лицо

Это вроде не опера:




Дъявол, как обычно в деталях. Правы оба браузера. И оба могут нарисовать одинаково, если их заставить (в данном случае, одинаково неудовлетворительно для нас). Но говно Опера, да.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:45:14
    #37949546
Edd.Dragon
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
Кстати, моя Опера еще говнянее:



Потому что, так нельзя:
Код: css
1.
border: 1px 1px 1px 1px solid black;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:46:38
    #37949549
SysUtilster
SysUtilster
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
Edd.Dragon,
Код: css
1.
border: 1px solid black;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:56:06
    #37949554
Edd.Dragon
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
Вопросами полнейшей кросс-браузерности давно не интересуюсь, потому проверить на старичках возможности нет. В современных должно прокатить так:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title></title>

<style type="text/css">
a {
	width: 100px;
	line-height: 50px;
	height: 50px; 

	display: block;
	text-align: center;

	text-decoration:none;
	border: 1px solid black;
}

</style>

</head>

<body>
	<a href="#" class="a">link</a>
</body>

</html>



Можно и без доктайпа.
Не сказать, что выровненено до пикселя, но это уже особенности метрик шрифта.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 19:58:53
    #37949555
Edd.Dragon
Edd.Dragon
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
SysUtilsterEdd.Dragon,
Код: css
1.
border: 1px solid black;


Ну разумеется. Просто это одна из тех опечаток, которые не сразу бросаются в глаза, а запустив код и увидев отсутствие бордюра (при его наличии в IE), действительно начинаешь верить в то, что Опера говно, пока не разберешься )))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2012, 20:59:21
    #37949581
Seegile
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
Edd.Dragon, Вот спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2012, 02:54:56
    #37949756
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
SysUtilsterILL HEAD, мне клиентам так и говорить за Оперу?
Я говорю. Прокатывает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2012, 11:02:51
    #37949796
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
О, вижу тут профессионалы собрались :)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<!DOCTYPE HTML>
<html>
  <head>
    <style>
      a {
        border: solid 1px black;
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        width: 100px;
      }
    </style>
  </head>
  <body>
    <a href="#">Link</a>
  </body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2012, 11:11:13
    #37949799
Seegile
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
В Опере косяк. Почему так?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
		<style type="text/css">
			#div1{border: 1px solid red; width: 100px; height: 50px; float: left;}
			#div2{border: 1px solid yellow; width: 100px; height: 50px;}
			#div3{border: 1px solid blue; width: 200px; height: 50px; clear: left;}
		</style>
	</head>

	<body>
		<div id="div1">001</div>
		<div id="div2">002</div>
		<div id="div3">003</div>
	</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2012, 11:40:49
    #37949808
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
SeegileВ Опере косяк.Не только в Опере
SeegileПочему так?А как?

Может так?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<!DOCTYPE html>
<html>
<head xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
  <style type="text/css">
    #div1 {
      border: 2px solid red;
      float: left;
      height: 50px;
      width: 100px;
    }

    #div2 {
      border: 2px solid yellow;
      display: inline-block;
      height: 50px;
      width: 100px;
    }

    #div3 {
      border: 2px solid blue;
      height: 50px;
      width: 204px;
    }
  </style>
</head>
<body>
  <div id="div1">001</div>
  <div id="div2">002</div>
  <div id="div3">003</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2012, 11:44:45
    #37949811
Seegile
Seegile
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
skyANA, в ИЕ6 не косячит.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2012, 11:51:05
    #37949814
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
блочные ссылки
Seegile, ну тогда для ИЕ6 используйте свои стили, а для других браузеров мои :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / блочные ссылки / 25 сообщений из 29, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 432ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1449367]:
 0ms
get settings:
 6ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 167ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 201ms
total:  432ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]