myGully.com Boerse.SH - BOERSE.AM - BOERSE.IO - BOERSE.IM Boerse.BZ .TO Nachfolger
Zurück   myGully.com > Computer & Technik > Programmierung
Seite neu laden

HTML Hover Problem

Willkommen

myGully

Links

Forum

 
Antwort
Themen-Optionen Ansicht
Ungelesen 18.02.10, 15:25   #1
LordPresten
mygully lover
 
Benutzerbild von LordPresten
 
Registriert seit: Jan 2010
Ort: Mygully Platzt 1.
Beiträge: 117
Bedankt: 277
LordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt PunkteLordPresten ist unten durch! | -41757 Respekt Punkte
Standard HTML Hover Problem

Moin Jungs,
habe eine Problem. ICh möchte es schaffen (wie bei 3dl.am) wenn man über einen Downloadlink hovert, dass dann eine weiße Box auftritt und Cover und infos zeigt.

IN diesen Code sollte es eingebaut werden:

PHP-Code:
<html>
<
head>
<
title>s</title>
<
style>
body {font-familyArialsans-serifHevetia;
      
color#636363;
      
font-size9pt;}
ul#dlist {
    
width40em;
    
height40em;
    
margin0padding0.0em;
    
border1px solid black;
    
background-color#fff;
    
text-alignright;}
  }
  * 
html ul#dlist {  /* Korrekturen fuer IE 5.x */
    
width11.6em;
    
w\idth10em;
    
padding-left0;
    
padd\ing-left0.0em;
  }
  

  
ul#dlist a {
    
display:block;
    
padding0.2em;
    
text-decorationnonefont-weightbold;
    
border1px solid gray;
    
border-left-colorwhiteborder-top-colorwhite;
    
color#636363; background-color: #fff;
    
text-alignleft;}
  }
  * 
html ul#dlist a {  /* Breitenangaben nur fuer IE */
    
width100%;
    
w\idth10em;
  }
  
ul#dlist a:hover {
    
border-colorwhite;
    
border-left-color#fff; border-top-color: #fff; border-right-color: gray;
    
border-top-width0px;
    
colorblackbackground-color#B4D6FF;
  
}
ul#dlist li:hover ul {
    
displayblock;  /* Unternavigation in modernen Browsern einblenden */
  
}

</
style>
</
head>
<
body>

<
ul id="dlist">
    
    <
li><a href="http://google.de">Beispiel 1</a></li>
    <
li><a href="http://google.de">Beispiel 3</a></li>
    <
li><a href="http://google.de">Beispiel 1           hh</a></li>
    <
li><a href="http://google.de">Beispiel 2</a></li>
    <
li><a href="http://google.de">Beispiel 3</a></li>
    <
li><a href="nav_definieren.htm">Beispiel 1           hh</a></li>
    <
li><a href="nav_formatieren.htm">Beispiel 2</a></li>
    <
li><a href="nav_rollover.htm">Beispiel 3</a></li>
    <
li><a href="nav_definieren.htm">Beispiel 1           hh</a></li>
    <
li><a href="nav_formatieren.htm">Beispiel 2</a></li>
    <
li><a href="nav_rollover.htm">Beispiel 3</a></li>
    <
li><a href="nav_definieren.htm">Beispiel 1           hh</a></li>
    <
li><a href="nav_formatieren.htm">Beispiel 2</a></li>
    <
li><a href="nav_rollover.htm">Beispiel 3</a></li>
    <
li><a href="nav_definieren.htm">Beispiel 1           hh</a></li>
    <
li><a href="nav_formatieren.htm">Beispiel 2</a></li>
    <
li><a href="nav_rollover.htm">Beispiel 3</a></li>
  </
ul
Hoffe ihr könnt mir helfen
__________________
Ich lese mir die [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] durch, bevor ich eine Sig erstelle!
I read the [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] before I create a signature.
LordPresten ist offline   Mit Zitat antworten
Ungelesen 18.02.10, 16:29   #2
CamelionX
Anfänger
 
Registriert seit: Oct 2008
Beiträge: 25
Bedankt: 3
CamelionX ist noch neu hier! | 0 Respekt Punkte
Standard

naja warum benutzt du nicht einfach deren wz_tooltip.js?
wenn man nen bisschen googelt siehst du das sie es von hier her haben:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
auch wenn sie es noch ein bisschen umgeändert haben damit sie nicht die ganzen tooltips eingeben müssen ;D
CamelionX ist offline   Mit Zitat antworten
Ungelesen 19.02.10, 21:30   #3
kratos85
Anfänger
 
Registriert seit: Dec 2008
Beiträge: 18
Bedankt: 0
kratos85 ist noch neu hier! | 0 Respekt Punkte
Standard

mach es dir ganz einfach, arbeite dich in jquery ein, ist ne kleine java bibliothek die alles kann was dein herz begehrt, und dann wie camelion schreibt über nen tooltip, das kannst du dann mittles div machen.
ne weitere lösung wäre nen div anzulegen als tooltip und via html/css den typ im css als display: none und dann via css #element a:hover display wieder einzublenden
kratos85 ist offline   Mit Zitat antworten
Antwort


Forumregeln
Du kannst keine neue Themen eröffnen
Du kannst keine Antworten verfassen
Du kannst keine Anhänge posten
Du kannst nicht deine Beiträge editieren

BB code is An
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 02:34 Uhr.


Sitemap

().