mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 10.07.2020 23:22 Benutzername: Passwort: Auto-Login

Thema: 'Liste' von Link 'Leisten' - Umsetzung vom 12.09.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> 'Liste' von Link 'Leisten' - Umsetzung
Autor Nachricht
mimhakkuh
Threadersteller

Dabei seit: 21.08.2006
Ort: Berlin
Alter: 42
Geschlecht: Männlich
Verfasst Mi 12.09.2007 10:34
Titel

'Liste' von Link 'Leisten' - Umsetzung

Antworten mit Zitat Zum Seitenanfang

Hi

vielleicht hat jemand von Euch eine Idee, wie man diese Liste von Links mit CSS
realisieren könnte? Die gesamte Zeile in breite des Containers soll hover-'sensitiv'
funktionieren und ins dunkelgrau wechseln ... bin da grad ziemlich überfragt:

http://img410.imageshack.us/img410/3751/linksog1.gif

Gruss & Dank
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Mi 12.09.2007 12:55
Titel

Antworten mit Zitat Zum Seitenanfang

http://css.fractatulum.net/beispiele.htm
Bisschen rum suchen Da wirst du aber fündig.

Ich würde das glatt mit ner Liste machen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
mimhakkuh
Threadersteller

Dabei seit: 21.08.2006
Ort: Berlin
Alter: 42
Geschlecht: Männlich
Verfasst Mi 12.09.2007 18:25
Titel

Antworten mit Zitat Zum Seitenanfang

vielen dank für die antwort - ich verfolge jetzt den listen-ansatz:

http://mimaku.info/misc/beisenherz/malerei

problem sind i.m. noch die positionierung des datums (absolute geht hier nicht an) und der hover effekt im ie.

fällt euch was dazu ein? gruss, f.


Zuletzt bearbeitet von mimhakkuh am Mi 12.09.2007 18:40, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Mi 12.09.2007 19:02
Titel

Antworten mit Zitat Zum Seitenanfang

Setz doch einfach ein padding in
Code:
.content_list span {
   color: red;
}


Eventuel mal mit verschidenen positions testen.

http://www.css4you.de/posproperty.html

Edit/
du must den hover auf den Link setzen


Zuletzt bearbeitet von Mark-Korb am Mi 12.09.2007 19:07, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 12.09.2007 20:37
Titel

Antworten mit Zitat Zum Seitenanfang

Mark-Korb hat geschrieben:
du must den hover auf den Link setzen


und diesen die display: block; Eigenschaft und auch einen width Wert zuweisen
damit das ganze dann auch in älteren InternetExplorern läuft.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mimhakkuh
Threadersteller

Dabei seit: 21.08.2006
Ort: Berlin
Alter: 42
Geschlecht: Männlich
Verfasst Sa 15.09.2007 18:38
Titel

Antworten mit Zitat Zum Seitenanfang

Jetzt muss ich den thread leider wiederbeleben *Schnief*

Ich dachte, das ganze über list und span gut gelöst zu haben, stelle aber gerade
fest, dass das ganze in safari nicht richtig dargestellt wird. warum, ist mir nicht
ganz klar, vielleicht fällt euch was ein *zwinker*

mimaku.info/misc/beisenherz/malerei.htm
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst So 16.09.2007 13:46
Titel

Antworten mit Zitat Zum Seitenanfang

Ich sitz hier grad an meinem Heim PC. Screen wer nett.
  View user's profile Private Nachricht senden
Mark-Korb

Dabei seit: 11.04.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Mo 17.09.2007 09:51
Titel

Antworten mit Zitat Zum Seitenanfang

Ohne es getestet zu haben:

Code:
#content_list span {
   float: left;
   position: relative;
   left: 252px;
   top: -1em;
}


das -1em könnte der Fehler sein
  View user's profile Private Nachricht senden
 
Ähnliche Themen jQuery Link in Liste ansprechen
[Javascript|jQuery] Bestimmten Link aus Liste verändern
Vorlagen für Knöpfe und Leisten
Layout-Umsetzung
HP - Technische Umsetzung
Umsetzung einer Idee
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.