| Autor |
Nachricht |
Tachikoma
Threadersteller
Dabei seit: 20.01.2004
Ort: Nebenstadt Fulda
Alter: 29
Geschlecht: 
|
Verfasst Mi 08.02.2006 09:50
Titel [CSS] Bei mouseover zusätzlich Text einblenden |
  |
|
Hallihallo!
Ich müsste mal wissen ob es möglich
ist, für mich als Neuling im CSS, ein
Mouseover-Button zu erstellen bei dem
zusätzlich an anderer Stelle ein beschrei-
bender Text eingeblendet wird.
Ich hab ein Menü gebaut das aus 15x15px
grossen Buttons besteht und diese sauch
schon über css mit mouseover versehen.
Nun brauch ich noch die Möglichkeit an
einer anderen Stelle den beschreibenden
Text einzublenden!
How can i do that?
In der css-datei sieht das mouseover menü
noch so aus (es fehlen noch die restlichen
Klassen für alle Links! Stellvertretend nur
die Klasse kapputt)
| Zitat: | ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px;
}
ul li a {
float: left;
display: block;
background-color: #333333;
width: 15px;
height: 15px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
ul li a:hover {
width: 15px;
height: 15px;
margin: 0px;
}
#kapputt a:hover, #kapputt a:focus {
background-image: url(lit.gif);
background-repeat: no-repeat;
}
|
Und im Html:
| Zitat: |
<!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">
<head>
<title>title</title>
<link href="screen.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="main_site_container">
<div id="header_container">
<div id="nav_container">
<ul>
<div id="kapputt"><li><a href="#"></a></li></div>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</div>
</div>
<div id="navigator">
</div>
</body>
</html> |
Jemand der mir da helfen kann?
bitteeeee!!!
Danke schonmal! 
|
|
| |
   |
 |
Anti78
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 30
Geschlecht:
|
|
| |
 |
|
datenkind
Dabei seit: 28.04.2003
Ort: Eisenach
Alter: 26
Geschlecht:
|
|
| |
|
|
Tachikoma
Threadersteller
Dabei seit: 20.01.2004
Ort: Nebenstadt Fulda
Alter: 29
Geschlecht:
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
text mit javascript bei klick einblenden
CSS: Kleine Grafik an Ende des Texts einblenden
Css Layer per JavaScript/PHP nach 15 Sekunden einblenden
MouseOver Text
Infotext bei Mouseover über Text
CSS Mouseover Problem
|
|
Willkommen auf dem Portal für Mediengestalter
