Brauche Hilfe für einen angeklickten Link in der Navigation

Hallo erstmal

Ich bräuchte Hilfe für die Navigationsleiste.

Ich habe es geschafft, dass der Linktext einer Unterseite beim überfahren mit der Maus verschwindet und ein hover Bild eingefügt wird. Dieses bleibt auch bestehen wenn ich auf der entsprechenden Seite bin, allerdings ist dann der Linktext auch wieder zu sehen.

Wie bekomme ich den weg?

Ich habe das IceBlue design.


Hier mal mein kompletter Code:


<style type="text/css">
<!--
td.headline{;visibility:hidden;}
-->
</style>



<style type="text/css"><!-- /* Generated by www.design-generator.de.tl */ img[width="1"]{display:none;} body{background: url(http://) #77C5F0 fixed repeat;}td.edit_header_full{background: url(http://img.webme.com/pic/f/freaky-morphs/header_freaky-morphs.jpg) #77C5F0 no-repeat;}td.headline{display:none;}td.edit_content_top{background: url() #77C5F0;}td.edit_content{background-image:url();
background-color:#ffffff;background-position: center 70px; height: 800px;
background-repeat: no-repeat;border0px solid #ffffff;}td.edit_content_bottom{display:none;}
td.edit_content_bottom2{background: url(http://) #77C5F0;}td.headline2{color: #77C5F0;}td.nav_heading{background: url(http://) #77C5F0;}td.nav{background: url(http://) #77C5F0;}td.nav:hover{background: url(http://) #61A1C4;}td.nav a,td.nav a:hover,a.menu,a.menu:hover,a.menu:visited{color: #000000;font-family:Arial;font-size:16px;}td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{background: url(http://) repeat #77C5F0;}td.sidebar_heading{background: url(http://) #77C5F0;}td.edit_rb_footer{background: url(http://) #77C5F0;}td.edit_navi_headbg,td.edit_rechts_bottom,td.edit_rechts_cbg{background-image: none;}td.edit_below_nav img{display:none;}td.edit_rechts_sbg,td.edit_below_nav{visibility: hidden;}.edit_content_main div{overflow: visible!important;}--></style><script language="JavaScript" src="http://js.stats.de/j/0000100901"></script><script language="JavaScript">rapidstats(100901);</script><noscript><a href="http://www.stats.de" target="_blank"><img src="http://srv1.stats.de/l/0000100901?js=0" border="0" alt=""></a></noscript>



<style type="text/css">
<!--

/* Werbung zentrieren */
table[height="102"] {
margin: auto; }


/* Design zentrieren */
table.edit_main_table {
margin: auto; }

-->
</style>




<style type="text/css">
<!--

/* Iceblue verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 10% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 10% !important;}
td.edit_rechts_cbg{width:100%;}


-->
</style>



<style type="text/css">
<!--

td.nav_heading {
color:#77C5F0;
td.headline2 {
color:#77C5F0;

-->
</style>


<style type="text/css">
<!--
td#nav_Impressum{display:none;}
td#nav_AGB{display:none;}





td#nav_BlackBack:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/blackback_button.jpg);}
td#nav_Butter:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/butter_button.jpg);}
td#nav_Enchi:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/enchi_button.jpg);}
td#nav_Lesser:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/lesser_button.jpg);}
td#nav_Pastel:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/pastel_button.jpg);}
td#nav_Spider:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/spider_button.jpg);}
td#nav_Wildtyp:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/wildtyp_button.jpg);}



td#nav_BlackBack:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Butter:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Lesser:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Pastel:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Spider:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Wildtyp:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Enchi:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }


tr.checked_menu td#nav_BlackBack {color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/blackback_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Butter{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/butter_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Enchi{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/enchi_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Lesser{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/lesser_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Pastel{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/pastel_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Spider{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/spider_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Wildtyp{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/wildtyp_button.jpg);background-color:Transparent; width:
185px;height: 33px;}




--->
</style>



Schon mal vielen Dank im Voraus

Hallo,

Du meinst die Unterseiten, das musst du dazu schreiben.
Quellcode brauchst du übrigens hier keinen schreiben.
Den betrachtet der Helfer im Browser (Ansicht / Quelltext anzeigen)

Kleiner Tipp vorweg noch für das Feld "Text über Design"

Brauchst du nur einmal zu Beginn aller CSS-Codes .
Es folgen dann alle deine Klassen mit ihren CSS-Eigenschaften.
Egal ob ein Code, oder 30 Codes.

Und am Ende brauchst du nur einmal den style-tag schliessen:

Nun zur Frage : Besuchte Unterseite Linktext ausblenden

Dein CSS-Code für die Unterseite sieht so aus:

Höhen-und Breite sind unnötig, sind im Design schon festgelegt
Füge dem noch ein text-indent: -200px; dazu.
Damit verschiebst du den Text aus dem sichtbaren Bereich heraus

So sollte der Code dann aussehen :

Gruß Wolle

Super, das ging aber schnell Und es hat funktioniert. Vielen Dank.

Das ich die Unterseiten meinte, hatte ich schon editiert

Und, ja ich weiß, der komplette code gehört einmal aufgeräumt, werde mich demnächst mal dran setzen.

Aber noch eine Frage, was bewirkt dieses text-indent: -200px?

Heißt text-indent mit negativem Wert verschiebt die erste Zeile eines Textes nach links.

Ich habe den Code nur überflogen aber in dem Fall könnte man anstatt text-indent auch padding-left nutzen. Das ist der Innenabstand eines Elementes und würde dann für mehrzeilige Ein- bzw. Ausrückung sorgen.
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5

Ach, ok. Jetzt kann ich das eventuell auch für andere Seiten anwenden.

Vielen Dank.

Thread kann geschlossen werden.

Hallo,

danke für die Rückmeldung und danke an die Helfer.

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering