Webdesign in Siegen

.

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

.

Beitragvon patrik am 06.11.2007, 14:27

-
Zuletzt geändert von patrik am 07.04.2008, 16:52, insgesamt 2-mal geändert.
patrik
Mitglied
 
Beiträge: 67
Registriert: 25.03.2007

Re: Komplizierte Navigation

Beitragvon Guillermo am 06.11.2007, 21:14

Hallo,

ich hatte gestern genau das gleiche Problem, dass ich wollte, dass wenn man über einen Link fährt ein Bild erscheint, ich würde das so machen wie du bereits gesagt hast, 5 Bilder mit den verschiedenen Farben machen, leider weiß ich nicht wie man das mit CSS lösen kann, dafür aber umso mehr wie man es mit Javascript machen kann, da du aber ja gesagt hast dass du Javascript nicht willst, will ich dich erst fragen , ob ich dir den Code (den ich geschrieben habe) geben soll, oder ob du lieber darauf verzichtest,

Grüße Guillermo
Gebildet ist der, der weiß, wo er findet, was er nicht weiß.
Benutzeravatar
Guillermo
Mitglied
 
Beiträge: 422
Registriert: 01.10.2007
Wohnort: Auerbach i.d.Opf

-

Beitragvon patrik am 06.11.2007, 22:55

-
Zuletzt geändert von patrik am 07.04.2008, 16:54, insgesamt 2-mal geändert.
patrik
Mitglied
 
Beiträge: 67
Registriert: 25.03.2007

Re: Komplizierte Navigation

Beitragvon Ingo am 07.11.2007, 00:13

Hi. Interessante Idee - ich hab den 5-Bilder-Ansatz mal wie folgt umgesetzt, wobei hier
die Bilder alle gleich groß sind und 'bild0.gif' ... 'bild4.gif' heißen:

Code: Alles auswählen
CSS:

    #navi { position:relative;                 /* Bezug für #navi a img */
            width:200px;                       /* anpassen */
            border:1px dashed red;           
          }

    #navipic  { display:block; }

    #navi a:hover { background:#cccccc; }      /* für IE, sonst klappt das nicht */

    #navi a img { position:absolute;         
                  top:0; left:0;
                  visibility:hidden;
                }
    #navi a:hover img { visibility:visible; }

HTML:

<div id="navi">
  <img src="bild0.gif" alt="" id="navipic"/>
  <a href="#"><img src="bild1.gif" alt="" />Link 1</a>
  <a href="#"><img src="bild2.gif" alt="" />Link 2</a>
  <a href="#"><img src="bild3.gif" alt="" />Link 3</a>
  <a href="#"><img src="bild4.gif" alt="" />Link 4</a>
</div>

Das klappt bei mir im IE (hier 6), Opera, FF2, Netscape. Ungefähr so?

Knobel-Grüße, ip :)
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 625
Registriert: 01.04.2007
Wohnort: Neuss/NRW

-

Beitragvon patrik am 07.11.2007, 01:56

-
Zuletzt geändert von patrik am 07.04.2008, 16:54, insgesamt 2-mal geändert.
patrik
Mitglied
 
Beiträge: 67
Registriert: 25.03.2007

Re: Komplizierte Navigation

Beitragvon fluuu am 07.11.2007, 12:57

Hallo,
solche Sachen sind interessant aber warum unbedingt in CSS und nicht in JavaScript.
Löse so eine Aufgabenstellung mit Dreamweaver und dem Bedienfeld Verhalten, da lassen
sich alle Varianten einem Link bzw. einer Grafik mit unterschiedlichen Verhaltensweisen
hinzufügen. Eben auch, wie sich durch Mouseover eines Links an anderer Stelle eine
Grafik öffnen lässt. Da ich gestehen muss nie eine echte Programmiersprache gelernt zu
haben, bin reiner Gestalter, ist die Arbeit mit Dreamweaver eine legitime Lösung für
eine Webdesigner wie ich finde. Ein Designer ist nicht unbedingt gleichzeitig der
Programmierer aber es verwischt sicherlich auch.

gruß fluuu
http://www.webarchitectura.de kreatives Webdesign
http://www.fluuu-bilder.de künstlerische Fotografie
Benutzeravatar
fluuu
Mitglied
 
Beiträge: 200
Registriert: 21.10.2007
Wohnort: Berlin-Allgäu

-

Beitragvon patrik am 11.11.2007, 01:14

+
Zuletzt geändert von patrik am 07.04.2008, 16:53, insgesamt 2-mal geändert.
patrik
Mitglied
 
Beiträge: 67
Registriert: 25.03.2007

Re: Komplizierte Navigation

Beitragvon fluuu am 11.11.2007, 19:13

...es gibt für alles immer zwei Seiten.

gruß fluuu
http://www.webarchitectura.de kreatives Webdesign
http://www.fluuu-bilder.de künstlerische Fotografie
Benutzeravatar
fluuu
Mitglied
 
Beiträge: 200
Registriert: 21.10.2007
Wohnort: Berlin-Allgäu


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast