Eigene Buttons oben

Hallo!
Ich möchte statt der Links oben Buttons einfügen!
Wie verändere ich es in meinem Code?
Ist das machbar?
Vielen Dank!

Irgendwo in deinem Code hast du diesen Code:

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator

HI!
Mein Code sieht folgendermassen aus!
Ich hatte ihn abgeändert da ich die buttons raus nahm .
Ich habe echt null ahnung wo ich da was einfügen soll!
LG

<style type="text/css" media="screen">
<!--
body
{
font-family: Comic Sans MS , sans-serif;
font-size: 10px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 170px;
left: 23%;
margin-left:0px;
width: 600px;
}

.menu li
{
width: 120px;
float: left;
}

.menu a
{
border: 1px solid #000000;
background-color:#000000;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000000;
}

#smenu1, #smenu2, #smenu3----- drei Buttons!
{
font-size: 10px;
display: none;
width: 120px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a------drei Buttons
{
font-size: 10px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>




<div class="menu">
<li><a href="http://dreamcards.de.tl/Neue-Karten.htm" target="_self">Neue Karten</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Top-Motive.htm" target="_self">Top Motive</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Statistik.htm" target="_self">Statistik</a></li>
</ul>
</li>

<li><a href="http://dreamcards.de.tl/Zufallskarte-senden.htm" target="_self">Zufallskarte</a></li>
</ul>
</li>


<li><a href="http://dreamcards.de.tl/eigenes-Motiv-senden-.htm" target="_self">eigenes Motiv</a></li>
</ul>
</li>
</ul>
</div>

Probier es mal so:

Bin mir nich sicher... Aber so KÖNNTE es gehn!

MfG Nico[/quote]

Hi!
Erstmal vielen Dank für Deine Mühe!
Der Code ist schon mal okay!
Aber mit der Buttongrösse bekomm ich noch nicht so hin!
Das muss sich genau der Schrift anpassen!
Hast du vielleicht eine Ahnung wie gross die sein müssen?
Sieht gerade nen bisl komisch aus !LOL

Hab den Code oben mal aktualisiert!
Müsste klappen bin aber nich sicher!

Danke !
Hatte eigentlich vor für jeden Link einen eigenen Button einzufügen ,
also mit der selben Schrift wie der Home Button!
Dann muss ich meinen Code wohl komplett ändern oder ?

Jupp
Kannst mich mal per PN anschreiben ( ich bin gladi4ever in nem anderen acc ) wenn ich dann mal zeit hab mach ichs dir gerne!

Vielen Dank ,ich schaff das auch allein!
Ich brauch nur den Code dafür!
Die Buttons füge ich dann selber ein!
Trotzdem danke!

So sieht der eigentliche Code aus !
Ich habe ihn komplett geändert dass es nun so aussieht !
Ich weiss nur nicht wie und wo ich buttons einfügen soll!


<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}

.menu li
{
width: 200px;
float: left;
}

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000C32;
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">TITEL Navi-Button 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">TITEL NAVI-Button 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">TITEL NAVI-BUTTON 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Seiten-Name 1</a></li>
<li><a href="http://HIER SEITE 2.htm" target="_self">Seiten-Name 2</a></li>
<li><a href="http://HIER SEITE 3.htm" target="_self">Seiten-Name 3</a></li>
</ul>
</li>
</ul>
</div>

Ich weiss nicht, ob es funktioniert, aber du kannst es mal ausprobieren!

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator

Danke sehr!
Ich hab ja diesen code komplett umgeändert !Denn dieser
Code besteht aus Navigationstiteln mit Unterseiten .
Ich hab diese Unterseiten einfach entfernt.
Das ist ne längere Geschichte !LOL!
Ich denk ich werd das morgen, ups heute in Angriff nehemen!
Danke Dir !

Kein Problem

Bei weiteren Fragen kannst du mir eine PN schicken.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator

Hallo!
Ich hab nun was völlig was anderes gemacht!
Ich habe einfach eine Tabelle erstellt und die beim Text über Design eingefügt!
Nun habe ich das Problem dass diese Navi ganz oben ist!
Wie kann ich die Tabelle positionieren?
Ich habe es schon mit den Werten versucht aber da ändert sich nichts!
Hat jemand eine Lösung?
Ansonsten bin ich zufrieden!

Ich mach dir nachher den Code fürs coolmenü, ok?
Lass aber bitte die Menüpunkte noch auf deiner Seite.

Muss jetzt zum Fußball!^^

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator