[решено] Сделать див ссылкой.

Vlad Drakula · Конфигурация компьютера

Artem-Samsung
а зачем вам DIV внутри ссылки?

Artem-Samsung · Отправлено: **20:26, 28-03-2008** | #3

Для того, что бы весь квадратик был ссылкой. То есть при нажатии на область ячейки выполняется действие.
Если внутри ссылку, то переход только по нажатии именно по текстовой области

bruder · Отправлено: **20:31, 28-03-2008** | #4

да, нельзя блочные элементы вставлять в инлайн. Сделай наоборот

Код:

<html>
 <head>
 <style type="text/css">
	div a{
		display:block;
		border:1px solid #000;
		width:30px;
		height:30px;
		text-decoration:none;
	}
	div {		
		border:1px solid #030;
		width:30px;
		height:30px;
	}
 </style>
 </head>

 <body>
  <div id="out" class="out">
	<a href="" id="in">hallo</a>
  </div>
 </body>
</html>

Artem-Samsung · Отправлено: **20:36, 28-03-2008** | #5

Спасибо, то что нужно

))

Artem-Samsung · Отправлено: **20:56, 28-03-2008** | #6

Единственное что не пойму, у меня почему то первых две ссылки не работает, а дальше все работают О.о
Ну ниче, разберусь. Еще раз спасибо

farlow · Отправлено: **21:04, 28-03-2008** | #7

a {
display:block;
}
этого хватит

Artem-Samsung · Отправлено: **21:28, 28-03-2008** | #8

farlow, ага, я так и сделал. вот только странно так получается.
часть работает ссылок так, а часть нет

)

Код:

#content #menu .menu2 a:hover {
	width: 157px;
	background-color: #003399;
	color: #FFFFFF;
	display: block;
}

bruder · Отправлено: **21:36, 28-03-2008** | #9

вроде в 3 браузерах протестил без ошибок. А что именно не пашет?

Код:

<html>
 <head>  
  <style type="text/css">
  #content #menu .menu2 a {
    width: 157px;   
    display: block;
}  
	#content #menu .menu2 a:hover {
    background-color: #003399;
    color: #ffffff;  
}  
  </style>
 </head>
 <body>
  <div id="content" class="">
	<div id="menu" class="">
		<div id="" class="menu2">
			<a href="">sdfsfs</a>
			<a href="">sdfsfs</a>
			<a href="">sdfsfs</a>
			<a href="">sdfsfs</a>
			<a href="">sdfsfs</a>
			<a href="">sdfsfs</a>
		</div>
	</div>
  </div>
 </body>
</html>

Artem-Samsung · Отправлено: **21:52, 28-03-2008** | #10

Я блок и в хувере написал, да и ссылку обозначил не так точно, а так:

#menu a:link {
color: #000066;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration:none;
display:block;
}

Сделал все, как вы написали и получилось вроде

Хотя тогда тоже вроде бы как получалось но после нескольких заходов что-то испортилось(
Но надеюсь, что так будет точно работать. Спасибо еще раз

)