mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 21:24 Benutzername: Passwort: Auto-Login

Thema: [CSS] Bei mouseover zusätzlich Text einblenden vom 08.02.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Bei mouseover zusätzlich Text einblenden
Autor Nachricht
Tachikoma
Threadersteller

Dabei seit: 20.01.2004
Ort: Nebenstadt Fulda
Alter: 37
Geschlecht: Männlich
Verfasst Mi 08.02.2006 09:50
Titel

[CSS] Bei mouseover zusätzlich Text einblenden

Antworten mit Zitat Zum Seitenanfang

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! Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anti78

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Mi 08.02.2006 10:10
Titel

Antworten mit Zitat Zum Seitenanfang

Also ich kenns jetzt nur mit JavaScript.

Guck rechts! http://www.dyn-web.com/dhtml/write-lyrs/
  View user's profile Private Nachricht senden
Anzeige
Anzeige
datenkind

Dabei seit: 28.04.2003
Ort: Eisenach
Alter: 34
Geschlecht: Männlich
Verfasst Mi 08.02.2006 10:18
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.mikezilla.com/exp0004.html

http://www.webbe.de/index.shtml?CONTENT=script_css_tooltip;LANG=de

http://www.webmacherfaq.de/Faqs/prog/faq02-0044.htm

Wurschtel dich mal durch ...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Tachikoma
Threadersteller

Dabei seit: 20.01.2004
Ort: Nebenstadt Fulda
Alter: 37
Geschlecht: Männlich
Verfasst Mi 08.02.2006 10:55
Titel

Antworten mit Zitat Zum Seitenanfang

Grins

GEIL! Ich hab's!

VIELEN DANK euch Beiden!
Ich wollte ne reine CSS-Lösung!
Trotzdem Danke Anti!

http://www.webbe.de/index.shtml?CONTENT=script_css_tooltip;LANG=de

Der Link war's!!

PERFEKT!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Mouseover erweitert Text/Links CSS(3) oder...?
Wechselbild und Text einblenden
text mit javascript bei klick einblenden
Bei Hoover oder click Div erweitern bzw. Text einblenden
MouseOver Text
Mouseover Text
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.