Link aufrufen dreamweaver CSS

[TommiH]

Frage zu Vintage_Design Tutorial von hellemon

Hallo,

ich habe mir das Tutorial (Vintage_Design) hier letztens heruntergeladen und bin nun am herum probieren, bzw nutze einige Teile für eine kleine Hausaufgabe.
Leider komme ich an einem Punkt nicht weiter und habe daher den Autor des
Tutorials angeschrieben.
Da aber gerade Urlaubszeit ist (evtl ist hellemon im Urlaub) und ich mit der Aufgabe fertig werden muss, wollte
ich bei Euch einmal nachfragen, ob Ihr mir eine Tip geben könntet?



In der Index Datei versuche ich eine weiter Seite über einen Button zu laden. was nicht geht.Der Aufruf wird aber nicht ausgeführt.
Die Seite ist aber an der richtigen Stelle.


Vielen Dank
Thomas

Hoffe ich habe die relevanten Teile
index.html

<!-- Dieses Menue fuehrt ins Nichts, kann aber toll aussehen oder? -->
<h4>Wegweiser</h4>
<ul id="menue-one-list">
<li class="mo-one"><a href="Australien/australien_1.html">one</a></li>
</ul>
</div>

css Auszug

/* Navigation "menue-one" definieren */

div#menue-one {
  float:left;
  margin-top:20px;
  width:98px;
  height:420px;
}

/* Navigation H4 Text ausblenden */

div#menue-one h4 {
  display:none;
}

/* Navigation Listenstyle ausblenden, Navigationstext verstecken */

div#menue-one ul {
  list-style-type:none;
  text-indent:-9999px;
}

/* Navigation Buttons mo-one - mo-seven definieren */

.mo-one {
  background:url(images/button_th.jpg) no-repeat;
  margin-left:59px;
  width:39px;
  height:60px;
}

.mo-one:hover {
  background:url(images/one_hover_th.jpg) no-repeat;
  margin-left:0px;
  width:98px;
  height:60px;
}

 

[Myhar]

AW: Link aufrufen dreamweaver CSS

Du hast keinen Button, sondern nur einen Link.
Hier auch wieder, wie im letzten Thread schon angemerkt: Untersuche das Element mit Firebug. Dann siehst du, wie groß dein Link-Element ist. Ich denke nämlich, dass du das im CSS ausgeblendet hast mittels text-indent.
Untersuch das List-Element mit Firebug und du wirst sehen, dass du nur dafür eine Größe angegeben hast. Du musst aber den A-Tag anklicken können, um den Link aufzurufen.

 

[TommiH]

AW: Link aufrufen dreamweaver CSS

Das mit Firebug habe ich schon versucht - sagt mir aber leider noch nix
text-indent - da schau ich mal und was meinst du mit A-Tag?

Ist bestimmt wieder so ein blöder Anfängerfehler

Vielen Dank für Deine Mühe

Thomas

 

[Myhar]

AW: Link aufrufen dreamweaver CSS

Der Anfängerfehler ist, mit Firebug umgehen zu lernen Rechtsklick irgendwo auf der Seite und Element untersuchen wählen. Das sollte dir hier weiterhelfen.
Was meine ich mit A-Tag?

<a href="Australien/australien_1.html">one</a>

Zum Vergleich, das ist ein von dir erwähnter "button"

<button type="button">Click Me!</button>

Der link-Tag muss klickbar sein. Ist er das bei dir? Oder ist nur der li-Tag klickbar?

 

[TommiH]

AW: Link aufrufen dreamweaver CSS

hallo Myhar,

bin echt danke für Deine Tips. Jedoch hänge ich an der ein oder anderen Stelle.
Hast Du skype? evtl. wäre das schneller

meine skype siehe private Nachricht an dich

Grüße
Thomas

 

[TommiH]

AW: Link aufrufen dreamweaver CSS

Hallo,

komme dem Problem näher.
Im css

div#menue-one ul {
  list-style-type:none;
  /*text-indent:-9999px;*/
}

wird der name "australien" im html ausgeblendet!!

<div id="menue-one">
  <h4>Wegweiser</h4>    
        <ul id="menue-one-list">
                <li class="mo-one"><a href="Australien/australien_1.html" title="australien_1">australien</a></li>

Kommentiere ich text-indent:-9999px; aus, steht in dem Navigation Buttons mo-one oben noch der name "australien" auf dem Bild von

.mo-one:hover {
  background:url(images/one_hover_th.jpg) no-repeat;
  margin-left:0px;
  width:98px;
  height:60px;
}

Der Link funktioniert, wenn ich dann auf "australien" klicke, leider nicht wenn ich auf das images /one_hover_th.jpg) clicke, was ich ja will.

Grüße
Thomas

 

[Myhar]

AW: Link aufrufen dreamweaver CSS

Das ist das, was ich eigentlich schon geschrieben habe. Du brauchst übrigens nicht extra alles im CSS auskommentieren, im Firebug kannst du jede Regel live deaktivieren ohne die Seite neu zu laden.
Zu deinem konkreten Problem:
Wie gesagt, ein Link ist nur der a-tag. ein li-Element kann man nicht verlinken. Der a-Tag ist so breit wie das Wort, was in ihm steht. Du musst also das Menü komplett umschreiben:
Du musst das HG-Bild dem A-Element zuweisen, du musst dein A-Tag wohl breiter machen.

 

[TommiH]

AW: Link aufrufen dreamweaver CSS

Danke für die Info,

war eine schwere Geburt. Werde das grah. Element länger machen und einen Text darüber legen.

So ist da, wenn man was nutzt und nicht ganz versteht


Grüße und Danke

Thomas