nicht angemeldet
Auswahlmenü mit HTML realisieren?
0 scrollbares DIV
0
Auswahlmenü mit HTML realisieren?
Hallo,
ich möchte ein einfaches Auswahlmenü machen, wo ca. 40 Wörter mit entsprechenden Links auswählbar sein sollten.
Wenn ich das ganze horizontal oder vertikal mache, braucht das natürlich entsprechend viel Platz.
Das einzige was mir eingefallen ist, wäre ein Frame in dem ich hoch bzw. zur Seite scrollen kann.
Aber Frames sind ja anscheinend nicht mehr gerne gesehen.
Kann ich auch eine Tabelle scrollbar machen?
Oder was haltet ihr von einem Drop-Down Menü? Das wäre sogar noch sehr einfach, aber ich weiss nicht, ob sich das entsprechend dem Design der Seite einpassen lässt.
-
Hallo,
Das einzige was mir eingefallen ist, wäre ein Frame in dem ich hoch bzw. zur Seite scrollen kann.
die Verwendung von Frames ist meistens und ganz speziell in diesem
Fall grober Unfug.Kann ich auch eine Tabelle scrollbar machen?
U.a. Mozilla kann sowas, der MSIE aufgrund mangelhafter CSS-Unter-
stützung jedoch nicht.Oder was haltet ihr von einem Drop-Down Menü? Das wäre sogar noch sehr einfach, aber ich weiss nicht, ob sich das entsprechend dem Design der Seite einpassen lässt.
Kannst Du natürlich auch machen, mußt Du selbst entscheiden. Sonst
schaue Dir mal das Beispiel an, was ich unten angefügt habe.Viele Grüße,
Stefan<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>Linkliste</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="language" content="de"><style type="text/css">
<!--
div {
background: #E0E0E0;
border: 1px solid #000000;
color: #000000;
height: 150px;
overflow: auto;
width: 150px;
}
-->
</style></head>
<body>
<div>
<ul>
<li><a href="http://web.de/">web.de</a></li>
<li><a href="http://www.allesklar.de/">AllesKlar</a></li>
<li><a href="http://www.altavista.com/">AltaVista</a></li>
<li><a href="http://www.bellnet.de/">Bellnet</a></li>
<li><a href="http://www.dino-online.de/">Dino-Online</a></li>
<li><a href="http://www.fireball.de/">Fireball</a></li>
<li><a href="http://www.google.com/">Google</a></li>
<li><a href="http://www.lycos.de/">Lycos</a></li>
<li><a href="http://www.metager.de/">Metager</a></li>
<li><a href="http://www.yahoo.com/">Yahoo!</a></li>
</ul>
</div>
</body>
</html>-
Vielen Dank,
genau so wollte ich es haben.
Geht das ganze auch irgendwie quer scrollen?Würde eben gerne oben in der "ersten Zeile" der Seite das Auswahlmenü machen.
-
Hallo Nobody,
Geht das ganze auch irgendwie quer scrollen?
Klar. Du musst halt den Inhalt des <div>s halt so anordnen, dass er "quer" und nicht "hoch" ist.
Unter http://www.alistapart.com/stories/taminglists/ findest Du ein Beispiel, wie das mit Listen geht. Ob das dann aber noch mit dem Scrollen funktioniert, weiß ich nicht, das müßtest Du ausprobieren. Wenns nicht klappt, kannst Du auf die Liste verzichten und den Inhalt anders breiter machen.
Viele Grüße,
Christian-
Klar. Du musst halt den Inhalt des <div>s halt so anordnen, dass er "quer" und nicht "hoch" ist.
Krieg ich nicht hin. Wenn ich das ganze breit mach, hackt er mir es einfach ab und macht es nicht scrollbar. :(
Unter http://www.alistapart.com/stories/taminglists/ findest Du ein Beispiel, wie das mit Listen geht.
Danke für den Link, hat mir zumindest bei dem "Design" etwas weitergeholfen.
-
Hallo Nobody,
Krieg ich nicht hin. Wenn ich das ganze breit mach, hackt er mir es einfach ab und macht es nicht scrollbar. :(
Schau Dir mal das hier an:
http://www.christian-seiler.de/temp/test-div-scrollen.html
Wenn Du ein weiteres Blockelement reinsetzt (also z.B. <div> oder <p>) dann funktioniert es allerdings nicht mehr, denn das Blockelement richtet sich erst einmal nach der Breite des übergeordneten Blockelements.
Tabellen kannst Du dagegen reinsetzen, die haben ein anderes Formatierungsmodell als Blockelemente.
Wenn Du die Links aber so trennst:
<a>...</a> | <a>...</a> | <a>...</a>
klappt es auch. (white-space: nowrap vorausgesetzt)
Viele Grüße,
Christian-
Hallo,
vielen Dank. Klappt wunderbar.
Nur wie bekomme ich in div den Text formatiert (Font, Größe) ?
Wenn ich es versuche zerschiesst er mir den Scrollbalken.-
Hallo Nobody,
vielen Dank. Klappt wunderbar.
Nur wie bekomme ich in div den Text formatiert (Font, Größe) ?
Wenn ich es versuche zerschiesst er mir den Scrollbalken.Bei mir klappt es so:
div {
/* der ganze andere kram */
font-...: ...;
color: ...;
/* etc. */
}Viele Grüße,
Christian
-
-
-
-
-
-
-
also mir wäre neu das man mit HTML einen scrolbare tabelle machen kann. frames hab ich auch nicht so gern, hast schon recht. du kannst aber ein ausfahrbares menue machen. das geht zwar über java scripts, die ich auch nicht so toll finde, da viele user sie in ihrem browsern deaktivieren. kannst ja trotzdem mal schauen:
http://www.webtrend.afirst.de/dhtml.php
-
also mir wäre neu das man mit HTML einen scrolbare tabelle machen kann.
Mir nicht.
-
Hallo Berty,
also mir wäre neu das man mit HTML einen scrolbare tabelle machen kann.
in HTML nicht, sorry, mit CSS dagegen schon.
</test/mozilla-tabellen.htm> ist bei mir in Mozilla 1.3 und Netscape 7.02
scrollbar, alle anderen Browser stellen eine normale Tabelle dar.Viele Grüße,
Stefan
-