Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Schriftart ändern im "Dropdown" Menü
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Schriftart ändern im "Dropdown" Menü

Pages: [1]

geschrieben von Kansascity am 26.03.2006 - 12:27
Hallo Zusammen!

ich versuche vergeblich, bei einem Button für das Startmenü die Schriftart zu ändern.

Es wäre wirklich super, wenn mir jemand einen Tip geben könnte!

Schonmal herzlichen Dank für Eure Mühen und allen einen schönen Sonntag,

Bernd

Hier der Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Men&uuml;</title>
<style type="text/css">
<!--
.Stil16 {font-size: 12px; color: #7B0000; }
-->
</style>
</head>

<body>
<span class="Stil16">
<applet code="TMenu.class" width="110" height="23">
<param name="BACKGROUND" value="#C8C8C8" />
<param name="FOREGROUND" value="#000000" />
<param name="TARGET" value="BODY" />
<param name="TITLE" value="Computersysteme"</strong>&quot; /&gt;
<param name="page0" value="Hardware" />
<param name="url0" value="Hardware.htm" />
<param name="page1" value="Software" />
<param name="url1" value="software.htm" />
</applet>
</span>
</body>
</html>

geschrieben von weisnix am 26.03.2006 - 19:45
Das geht leider nicht.

geschrieben von Kansascity am 26.03.2006 - 20:43
Zitat
 Original geschrieben von weisnix am 26.03.2006 - 19:45

Das geht leider nicht.


Danke für die Antwort. Hm, das habe ich mir schon fast gedacht.

Gibt es eine andere Möglichkeit, Button in der Art zu erstellen, bei denen ich die Schriftart ändern kann?

Ich würde mich über Antworten oder Vorschläge sehr freuen!

Bernd

geschrieben von Chrisber am 26.03.2006 - 20:53
Ja, selber machen.

Entweder per Flash, Java oder eben per einfachen Bildwrite per PhP

geschrieben von weisnix am 27.03.2006 - 00:24
Dann schau dir die mal an. Das ist mit JavaScript und kann optisch abgepasst werden.

http://javarea.de/index.php3?openca....amp;id=469


geschrieben von Kansascity am 27.03.2006 - 08:44
Zitat
 Original geschrieben von weisnix am 27.03.2006 - 00:24

Dann schau dir die mal an. Das ist mit JavaScript und kann optisch abgepasst werden.

http://javarea.de/index.php3?openca....amp;id=469



...das ist wirklich sehr schön. Wie Ihr merkt, bin ich gerade erst dabei mich in die Thematik einzulesen.

wie kann ich denn das angegebene Menü optisch in meiner Seite in einer Tabelle positionieren, sodass sich das Ganze nicht verschiebt?

Danke,
Bernd

geschrieben von weisnix am 27.03.2006 - 12:40
Du bekommst es auch ohne Tabelle in die Mitte. Wenn du es aber in eine Tabelle steckst gehst du genau so vor.

Ändern muss du im <style type="text/css"> unter div.menu

Wie im Beispiel:

4 Buttons a 120pix ergibt eine Breite des Menüs von 480pix

deshalb die Breite exakt festlegen - width: 480px;

die Mitte bzw. die Hälfte sind 240pix. Die brauchen wir um das Menü wieder um diesen Wert nach links zu Schieben - left: -240px;

jetzt das Menü mit dem Innenabstand (darf auch der Außenabstand sein) in die Mitte bringen - padding-left:50%;

Fertig.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
div.menu {
position: absolute;
width: 480px;
left: -240px;
top: 10px;
padding-left:50%;
z-index: 3;
}


geschrieben von Kansascity am 27.03.2006 - 16:43
Zitat
 Original geschrieben von weisnix am 27.03.2006 - 12:40

Du bekommst es auch ohne Tabelle in die Mitte. Wenn du es aber in eine Tabelle steckst gehst du genau so vor.

Ändern muss du im <style type="text/css"> unter div.menu

Wie im Beispiel:

4 Buttons a 120pix ergibt eine Breite des Menüs von 480pix

deshalb die Breite exakt festlegen - width: 480px;

die Mitte bzw. die Hälfte sind 240pix. Die brauchen wir um das Menü wieder um diesen Wert nach links zu Schieben - left: -240px;

jetzt das Menü mit dem Innenabstand (darf auch der Außenabstand sein) in die Mitte bringen - padding-left:50%;

Fertig.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
div.menu {
position: absolute;
width: 480px;
left: -240px;
top: 10px;
padding-left:50%;
z-index: 3;
}



Hi,

vielen Dank für die Tips!

Leider klappt es bei mir mit dem Einbau in eine Tabelle nicht so, wie ich es gerne hätte.

Ich gebe Dir mal den Link zu der Page, vielleicht kann man sich dann mein Problem besser vorstellen.

http://home.mnet-online.de/eitz/

Anstelle dem vorhandenen Button würde ich nun gerne die "neuen Button" siehe Oben einbauen.

Ich würde mich wirklich sehr freuen, wenn ich (hoffentlich) das letzte Mal Hilfe bekommen könnte.

Schonmal vielen, vielen Dank für die Mühen,

Bernd

geschrieben von weisnix am 27.03.2006 - 19:20
ist doch ganz einfach: Applet raus Liste rein

geschrieben von Kansascity am 27.03.2006 - 19:42
Zitat
 Original geschrieben von weisnix am 27.03.2006 - 19:20

ist doch ganz einfach: Applet raus Liste rein


Ach ja, ist doch ganz einfach.

Spass bei Seite.

Aller Anfang ist schwer und das war schon genug, um zu verzweifeln. Für das nächste Mal sollte ich das wissen, das heisst aber nicht, dass Ihr mich testet und mir Hausaufgaben gibt

Danke vielmals!


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.