zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden balloontips, position:absolute & Chrome

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 12.02.2014, 10:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2009
Beiträge: 18
jhonnybravo befindet sich auf einem aufstrebenden Ast
Ausrufezeichen

Zitat:
Zitat von cebito Beitrag anzeigen
Also komm mal wieder runter du arroganter Penner! DU WILLST HILFE? Hier sicherlich nicht mehr! Es sei denn du lernst dich zu benehmen!
..habe ganz nett um Hilfe bei einem Problem gebeten.
Was dann da für geniale Antworten gekommen sind hast du ja sicherlich selber gelesen.
Einen dann auch noch so blöd wegen den Leerzeichen in der URL maßregeln zu wollen ist kaum arrogant, gelle?!

...und Hilfe werde ich hier mit Sicherheit nicht mehr suchen.
Versprochen
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 12.02.2014, 12:46
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

Zitat:
Zitat von jhonnybravo Beitrag anzeigen
CSS für die Tips stammt nicht von mir. Hier der Code:
Ziemlich viel Code für das bisschen Tooltip und auch nicht wirklich gut umgesetzt.
Schau dir das ganze Mal ohne Hintergrundgrafik an, da fehlt schon mal eine Hintergrundfarbe.

Auch wen der Code nicht von dir ist, kann man das Mal ändern, richtig?
Also ich würde auf die Drei Hintergrundgrafiken verzichten.

Hier mal ein kleines Beispiel:
HTML-Code:
<!DOCTYPE html>
<html lang="de">
<head>
	<meta charset="UTF-8">
	<title>tooltip</title>

<style type="text/css">
* { margin: 0; padding: 0; }
html { height: 100%; }
body { font: 100%/1.5 Verdana,Arial,Helvetica,sans-serif; }
div {
   background: #F4F4FA;
  	width: 30%;
}
ul {
  	position: relative; 
}
ul li {
  	list-style: none;
}
ul li a {
   color: #0002e3;
  	display: block;
  	padding: 5px;			
}
ul li a:hover {
  	background: #BFD0FF;
  	color: #000;
  	text-decoration: none;
} 
ul li a .tooltip {
  	display: none;		
}
ul li a:hover .tooltip {
  	display: block;
	background-color: #dbdbdb;
	box-shadow: 0 5px 3px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	border: 1px solid #888; 
  	text-align: center;
  	color: #000;
  	padding: 1em;
	position: absolute;		
	top: 4em; 
	left: 30%; 
}
.tooltip span,
.tooltip em,
.tooltip strong {
    display: block;
}
</style>

</head>
<body>
Aber vielleicht habe ich dich ja jetzt auch verärgert? !

_____________
Roland
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 12.02.2014, 13:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2009
Beiträge: 18
jhonnybravo befindet sich auf einem aufstrebenden Ast
Daumen hoch

Zitat:
Zitat von K.Roland Beitrag anzeigen
Aber vielleicht habe ich dich ja jetzt auch verärgert? !
Nein, warum sollte mich das verärgern?! Das ist schließlich konstruktive Kritik, obgleich sie auch nicht direkt auf meine Problemstellung eingeht.

Es war ein Fix für die unterschiedliche Darstellung von position:absolute/fixed zwischen IE/FF und Chrome bzw. gecko und webkit gesucht, welche ich ja dann auch gefunden habe.

Der Code ist vielleicht nicht preisverdächtig, jedoch habe ich auch keine Lust, als Gefälligkeit für einen Bekannten, eine gekaufte(!) Joomla Komponente anzupassen, da dies Aufgabe der Entwickler sein sollte.

Trotzdem vielen Dank für deinen Beitrag, da du dir wenigstens die Mühe gemacht hast, einen Vorschlag für die Verbesserung zu erstellen.

Schöne Grüße

jhonny
Mit Zitat antworten
Antwort

Stichwörter
chrome, position absolute

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
CSS - Galerie funktioniert in Chrome nicht richtig adipics.de CSS 1 11.05.2011 01:38
listenmenu im ie6 albi84 CSS 4 20.10.2010 22:50
CSS Design soll sich dem Content anpassen hujuzka CSS 7 10.06.2009 12:45
IE und Firefox star CSS 16 27.06.2008 12:28
Boxen passen sich nicht richtig dem Inhalt an david m. CSS 5 23.04.2007 17:26


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:57 Uhr.