✔ Roll over beim Textlink?

Status
Nicht offen für weitere Antworten.
Hm, jetzt habe ich den Code die CSS Datei eingefügt, aber das Bild wird beim Drüberfahren nicht angezeigt... Was mach ich bloß falsch
 
Um diese Frage beantworten zu können, solltest du, wie von mir vorhin darum gebeten, den vollständigen HTML- und CSS-Code deiner Seite posten, oder den Link zur Seite nennen, denn hellsehen kann ich nicht, und im Original tauchen bei mir keine derartigen Probleme auf.

mfg Maik
 
Naja, mit obiger CSS-Regel alleine kann da auch nichts funktionieren. ;)

Das sind die erforderlichen Regeln aus dem Original-Stylesheet:

Code: 
.rtr {
        margin: 8px;
        background-color: #ccc;
}

.rtr {
        float: right;
        margin-right: 0;
}

.apop {
        display: none;
}

a.rtr:hover {
        border-width: 0; /* IE */
}
a.rtr:hover .apop {
        display: block;
        position: absolute;
        width: 10em;
        background-color: #fcc;
}

.intp, .apop span {
        display: block;
        padding: 0.5em;
        border: 4px solid;
}
* html .intp {
        width: 10em;
        w\idth: auto;
}
.intp {
        border-color: #333;
}
.apop span {
        border-color: #f00;
}
Die gestalterischen Angaben zur Breite, Hintergrundfarbe, Rahmen, Innen- und Außenabstand für das "Popup" musst du natürlich noch auf deine individuellen Vorstellungen bzw. auf die Seitenverhältnisse anpassen.

mfg Maik
 
Super jetzt klappts, ich danke dir!!
Aber eine kleine Frage habe ich dann doch noch:
Ist es auch möglich, dass das Bild links erscheint anstatt unten?
 
Auch das wäre möglich :)

Code: 
.rtr {
        float: right;
        margin-right: 0;
        position:relative;
}


.pos { /* Neue Klasse zum Positionieren */
        top:0;
        left:-10.5em;
}
Hierbei gilt: Je größer der negative left-Wert, desto weiter rückt das Popup nach links.

Die Klasse .pos wird im span-Element neben der Klasse .apop aufgerufen:

Code: 
<a class="rtr" href="#">
                <span class="intp" >
                    <span class="email_2"> Jürgen Frank </span>
                </span>
                <span class="apop pos"><span>
                       <img src="../Bilder/Agentur/Team/Martina.jpg" alt="Jürgen">
                </span></span>
</a>

mfg Maik

P.S. Die Grafikdatei "Martina.jpg" passt da zu "Jürgen Frank" irgendwie nicht so recht ins Bild :-)
 
Super, vielen Dank Maik, für dein Verständnis und dass du mir so geholfen hast. Hoffe ich, ich habe dich nicht genervt und ich kann mich wieder melden, falls was ist

PS: Das Bild ist natürlich nur ein Dummy ;-)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück