ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / блочные ссылки
25 сообщений из 29, страница 1 из 2
  1  все
блочные ссылки
    #37949402
SysUtilster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SysUtilster
Гость
Нормально ли делать ссылки блочными и менять им размеры? Например <a href="#" style="display: block; width: 100px; height: 50px;">Link</a>.
...
Рейтинг: 0 / 0
08.09.2012, 13:07:36
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949403
Seegile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Seegile
Участник
Да.
...
Рейтинг: 0 / 0
08.09.2012, 13:11:42
| Ответить | Цитировать | Написать  
блочные ссылки
    #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:36:24
| Ответить | Цитировать | Написать  
блочные ссылки
    #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:43:10
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949520
SysUtilster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SysUtilster
Гость
ILL HEAD, в опере непонятно. После текста будто что-то есть..
...
Рейтинг: 0 / 0
08.09.2012, 18:50:03
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949523
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ILL HEAD
Участник
по рисунку не видно косяка
снизу чтоли?

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

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

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

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




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



Потому что, так нельзя:
Код: css
1.
border: 1px 1px 1px 1px solid black;
...
Рейтинг: 0 / 0
08.09.2012, 19:45:14
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949549
SysUtilster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SysUtilster
Гость
Edd.Dragon,
Код: css
1.
border: 1px solid black;
...
Рейтинг: 0 / 0
08.09.2012, 19:46:38
| Ответить | Цитировать | Написать  
блочные ссылки
    #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:56:06
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949555
Edd.Dragon
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Edd.Dragon
Участник
SysUtilsterEdd.Dragon,
Код: css
1.
border: 1px solid black;


Ну разумеется. Просто это одна из тех опечаток, которые не сразу бросаются в глаза, а запустив код и увидев отсутствие бордюра (при его наличии в IE), действительно начинаешь верить в то, что Опера говно, пока не разберешься )))
...
Рейтинг: 0 / 0
08.09.2012, 19:58:53
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949581
Seegile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Seegile
Участник
Edd.Dragon, Вот спасибо!
...
Рейтинг: 0 / 0
08.09.2012, 20:59:21
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949756
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
SysUtilsterILL HEAD, мне клиентам так и говорить за Оперу?
Я говорю. Прокатывает.
...
Рейтинг: 0 / 0
09.09.2012, 02:54:56
| Ответить | Цитировать | Написать  
блочные ссылки
    #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:02:51
| Ответить | Цитировать | Написать  
блочные ссылки
    #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:11:13
| Ответить | Цитировать | Написать  
блочные ссылки
    #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:40:49
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949811
Seegile
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Seegile
Участник
skyANA, в ИЕ6 не косячит.
...
Рейтинг: 0 / 0
09.09.2012, 11:44:45
| Ответить | Цитировать | Написать  
блочные ссылки
    #37949814
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Seegile, ну тогда для ИЕ6 используйте свои стили, а для других браузеров мои :)
...
Рейтинг: 0 / 0
09.09.2012, 11:51:05
| Ответить | Цитировать | Написать  
25 сообщений из 29, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / блочные ссылки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=157&tid=1449367]:
 0ms
get settings:
 7ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 267ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 39ms
get tp. blocked users:
 2ms
others: 233ms
total:  573ms
созд. / загр.: 573ms
x
x
Закрыть


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