[Erledigt] Geordneter Inhalt im Link

drsoong · 18.05.2010, 22:49

Hi

sorry, war heute mal verlegen um den Titel. Folgendes:

Code:

<ul>
<li ><a class="one" href="seite.php?curr_id=25">tera flops 2010-05-05 16:20:14 </a></li>
<li ><a class="two" href="seite.php?curr_id=49">giga flops 2010-05-10 12:31:31 </a></li></ul>

Die obige Liste mit Links enthält pro Link drei Werte z. B. tera flops datetime, die ich tabellenartig ausgeben möchte. Dummerweise ist es so, dass, wenn ich die einzelnen Begriffe in andere Elemente einschließe z. B.

Zitat:

, um die Wertelabels mit CSS zu trimmen, wird der Link durch die Labels verdeckt und ist nur noch dort anzuklicken, wo eben kein Label ist.

Ich habe das Problem schon mal mit Javascript (label mouseover, click)gelöst, bin darüber aber nicht sonderlich glücklich. Ich denke mal, dass ist ein Standardproblem, dessen Lösung nur mir im Moment nicht einfallen will.

Also, wie schaffe ich es, die im Link angezeigten Werte geordnet anzuzeigen während es gleichzeitig möglich ist, den Link über seine ganze Fläche anzuklicken?

Flor1an · 18.05.2010, 22:52

Entweder nimmst du mal anstatt nem <label> ein <span> Tag oder ähnliches. Oder setzt per css die Eigenschaft "display" auf "block" oder machst eben für jeden Wert einen eigenen Link mit immer dem selben Ziel!

drsoong · 18.05.2010, 23:03

Danke Flor1an. display: block war bei meinen bisherigen Versuchen enthalten. Ich hatte die Labels mit

Code:

display:block;width:33%

formatiert mit eben dem beschriebenen unerwünschten Effekt. Der Gedanke mit
den drei Links statt einem kam mir auch schon, erschien mir für das Erste als Notlösung. Kann ich denn von einem span grundsätzlich anderes erwarten als von einem label?

Flor1an · 18.05.2010, 23:35

Weiß ich nicht genau mit den labels. Aber bei checkboxen z.B. sind ja Labels klickbar und nehmen sogesehen den Fokus vom Link. Ich weiß daher nicht ob es in deinem Fall was ändert. Probiers doch einfach mal aus. Waren nur meine ersten Gedanken.

nikosch · 19.05.2010, 01:00

Wozu sollen denn die Labels dienen? Ich sehe da nirgends Formularfelder. Label ist für Formulare vorgesehen. Und klar - der Klickeffekt kann nur einem „Herren dienen“.

drsoong · 19.05.2010, 10:59

O.K. O.K, habe jetzt spans eingesetzt, was natürlich prompt funktioniert hat. Die spans habe ich so formatiert

Code:

.fset a span {
    display: block;
    float: left;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
     -o-text-overflow:ellipsis;
    margin-left:3%;
}

und bin somit rundum zufrieden. Sieht jetzt echt proper aus. Vielen Dank.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Nach Link, unterm Bilder weiterer Inhalt	Kori	HTML, Usability und Barrierefreiheit	5	10.03.2009 16:49
Klick auf Seitenobjekt (Link mit onClick Ereigniss) mit JScript simulieren	Stephan_87	JavaScript, Ajax und mehr	1	22.12.2008 21:50
Hilfe, Seite im Internet Explorer Buggy	trowman	HTML, Usability und Barrierefreiheit	4	15.09.2008 08:32
[Erledigt] Link Übergabe per $_GET['Variable']	vita	PHP Tipps 2008	16	14.07.2008 15:19
Link als Formular?	Toby	PHP Tipps 2008	1	22.01.2008 00:51
[Erledigt] Link mit mail() verschicken	Clan-Opa	PHP Tipps 2008	1	05.09.2007 22:29
IE5 link futzt net, rechte Maus + link öffnen geht	hackenbusch	HTML, Usability und Barrierefreiheit	1	03.01.2007 00:48
CSS: Link Styles	SvenLittkowski	HTML, Usability und Barrierefreiheit	3	26.09.2006 17:13
Php script über link ausführen!??	Funky_	PHP Tipps 2006	2	20.06.2006 11:32
Inhalt eines Feldes auf anderer Seite übernehmen	Asipak	PHP Tipps 2006	2	11.06.2006 17:39
Link in Frame der auf Seite ohne Frames verweist		HTML, Usability und Barrierefreiheit	1	25.02.2006 14:00
Inhalt per Link auslesen		PHP Tipps 2005	2	23.02.2005 21:20
ein link in einem TD	Sclot	HTML, Usability und Barrierefreiheit	4	12.02.2005 13:06
[Erledigt] PHP Formular - Daten an nächsten Schritt weiter geben - Wie?		PHP Tipps 2005	14	02.01.2005 20:05


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.05.2010, 22:52
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Entweder nimmst du mal anstatt nem <label> ein <span> Tag oder ähnliches. Oder setzt per css die Eigenschaft "display" auf "block" oder machst eben für jeden Wert einen eigenen Link mit immer dem selben Ziel!

18.05.2010, 23:03
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Danke Flor1an. display: block war bei meinen bisherigen Versuchen enthalten. Ich hatte die Labels mit Code: display:block;width:33% formatiert mit eben dem beschriebenen unerwünschten Effekt. Der Gedanke mit den drei Links statt einem kam mir auch schon, erschien mir für das Erste als Notlösung. Kann ich denn von einem span grundsätzlich anderes erwarten als von einem label?

18.05.2010, 23:35
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Weiß ich nicht genau mit den labels. Aber bei checkboxen z.B. sind ja Labels klickbar und nehmen sogesehen den Fokus vom Link. Ich weiß daher nicht ob es in deinem Fall was ändert. Probiers doch einfach mal aus. Waren nur meine ersten Gedanken.

19.05.2010, 01:00
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Wozu sollen denn die Labels dienen? Ich sehe da nirgends Formularfelder. Label ist für Formulare vorgesehen. Und klar - der Klickeffekt kann nur einem „Herren dienen“. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

19.05.2010, 10:59
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	O.K. O.K, habe jetzt spans eingesetzt, was natürlich prompt funktioniert hat. Die spans habe ich so formatiert Code: .fset a span { display: block; float: left; width: 30%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; margin-left:3%; } und bin somit rundum zufrieden. Sieht jetzt echt proper aus. Vielen Dank.