szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!

[[oktatas:web:css|< CSS]]


====== CSS Eszköztipp ======


  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2013, 2014
  * Licenc: GNU Free Documentation License 1.3
  * Web: http://szit.hu
===== Példa =====

==== Forrás fájlok ====



<code css style.css>
a#honlap span {
	display: none;
}
a#honlap:hover span {
	position: absolute;
	display: inline;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	color: #6c6c6c;
	background-color: #ffffff;
	padding:2px 3px; 
	margin-left:8px; 
	width:130px;
	
}
a#honlap:hover {
	text-decoration: none;
}
</code>


<code html>
<a href="http://szit.hu" id="honlap">http://szit.hu<span>A példa honlapja</span></a>
</code>

==== Működés ====


Próbálja ki. Vigye az egeret a link felé:
<html>
<style>
#eszkoztipp1 a#honlap span {
	display: none;
}
#eszkoztipp1 a#honlap:hover span {
	position: absolute;
	display: inline;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	color: #6c6c6c;
	background-color: #ffffff;
	padding:2px 3px; 
	margin-left:8px; 
	width:130px;
	
}
#eszkoztipp1 a#honlap:hover {
	text-decoration: none;
}
</style>

<div id="eszkoztipp1">
<a href="http://szit.hu" id="honlap">http://szit.hu<span>A példa honlapja</span></a>
</div>

</html>