zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden divs Überlagerung bei Hover-Funktion

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.07.2015, 01:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.07.2015
Beiträge: 3
Salai befindet sich auf einem aufstrebenden Ast
Standard divs Überlagerung bei Hover-Funktion

Hallo zusammen,

ich habe ein Problem bei der Positionierung von hover-divs mittels CSS bzw. zwei Probleme. Leider hat mich die Forensuche mit 1000 Topics erschlagen und ich konnte bei den relevanten Fragen keine Antwort finden. Wenn die Sache also allgemein schon beantwortet wurde, mea culpa

Zur Sache:

Ich habe ein Bild als Hintergrund, auf welchem ich mit spans Text gelegt habe (Anhang Bild 1), hier beispielsweise "GENTRY" und "COMMONS". Über diesen Bildern liegt mit CSS ein Hover-div, das sich öffnen soll, wenn man darüber fährt:

Code:
.parlament {
width: 750px;
height: 700px;
position: relative;
background-image: url(images/info/parlament.png);
}

/*GENTRY*/
.gentry {
margin-top: 150px;
margin-right: 490px;
margin-bottom: 530px;
margin-left: 310px;
position: absolute;
background-repeat: no-repeat;
height: 200px;
width: 200px;
opacity: 1;
text-align: justify;
color: #363636;
font-family: Cinzel;
font-size: 20px;
}

.gentry:hover {
width: 350px;
height: 250px;
background-color: #fff;
transition: 1s;
font-family: tahoma;
font-size: 11px;
position: absolute;
text-align: justify;
overflow-x: hidden;
padding: 10px;
opacity: 1;
border-left: 25px solid #80d28b;
border-bottom: 8px solid #80d28b;
color: #363636;
}
Das funktioniert auch. Allerdings ist die Schrift von dem anderen Feld "COMMONS" in dem Hoverfeld von "GENTRY" noch zu sehen. Wie kann ich das ausblenden bzw. dafür sorgen, dass das Hoverfeld über dem Schriftzug liegt?

Und dann noch die Frage:

Das Feld entfaltete sich mit der linken oberen Ecke beim hovern an dem Schriftzug "GENTRY" nach rechts unten. Weil es dort dann aber teilweise vom Rand des gesamten divs abgeschnitten wird, würde ich es gerne nach beispielsweise rechts oben statt links unten ausklappen lassen. Ist das möglich?

Vielen Dank schon mal für die Hilfe.
Wenn weitere Informationen gebraucht werden, einfach sagen

Viele Grüße,
Salai
Angehängte Grafiken
Dateityp: jpg bild1.jpg (149,5 KB, 2x aufgerufen)
Dateityp: jpg bild2.jpg (101,4 KB, 2x aufgerufen)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
ausrichtung, css, divs, hover, überlagern

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 19:51
Problem mit CSS Menü SMundt CSS 9 07.01.2009 19:12
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 17:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 14:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:48 Uhr.