Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.12.2010 um 14:20 (UTC)    
Titel: ERLEDIGT!! Navigation Oben

Hallo liebe COmmunity...
Ich hab eben an den einstellungen für die ober Navi gespielt also farben technisch und peng nachdem drücken meiner F5 taste um das ergebnis zu sehen ging der hover effekt beim button Gästebuch nciht mehr und ich hhab keine ahnunh voran es liegen kann bitte helft mir.....

MEin Code
Code:

<style type="text/css">     td.headline2 {padding-bottom:15px; background-repeat:no-repeat}                         

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

td.nav{background-image:url(http://img.webme.com/pic/a/andreaskrenn/button006.jpg);}
td.nav:hover{background-image:url(http://img.webme.com/pic/a/andreaskrenn/button0011.jpg);}
td.nav a{color: #ffffff;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/m/ms-testseite/balken2.png);}
td.edit_content_bottom2{background-image:url();}
td.nav_heading{background-image:url(http://img.webme.com/pic/m/ms-testseite/balken.png);}
td.edit_header_full{background-image:url(http://img.webme.com/pic/a/andreaskrenn/headerbe.jpg);}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/m/ms-testseite/balken.png);}
td.edit_rb_footer{visibility:hidden;}
td.edit_rechts_sbg{background-image: url();background-color:#333333;}
td.edit_rechts_bottom{background-image: url();background-color: #333333;}
td.edit_below_nav{background-image: url();background-color: #333333;}
td.edit_navi_headbg{background-image: url();background-color: #333333;}
body{background-color: #333333;}
td.edit_below_nav {visibility: hidden;width: -1px;}
td.edit_rechts_cbg{background-image: url();background-color: #333333;}
td.headline{visibility:hidden;}

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


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

td.edit_rb_footer {
    display: none; }

td.nav a {
    color: #ccff33;
    font-size: 20px;
    font-family: arial,verdana;
    text-align: right;
    text-decoration: none; }

#nav_Forum {
display:none;}
#nav_Gstebuch {
display:none;}
#nav_Kontakt {
display:none;}
#nav_LinkMe {
display:none;}
#nav_Linkliste {
display:none;}
#nav_Vote4Me {
display:none;}



/* Feld für Menue oben, auf Header platziert */
#Menu_Box {
  width: 650px; /* = Breite des Feldes */
  position: absolute;
  left: 50%; /* = NICHT ÄNDERN ! */
  margin-left: -308px; /* = hier Feld nach LINKS oder RECHTS verschieben */
  margin-top:195px; /* = hier Feld nach OBEN oder UNTEN verschieben */
  overflow: hidden;}

/* 4 Felder haben unsere Links als Inhalt */      
#link_1, #link_2, #link_3, #link_4,#link_5,#link_6,#link_7  {
  float:left;  /* = durch float:left; platzieren sich Buttons nebeneinader */
  overflow: hidden;
  margin-right: 2px;   /* = Abstand zwischen den Buttons */
  text-align: center;}

/* das Aussehen der  Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a,#link_5 a,#link_6 a,#link_7 a {
  display: block; /* = Verlinkung füllt das DIV Feld aus */
  width: 73px; /* = Breite des Button */
  height: 20px; /* = Höhe des Button */
  line-height:20px; /* = muss die Höhe bekommen, die auch height hat */
  margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
  color: #c5c5c5;  /* = Linkfarbe */
  font-size: 15px;  /* = Link Textgroeße */
  font-family: arial; /* = Link Schriftart */
  text-decoration: none; /* = Link nicht unterstrichen */
  background-color: #333333;  /* = Hintergrundfarbe Link */
  border-top: 2px solid #bbbbbb;  /* = Rahmen oben */
  border-right: 2px solid #bbbbbb;  /* = Rahmen Rechts */
  border-left: 2px solid #bbbbbb;  /* = Rahmen Links */
  -moz-border-radius-topleft: 6px; /* = abgerundete Ecke oben links */
  -moz-border-radius-topright: 6px; /* = abgerundete Ecke oben rechts */
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;}
      
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a :hover, #link_4 a:hover, #link_5 a:hover, #link_6 a:hover, #link_7

a:hover  {
  font-size:14px;
  line-height:20px;
  text-decoration:none;
  margin-top: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #333333;
  font-weight: bold;
  text-align:center;
  background-color: #ccff33;
  background-image: url(oder hier BILD-URL); }

--> </style>   
       

<div id="Menu_Box">
<div id="link_1"> <a href="http://andreaskrenn.de.tl/Forum.htm">Froum</a> </div>
<div id="link_2"> <a href="http://andreaskrenn.de.tl/Forum/cat-1-Feedback.htm">Feedback</a> </div>
<div id="link_3"> <a href="http://andreaskrenn.de.tl/G.ae.stebuch.htm">Gästebuch</a> </div>
<div id="link_4"> <a href="http://andreaskrenn.de.tl/Kontakt.htm">Kontakt</a> </div>
<div id="link_5"> <a href="http://andreaskrenn.de.tl/Link-Me.htm">Link Me</a> </div>
<div id="link_6"> <a href="http://andreaskrenn.de.tl/Linkliste.htm">Linkliste</a> </div>
<div id="link_7"> <a href="http://andreaskrenn.de.tl/Vote-4-Me.htm">Vote4Me</a> </div>


<style type="text/css">
<!--
.video {
  float: left;
  padding: 5px;
  width: 220px;
  text-align: left;
  margin-right: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 7px solid #343434;
}

.bild {
float: left;
width: 130px;
padding: 15px;
margin: 1px;
border: 3px solid #343434; }
-->
</style>


                 </div>                         </FONT>                         </body>                         

</html>                         <div align="center">                         <table border="0" width="70%"

id="table1">       

                  <tr> <td>                         


Danke schonmal im voraus....!!!!

LG LEVELX


Zuletzt bearbeitet von andreaskrenn am 27.12.2010, 18:19, insgesamt 2-mal bearbeitet
Beitrag27.12.2010 um 16:17 (UTC)    
Titel: Re: Navigation Oben

Ich kenne mich darin zwar nicht so gut aus, aber nur eines erscheind mir logisch:

Bei dem Bereich
Code:

#nav_Forum {
display:none;}
#nav_Gstebuch {
display:none;}
#nav_Kontakt {
display:none;}
#nav_LinkMe {
display:none;}
#nav_Linkliste {
display:none;}
#nav_Vote4Me {
display:none;}


musst Du das
Code:
#nav_Gstebuch {
durch
Code:
#nav_G.ae.stebuch
ersetzten, da ja so auch der Link ist,

Gruß,
Max
______________

Beitrag27.12.2010 um 16:20 (UTC)    
Titel:

ne das is schon so richtig die befehle sind zum verstecken der seiten....

guckst du... http://iceblue-test.de.tl/Seiten-verstecken.htm

aber danke für dein bemühen....
Beitrag27.12.2010 um 16:45 (UTC)    
Titel:

/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a :hover, #link_4 a:hover, #link_5 a:hover, #link_6 a:hover, #link_7

bei link 3 hast du einen zwischenraum nach dem a. vielleicht ist es der grund.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag27.12.2010 um 16:50 (UTC)    
Titel:

HAAAAAAAAAAAAAAAAAAAA danke das war es es geht wieder lol nur wegen einem leerzeichen wie ich sowas hasse und bei einem 32 zoll monitor (fernsehn) und extrem hoher aufllösung fällt das kaum auf Geschweige ich sehe oft keine : ich glaube ich sollte da ma was ändern aber danke nochmal für die hilfe ich wäre glaube kaum draufgekommen
Beitrag27.12.2010 um 16:51 (UTC)    
Titel:

na super. kleine sache, große wirkung ^^

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag27.12.2010 um 17:13 (UTC)    
Titel:

ja passiert mir oft so winzig kleine fehler die mich total zum ausrasten bringen können...naja das nächste mal weiss ich woran es liegt Very Happy

ERLEDIGT!!!
Beitrag27.12.2010 um 17:16 (UTC)    
Titel:

schreib [erledigt] vor deinem titel des ersten posts. dann sieht man sofort, dass geschlossen werden kann.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beiträge der letzten Zeit anzeigen:   


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