mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 02:55 Benutzername: Passwort: Auto-Login

Thema: Mootools Menu - Bilder verlinken vom 11.01.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Mootools Menu - Bilder verlinken
Seite: 1, 2  Weiter
Autor Nachricht
TheBlossom
Threadersteller

Dabei seit: 11.01.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 11.01.2009 11:02
Titel

Mootools Menu - Bilder verlinken

Antworten mit Zitat Zum Seitenanfang

Hallo Leute,

ich beschäftige mich seit kurzem mit Mootools würde gerne dieses Technik als Menü benutzen wollen:
http://www.jeremymartin.name/examples/kwicks.php?example=1

Nur bekomme ich die Grafiken nicht verlink und das ganze macht mich kirre *balla balla*
So sieht der HTML Teil aus:

Code:
<div id="example1">
                <ul class="kwicks">

                    <li id="kwick1"></li>
                    <li id="kwick2"></li>
                    <li id="kwick3"></li>
                    <li id="kwick4"></li>
                </ul>
            </div>


Und ich habe es u.a. so versucht:

Code:
<div id="example1">
                <ul class="kwicks">

                    <li id "kiwck1"><a href="index.html">&nbsp;</a></li>
                    <li id="kwick2"><a href="about.html">&nbsp;</a></li>
                    <li id="kwick3"><a href="folio.html">&nbsp;</a></li>
                    <li id="kwick4"><a href="kontakt.html">&nbsp;</a></li>
                </ul>
            </div>


Kann mir da vielleicht bitte jemand einen Tipp geben, wie ich die Bilder auch gleichzeitig als Links einsetzen kann (ohne Linktext halt)?

Das hier wäre noch die CSS
http://www.jeremymartin.name/examples/css/kwicks.css (example1)

LG
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst So 11.01.2009 11:49
Titel

Antworten mit Zitat Zum Seitenanfang

die bilder sind doch als bg im css definiert...

Code:

#example1 #kwick1 {
   background-color: #53b388;
   background-image: url('http://jmar777.googlecode.com/svn/trunk/images/kwicks/meet.gif');
}


* Keine Ahnung... * oder wo liegt dein problem?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
TheBlossom
Threadersteller

Dabei seit: 11.01.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 11.01.2009 12:00
Titel

Antworten mit Zitat Zum Seitenanfang

danke für die antwort.

die hintergründe sind nicht das problem *zwinker* ich möchte die bilder verlinken, sodass, wenn man auf die bilder klickt auf eine andere seite gelangt. als menü halt.
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst So 11.01.2009 12:06
Titel

Antworten mit Zitat Zum Seitenanfang

schieb das was du hast mal online. dann kann man mehr sagen. tipp ins blaue, wäre deine a-tags mit display: block zu versehen...

edit: und width: 100%; height: 100%;


Zuletzt bearbeitet von pixelpapst303 am So 11.01.2009 12:08, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
TheBlossom
Threadersteller

Dabei seit: 11.01.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 11.01.2009 12:17
Titel

Antworten mit Zitat Zum Seitenanfang

also ich habe das auch erst noch so, wie auf der demoseite Au weia!

hier mal das ganze im paket. http://rapidshare.com/files/182026100/menu.rar.html
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst So 11.01.2009 12:45
Titel

Antworten mit Zitat Zum Seitenanfang

kein paket. ich lad mir nicht runter, entpack es, bring es in meine ordnerstruktur, nur um mir was anzusehen. stell die seite irgendwo live und poste den link... *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
TheBlossom
Threadersteller

Dabei seit: 11.01.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 11.01.2009 13:30
Titel

Antworten mit Zitat Zum Seitenanfang

öh? hab zwar nicht wirklich verstanden was du genau mit deinen ersten satz meinst, genauso warum du es nicht runterladen willst, aber online ist das menu schon seit meinem ersten post, siehe link.
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst So 11.01.2009 16:23
Titel

Antworten mit Zitat Zum Seitenanfang

TheBlossom hat geschrieben:
öh? hab zwar nicht wirklich verstanden was du genau mit deinen ersten satz meinst, genauso warum du es nicht runterladen willst, aber online ist das menu schon seit meinem ersten post, siehe link.


1. weil ich keine lust dazu habe, mir pakete runterzuladen, nur um ein wenig hilfe geben zu können. ich denke, das wollen die wenigsten hier *zwinker*

2. ist das http://www.jeremymartin.name/examples/kwicks.php?example=1 DEINE seite???

desweiteren: hast du die display, width und height tipps beachtet?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Bilder in Datenbank verlinken?
gallery: Bilder verlinken
Slide Menu - Bilder werden nicht richtig angezeigt!
Dreamweaver Bilder austauschen (Mouse-over) + verlinken
Adobe CS 5.5 Bridge: Diashow Bilder verlinken
mootools bzw JS: das 'this'
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


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.