Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.03.2010 um 09:44 (UTC)    
Titel: [erledigt] Nav Entfernen

Huhu ihr lieben, ich mal wieder...

ich bin mal wieder eifrig am Basteln und steh nun vor zwei problemen wo ich mich mal wieder zu blöd anstelle:

Also einmal:

Ich hab ein Coolmenü jetzt gemacht aber das alte Menü ist noch sichtbar.
Wie bekomme ich das Alte Menü weg?

Noch dazu beim Coolmenü - den Bereich Home würde ich gerne wieder wenn man drauf klickt als Home machen - geht das und wenn ja wie geht das?

Das Coolmenü selbst ist noch nicht ganz fertig.. aber ich würde gerne wissen wie ich die eigentliche Nav verschwinden lassen kann.


Hier mal mein Komischer Code:



Code:
<div align="center"> <table border="0" width="60%" id="table1"> <tr> <td> <div align="center"> <style type="text/css"> <!-- table.edit_main_table{width: 100%;} td.edit_main_tr{width: 100%;} table.edit_second_table{width: 100%;} td.edit_header_full{width: 100%;background-position:center;background-repeat:no-repeat; } td.edit_header_full table{width: 100%;} table.edit_third_table{width: 100%;} table.edit_rechts_tabelle{width: 100%;} --> </style>



<script language="JavaScript" src="http://js.stats.de/j/0000095073"></script><script language="JavaScript">rapidstats(95073);</script><noscript><a href="http://www.stats.de" target="_blank"> <img src="http://srv1.stats.de/l/0000095073?js=0" border="0" alt=""></a></noscript><style type="text/css"><!-- /* Generated by www.design-generator.de.tl */
Body
{background-image:url(http://img.webme.com/pic/e/elas-fotografie/11.jpg);
background-color:#4a0001;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center;}
td.headline{display:none;}
td.edit_header_full{
background-repeat:no-repeat;
background-image:urlhttp://img.webme.com/pic/v/vom-hause-weissenstein/headerzucht2_-104.jpg;}
td.edit_content_top{
background-image:urlhttp://img.webme.com/pic/e/elas-fotografie/fo1hi.jpg);
background-image:none;
background-color:transparent;}
td.edit_content,
td.edit_content_bottom{
background-image:none;
background-color:transparent;}
td.edit_content_bottom2{
background-image:none;
background-color:transparent;}
td.nav_heading{
background-image:url(http://);background-color:transparent;}
td.nav{
background-image:url(http://img.webme.com/pic/e/elas-fotografie/fo1bo.jpg);
background-color:transparent;}
td.nav:hover{
background-image:url();
background-color:transparent;}
td.nav a,td.nav a:
hover,a.menu,a.menu:hover,a.menu:visited{
color:#000000;
font-family:Baroque Script;
font-size:14px;}.shouty,.shouty2,.shouty3,.shouty4,.shouty5{
background-image:none;background-color:transparent;}
td.sidebar_heading{
background-image:url(http://);
background-color:transparent;}
td.edit_rb_footer{
background-image:none;
backgroundcolor:transparent;}
td.edit_rechts_bottom,td.edit_rechts_cbg,
td.edit_navi_headbg{
background-image:none;
background-color:transparent;}
td.edit_below_nav,td.edit_below_nav img,
td.edit_rechts_sbg{visibility: hidden;}--></style>


</style>
</head>
<body>
<FONT color="white"><style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img.webme.com/pic/e/elas-fotografie/22.jpg);background-color:#XXXXXX;width:
1000px; height: 300px;}-->
</style>


<style type="text/css">
<!--
td.nav a{font-family: Baroque Script;font-size: 18px;color: #0000;}
td.nav a:hover{font-family: Baroque Script;font-size: 18px;color: #0000;}
-->
</style>


<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Baroque Script;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 360px;
left: 230px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #transparent;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00000;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://elas-fotografie.de.tl/-Ue-ber-Mich-.--.-.htm">über Mich</a></li>
<li><a href="http://elas-fotografie.de.tl/Meine-Ausr.ue.stung.htm">Meine Ausrüstung</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Tierisches</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://elas-fotografie.de.tl/Hunde.htm">Hunde</a></li>
<li><a href="http://elas-fotografie.de.tl/Katzen.htm">Katzen</a></li>
<li><a href="http://elas-fotografie.de.tl/Frettchen.htm">Frettchen</a></li>
<li><a href="http://elas-fotografie.de.tl/Insekten.htm">Insekten</a></li>
<li><a href="http://elas-fotografie.de.tl/V.oe.gel.htm">Vögel</a></li>
<li><a href="http://elas-fotografie.de.tl/Schlangen.htm">Schlangen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');"> Portrait</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://elas-fotografie.de.tl/Akt-Mann.htm">Akt Mann</a></li>
<li><a href="
http://elas-fotografie.de.tl/Akt-Frau.htm">Akt Frau</a></li>
<li><a href=" http://elas-fotografie.de.tl/Diverses.htm ">Diverses</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Natur</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href=" http://elas-fotografie.de.tl/Sonnenaufg.ae.nge.htm ">Sonnenauf/untergänge</a></li>
<li><a href=" http://elas-fotografie.de.tl/Landschaften.htm ">Landschaften</a></li>
<li><a href=" http://elas-fotografie.de.tl/Pflanzen.htm ">Pflanzen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Kontakt</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://elas-fotografie.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://elas-fotografie.de.tl/Kontakt.htm">Kontaktformular</a></li>
<li><a href="http://elas-fotografie.de.tl/Impressum.htm">Impressum</a></li>
<li><a href="http://elas-fotografie.de.tl/Links-d-.htm">Links</a></li>
</ul>
</li>
</div>



Lg Micha


Zuletzt bearbeitet von elas-fotografie am 30.03.2010, 11:33, insgesamt einmal bearbeitet
Beitrag30.03.2010 um 09:51 (UTC)    
Titel:

hei,
hilft dir evt. einer dieser Codes weiter?
http://www.homepage-baukasten.de/forum/viewtopic.php?t=112866&highlight=navi+weg
besonders die Beiträge von Domink (der-bielefeld-club) und wolfbooks beachten.


lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!



Zuletzt bearbeitet von abenteuergeschichte am 30.03.2010, 10:51, insgesamt einmal bearbeitet
Beitrag30.03.2010 um 10:08 (UTC)    
Titel:

Ok Punkt eins wäre erledigt.. Danke.
Das Coolmenü ist nun mal allein stehend.

Aber ich hab im Coolmenü ja noch den Punkt home.. und der sollte verlinkt sein mit der versteckten Seite Home - wie mach ich das? Denn mir wird sonst keine Startseite mehr angezeigt..

Danke Lg Micha


Zuletzt bearbeitet von elas-fotografie am 30.03.2010, 11:08, insgesamt einmal bearbeitet
Beitrag30.03.2010 um 10:33 (UTC)    
Titel:

wir habens etwas anders gelöst:

Zitat:
mir fällt gerade nur die Möglichkeit ein Home als Unterpunkt zu schreiben.

Also:

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Startseite</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://elas-fotografie.de.tl/Home.htm">Home</a></li>
<li><a href="http://elas-fotografie.de.tl/-Ue-ber-Mich-.--.-.htm">über Mich</a></li>
<li><a href="http://elas-fotografie.de.tl/Meine-Ausr.ue.stung.htm">Meine Ausrüstung</a></li>
</ul>
</li>

ich habe den "Titel" Home jetzt Startseite benannt
und Home als Unterpunkt verlinkt.
Eine andere Möglichkeit weiss ich leider nicht


Somit closed!

lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de