php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > PHP Developer Forum
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


PHP Developer Forum Hier habt ihr die Möglichkeit, eure Skriptprobleme mit anderen Anwendern zu diskutieren. Seid so fair und beantwortet auch Fragen von anderen Anwendern. Dieses Forum ist sowohl für ANFÄNGER als auch für PHP-Profis! Fragen zu Laravel, YII oder anderen PHP-Frameworks.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 25-11-2015, 18:02
SamTh94
 Registrierter Benutzer
Links : Onlinestatus : SamTh94 ist offline
Registriert seit: Nov 2015
Beiträge: 18
SamTh94 befindet sich auf einem aufstrebenden Ast
Standard <span> ausrichten

Hallo.

Wie einige von euch aus meinen letzten Beiträge vielleicht wissen, programmiere ich derzeit einen Kalender. In einer Datenbank werden Ereignisse gespeichert und vom Kalender abgerufen und anschließend angezeigt.

Im Kalender selbst wird das Datum an dem etwas vorliegt fett gedruckt, wenn man das Datum hovert wird der Name der Veranstaltung angezeigt. Beim Klicken auf das Datum öffnet sich die als Link angegebene Seite.
Soweit funktioniert alles prima. Leider wird der beim Hovern eingeblendete Text am rechten Rand des Kalenders abgeschnitten, da er über den Seitenrand raus geht.
Nun habe ich gelesen, dass sich <span>-Felder (und ein solches ist dies) an ihrem Mutterelement ausrichten und das ist bei mir die Zelle des jeweiligen Tages. Das Problem scheint also klar zu sein. Das <span>-Feld richtet sich an der Zelle aus, diese liegt am rechten Seitenrand und dadurch wächst das <span>-Feld darüber raus.

Wie kann ich es schaffen, dass dies nicht mehr passiert?
Das <span> soll innerhalb der Seite vollständig ausgegeben werden.
Bestenfalls immer rechts vom Mauszeiger bis es den Seitenrand berührt, und dann soll es halt immer am rechten Seitenrand bleiben, egal wo der Mauszeiger sich befindet.

PHP-Code:
if(array_key_exists($event_date$events)){ //Prüfen ob eine Veranstaltung am Tag $i vorliegt
     
$show_event "<a href=\"".$link["$event_date"]."\" target=\"_blank\"  class=\"tool\">".$i."<span>".$events["$event_date"]."</span></a>\n";

   if (
$i == $heute){
      echo 
"<td class=\"today\">".$show_event."</td>\n";
   }else{
      echo 
"<td>".$show_event."</td>\n";
   } 
Code:
a.tool span{
	z-index: 3;
	background: #FFF;
	color: #494f5c;
	position: relative;
	padding: 10px;
	max-width: 100%;
	text-align: center;
	white-space: nowrap;
	display: none;
	float: left;
}

a.tool:hover span{
  position: fixed;
	display: block;
}
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Regex für </span> Tags yfolz PHP Developer Forum 6 02-09-2010 18:26
Firefox -> span problem! Gamer20 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 8 06-03-2007 11:02
swap_content über mehrere <span>'s? samic HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 7 05-07-2005 15:51
ganzen span-Inhalt drucken ! jogisarge HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 06-08-2004 17:49
netscape - div und span weserweb HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 5 04-12-2003 16:50

Themen-Optionen
Thema bewerten
Thema bewerten:

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 an


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

kostenloser PHP-Editor Codelobster ansehen kostenloser PHP-Editor Codelobster

Kostenloser PHP, HTML, CSS, JavaScript editor (IDE) - Codelobster PHP Edition

13.03.2019 Berni | Kategorie: PHP ENTWICKLUNGSUMGEBUNG
Lazy Load Plugin für jQuery

Das Lazyload Plugin, lädt Bilder nach, wenn sie im Viewport sichtbar werden.

10.03.2019 phpler | Kategorie: JQUERY-PLUGINS
WeltExplorer v1.0

WeltExplorer v1.0 ist ein Dateimanager zum Browsen und Operieren im Dateisystem. Bei installiertem cURL können Ordner und Dateien zu entfernten FTP-Servern hochgeladen bzw. von diesen heruntergeladen werden, etwa zum Erstellen von Backups oder Mirrorsites

06.02.2019 weltvolk | Kategorie: PHP/ File
 Alle PHP Scripte anzeigen

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