css menü

pangu

pangu

Angesehenes Mitglied
wie kann ich das 3te boxmenü auf:
http://css.fractatulum.net/sample/menu2format_demo.htm
so erweitern, das anstelle des
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit"-textes, dort nochmal mehrere anklickbare links stehen?

also:
testbutton2
-link1
-link2
-link3
testbutton2
-link1
-link2
testbutton2
-link1
-link2
-link3
...

-> kennt sich da jmd. mit aus? thx
 
Wie wäre es, wenn Du einfach in den Bereich von <span class="info"> die Links reinschreiben würdest?!



MfG Sascha Ahlers
 
das geht nicht, weil ja dann ein link im link ist:
QUOTE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<title>CSS-Menus</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="language" content="de, deutsch, german">
<style type="text/css">
<!--
body{color:black;background:#f9f8f2;}
#box1 {
font-family:arial, verdana, sans-serif;
font-weight:bold;
position:absolute; top:2em; left:2em;
z-index:3;}


#box3 {
font-family:arial, verdana, sans-serif;
font-weight:bold;
position:absolute;
top:2em;
left:24em;
z-index:1;
width:150px;
text-align:left;}


#box3 a {
color:#000000;
background:#ece8d9;
text-decoration:none;
display:block;
padding:0.4em;
margin:0;
border:1px solid black;
width:10em;}

#box3 a:hover {
color:black;
background:#e0d9bc;
text-decoration:none;
border:1px solid black;}

#box3 a .info {display:none;}

#box3 a:hover .info {
color:black;
background:#fafafa;
font-weight:normal;
border:1px solid black;
display:block;
padding:0.4em;
font-size:0.9em;}


-->
</style>
</head>
<body>

<div id="box3"><p class="sel">#box3 { }</p><a href="#">• Test-Button 2 <span

class="info"><a href="dfsfasdf">sdffsd</a></span></a> <a href="#">• Test-Button 2 <span class="info">Lorem ipsum dolor sit

amet, consectetuer adipiscing elit</span></a> <a href="#">• Test-Button 2 <span

class="info">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span></a> <a

href="#">• Test-Button 2 <span class="info">Lorem ipsum dolor sit amet, consectetuer

adipiscing elit</span></a></div>

</body>
</html>

..oder habe ich dich falsch verstanden?
 
Schau Dir mal über den Link auf Deiner hier verwiesenden Seite das HTML-Gerüst an, da ist dann kein Link in einem Link:

http://css.fractatulum.net/sample/menu2format.htm


<edit>
Ich sehe gerade, der Link wird wirklich nicht geschlossen, dass kann man aber ja licht modifizieren, so dass die Struktur so aussieht:

CODE <div class="box">
<a href="./link.html">Link</a>
<span class="info">
Inhalt
</span>
</div>

</edit>


MfG Sascha Ahlers
 
ja, problem ist ist dann aber, das sie auch nur mit aktiviertem javascript funktionieren, und das ist bei vielen usern leider immer nochnicht gewährleistet..
dry.gif


@Sascha Ahlers: thx, klappt aber leider immer noch nicht
sad.gif
 
QUOTE (pangu @ Do 20.7.2006, 0:34) [...]
@Sascha Ahlers: thx, klappt aber leider immer noch nicht
sad.gif


Du musst natürlich auch noch das Menü entsprechend anpassen, ob es wirklich klappt, weiß ich so nicht, würde ich aber von ausgehen. Die Div-Box muss halt den Hover-Effekt übernehmen, welcher für das <a>-Element gedacht war.

Nebenbei: ich würde auf so ein Menü wohl eher verzichten. Denn ich würde es nicht mal selber als Benutzer haben wollen, auch wenn es eine schöne Spielerrei im Bereich Webdesign darstellen mag.



MfG Sascha Ahlers
 
@pangu

ob jemand javascript deaktiviert hat? Ich glaube das Argument iswt hunfällig denn ich kenne kaum jemand der das tut, zumal fast alle grßen Seiten hier und da JS verwenden. bzw. eine Nutzung unmöglich machen wenn JS ausgeschaltet ist. Ähnlich verhält es sich ja auch mit Cookies.

Gruß Ronny
 
@sascha: inwiefern würdest du so ein menü als user nicht mögen? zu unruhig, oder warum?
@Ronny: hört sich nachvollziehbar an..
 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben