[estudiante]

estudiante

estudiante

Show estudiante's last posts.

Show general stats for estudiante.

• 
• Newbie
• Beiträge: 3

ich habe eine homepage, in der ich eine grafische navigation implementiert habe:
http://www.el-estudiante.net/index.html

ich habe das spaltendesign über div-bereiche und position:fixed in css realisiert. das heißt die navigation hat folgenden code in zentraler css-datei:

#navifixiert
{ /* fixer bereich für die navigation */
   float: left;
   position: absolute;
   top: 0; left: 0;
   width: 150px;
   height: 476px;
   background: #fff8dc;
   border: 0;
}

das bild und die imagemap wiederum werden in dann in jeder html-datei geladen:

<div id="navifixiert">
   <img src="http://www.el-estudiante.net/design/pagenavi.jpg" alt="navigation" width="150" height="476" border="0" usemap="#Map">
      <map name="Map" id="Map">
      <area shape="poly" coords="38,56,89,44,89,80,40,93" href="http://www.el-estudiante.net/page/home/home.html">
      <...>
      </map>
</div>

die frage ist nun: ich kann in der css-datei natürlich auch das bild als hintergrund zentral definieren. aber kann ich auch die imagemap zentral definieren? oder muss ich sie wirklich in jeder html-datei aufs neue reinkopieren?

vielen dank für eure hilfe

[Oetzi]

Oetzi

Oetzi

Visit Oetzi's website.

Show Oetzi's last posts.

Show general stats for Oetzi.

• 
• PHP Scripter
• Beiträge: 163

hi,

hab leider net viel Zeit, aber eine externe imagemap im css gibt es meines wissens nicht. Aber wenn du rein mit html arbeiten willst google mal ein bisschen nach dem Stichpunkt SSI (Server-Side-Includes),
damit kannst du die komplette navi in ne extra html auslagern und diese überall includen wo du sie brauchst.

Ansonten ganz allgemein würde ich von deiner variante der Navigation sowieso abraten aus mehreren Gründen.

1. wird deine Seite nur schwer von Suchmaschinen-Crawlern indiziert, da diese normal nicht auf imagemaps gehen. Hier sagt man das einfache Textlinks besser geeignet sind oder wenn überhaupt bilder dann  <a href="..."><img src="..." alt="..."/></a>

2. auch für leute mit sehbeeinträchtigung (gibt es mehr als man denkt) die mit sog. screen-reader programmen arbeiten ist eine navigation so gut wie unmöglich bei diesem verfahren.

3. werden imagemaps von nahezu jedem browser unterschiedlich verarbeitet.

4. sind imagemaps veraltet und nicht richtig im xhtml standard umgesetzt

[estudiante]

estudiante

estudiante

Show estudiante's last posts.

Show general stats for estudiante.

• 
• Newbie
• Beiträge: 3

vielen dank für die schnelle antwort. und vielen dank für den typ mit den ssi. habe es gelesen und denke, dass es eine gute möglichkeit zu zentralem design darstellt.

ansonsten verstehe ich sehr gut, was sich für probleme mit einer bild-gestützten navigation ergeben. mein ansatz ist jedoch: ich mache eine homepage für meine geschichten und möchte diese auch in einer künstlerischen atmosphäre darstellen. nur ungern will ich das design über inhalt stellen, d.h. menschen ausschließen, weil bspw. ihre browser nicht kompatibel sind mit meinem design. aber warme geschichten in einem kühlen design... das ist auch nicht im sinne des erfinders. also bin ich im moment dabei, möglichkeiten zu erarbeiten, beidem gerecht zu werden.
so habe ich mir auch schon überlegt, was ist mit usern, die die bilddarstellung ihres browser deaktiviert haben? gibt es denn eine möglichkeit quasi eine reine text-basierte navigation aufzusetzen und dann das bild darüber zu legen? quasi so, dass wenn jemand das bild nicht darstellen lassen will, die textbasierte navigation darunter sieht? oder das die erwähnten screen-programme die navigation auslesen können? evtl. durch <if>-befehle?

das problem mit den imagemaps im allgemeinen, wie du schreibst, lässt sich bei einer grafikgestützten navigation wohl nur schlecht umgehen...?

[Oetzi]

Oetzi

Oetzi

Visit Oetzi's website.

Show Oetzi's last posts.

Show general stats for Oetzi.

• 
• PHP Scripter
• Beiträge: 163

Hmm also man kann sehr wohl gutes design auch mit inhalten füllen.

zu deiner Frage siehe oben du kannst die grafik ja zerteilen und mit
<a href=""><img src=".." alt="Link 1"/></a> umsetzen dann bekommt jemand ohne grafiken den alt-text angezeigt.

positionieren kannst du das ganze einwandfrei per css und so die links genau dort hinbringen wo du sie haben willst. eine <if>-anweisung oder ähnliches gibt es nicht wirklich in html

[estudiante]

estudiante

estudiante

Show estudiante's last posts.

Show general stats for estudiante.

• 
• Newbie
• Beiträge: 3

vielen dank nochmals für deine hilfe.

allerdings kommt, wenn ich mit den erwähnten <img... alt="link 1"/> folgendes problem, dass er vom verzeichnis aus auf den link zugreifen will.

The requested URL /page/guestbook/gb/http://www.el-estudiante.net/page/home/home.html was not found on this server

wie bringe ich ihm bei, dass er - egal von welcher seite aus die alt-navigation aufgerufen wird - er zu http://www.el-estudiante.net/page/home/home.html und nicht zu /page/guestbook/gb/http://www.el-estudiante.net/page/home/home.html springen soll??