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, 17: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 17:26
Firefox -> span problem! Gamer20 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 8 06-03-2007 10:02
swap_content über mehrere <span>'s? samic HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 7 05-07-2005 14:51
ganzen span-Inhalt drucken ! jogisarge HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 06-08-2004 16:49
netscape - div und span weserweb HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 5 04-12-2003 15: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

Projektmanagement Damals und Heute
Projektmanagement Damals und HeuteWerfen Sie einen Blick auf das, was sich verändert hat, und entdecken Sie, wo die Zukunft dieses Gebietes hinsteuert.

18.01.2021 | Berni

Arbeitsmanagement-Tools
Arbeitsmanagement-ToolsWarum jedes Team Arbeitsmanagement-Tools benötigt. Man schätzt, dass 25% eines durchschnittlichen Mitarbeiter-Tages durch ineffiziente Arbeit vergeudet werden.

11.12.2020 | Berni


 

Aktuelle PHP Scripte

Formmailer Bootstrap 4

Mit dem Formmailer kann man sich eMails über seine Seite zukommen lassen.

08.07.2021 arne-home | Kategorie: PHP/ Formular
Fehlerseite Bootstrap 4

Bei Aufruf einer nicht existierenden Seite, teilen Sie Besuchern mit einer eigenen Fehlerseite mit, dass die gewünschte Seite nicht gefunden wurde. Die eigene Fehlerseite sollte dasselbe Design wie die Website haben. Zudem sollte ein Link zur Startseite a

04.07.2021 arne-home | Kategorie: PHP/ Counter
Upload Bootstrap 4

Mit dem PHP - Uploadscript kann man schnell und einfach Bilder und Dateien auf den Webserver hochladen.

04.07.2021 arne-home | Kategorie: PHP/ File
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 17:29 Uhr.