Anpassungsproblem mit der Navigation

mvf · Beitrag von **mvf** » Mo 21. Nov 2005, 21:10

Roentgen hat geschrieben:Hallo Guido,

im Grunde liegen die Bilder zwei mal auf dem Server. Einmal im Order "CMS" und einmal unter "CMS/Images".

Groß Jonas

Code: Alles auswählen

.navfirston {
border: 0px;
border-bottom:1px;
border-color: #808080;
border-style: dashed;
background: url("images/gray.gif") no-repeat top right;
padding-left:10px;
}

probiert ???

Roentgen · Beitrag von **Roentgen** » Mo 21. Nov 2005, 21:22

Ja, ich habe es gerade ausprobiert und es tut sich leider nichts. So liegt es im Rootordner ("CMS"):

Code: Alles auswählen

.navfirston { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/gray.gif") no-repeat top right;          
 padding-left:10px; 
}

.navfirstoff { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/white.gif") no-repeat top right;          
 padding-left:10px; 
}

.navsecondon { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/gray.gif") no-repeat top right;          
 padding-left:20px; 
}

.navsecondoff { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/white") no-repeat top right;          
 padding-left:20px; 
}

.navthirdon { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/gray.gif") no-repeat top right;          
 padding-left:30px; 
}

.navthirdoff { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/white.gif") no-repeat top right;          
 padding-left:30px; 
}

Im Header meines Templates habe ich folgendes in Bezug auf den Stylesheet angegeben:

Code: Alles auswählen

<LINK href="style.css" type=text/css rel=stylesheet>

Daran dürfte es doch eigentlich auch nicht liegen!

@Halchteranerin

Das Problem mit der Navigation ist, das er nicht den Hintergrund der jeweiligen Zelle anzeigt, das heisst wenn ein Punkt ausgewählt ist, zeigt er dort nicht den grauen Hintergrund von "gray.gif" an sonder gar nichts. Das gleiche wenn er nicht ausgewählt ist. Dort zeigt er auch nicht "white.gif" an. Er zeigt lediglich den Hintergrund des Templates der ganzen Webseite an!

Gruß Jonas

mvf · Beitrag von **mvf** » Mo 21. Nov 2005, 21:32

hmhh bin ich jetzt auch überfragt, aber bei mir funzt es so

weiterüberlegentu, muss mal deinen code und dein css angucken

Roentgen · Beitrag von **Roentgen** » Mo 21. Nov 2005, 21:43

Ok, hier meinen Code von meinem HTML Template:

Code: Alles auswählen

<HTML>
<HEAD>
<meta http-equiv="Content-Language" content="de">
<TITLE>LSR-NRW.de</TITLE>
<META content="keyword1, keyword2, etc" name=keywords>
<META content="Description goes here" name=description>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<LINK href="images/style.css" type=text/css rel=stylesheet>
<META content="Microsoft FrontPage 5.0" name=GENERATOR>
</HEAD>
<BODY text=#787878 vLink=#3c77b0 aLink=#3c77b0 link=#3c77b0 bgColor=#ffffff leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<CENTER>
<DIV>
<IMG height=12 src="images/spacer.gif" width=1></DIV>
<TABLE cellSpacing=0 cellPadding=1 width=765 bgColor=#cccccc border=0 height="521">
  <TBODY>
  <TR>
    <TD height="519">
      <TABLE cellSpacing=0 cellPadding=0 width=765 bgColor=#ffffff border=0>
        <TBODY>
        <TR>
          <TD vAlign=top width=175 height=522>
            <TABLE style="HEIGHT: 245; border-collapse:collapse" cellSpacing=0 cellPadding=0 width="100%" border=0>
              <TBODY>
              <TR>
                <TD vAlign=center align=middle background="images/bg_left_white.gif" height=144><P class=misc>
                <br><img border="0" src="images/lsrnrw.gif" width="154" height="145"><br><br></P>
                </TD></TR>
              <TR>
                <TD background="images/bg_left_green.gif" height=10>
                <img border="0" src="images/spacer.gif" width="1" height="20"></TD>
                </TR>
              <TR>
                <TD background="images/bg_left_white.gif" height=1></TD>
                </TR>
              <TR>
                <TD vAlign=center align=middle background="images/bg_left_white.gif" height=1>
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <p>CMS_CONTAINER[2]</TD></TR>
              <TR>
                <TD background="images/bg_left_white.gif" height=1></TD></TR>
              <TR>
                <TD style="HEIGHT: 19" background="images/bg_left_red.gif">
                <img border="0" src="images/spacer.gif" width="1" height="20"></TD></TR>
              <TR>
                <TD style="HEIGHT: 19" background="images/bg_left_white.gif">
                CMS_CONTAINER[8]</TD></TR>
                </TBODY>
                </TABLE>
                </TD>
          <TD vAlign=top width=576 rowSpan=2>
            <TABLE height="432" cellSpacing=0 cellPadding=0 width="100%" border=0>
              <TBODY>
              <TR>
                <TD width=576 height=1>
                <p align="center"><br>
                <img border="0" src="images/lsrnrw1.gif" width="515" height="90"></TD></TR>
              <TR>
                <TD height=20><IMG height=20 src="images/bg_main_table_top.gif" width=574></TD></TR>
              <TR>
                <TD vAlign=top height=400>
                <DIV style="PADDING-RIGHT: 25px; PADDING-LEFT: 25px; width:574; height:206">
                &nbsp;<TABLE cellSpacing=0 cellPadding=0 width=523 border=0 height="39" style="border-collapse: collapse" bordercolor="#111111" align="left">
                    <TBODY>
                    <TR>
                      <TD vAlign=bottom align=left width=510 height="13">
                        <P align="left">CMS_CONTAINER[4]</P>
                        </TD>
                      </TR>
                    <TR>
                      <TD vAlign=bottom align=left width=510 height="13">
     <p align="left">CMS_CONTAINER[5]</TD>
                      </TR>
                    <TR>
                      <TD vAlign=bottom align=left width=510 height="13">
     <p align="left">CMS_CONTAINER[6]</TD>
                      </TR>
                    </TBODY></TABLE></DIV></TD></TR>
              <TR>
                <TD style="HEIGHT: 14" vAlign=top>
                <p align="left">&nbsp;</TD></TR></TBODY></TABLE></TD>
          <TD vAlign=top width=14>
            <TABLE style="HEIGHT: 468" cellSpacing=0 cellPadding=0 width="100%" border=0>
              <TBODY>
              <TR>
                <TD vAlign=center align=middle background="images/bg_right_shadow_white.gif" height=369>
               &nbsp;</TD></TR>
            </TBODY>
           </TABLE>
          </TD>
         </TR>
        </TBODY>
       </TABLE>
      </TD>
     </TR>
    </TBODY>
   </TABLE>
  </CENTER>
 </BODY>
</HTML>

Und jetzt das complette CSS:

Code: Alles auswählen

HTML {
	HEIGHT: 100%
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
P {
	FONT-SIZE: 12px; COLOR: #787878; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
SPAN {
	FONT-SIZE: 12px; COLOR: #787878; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
DIV {
	FONT-SIZE: 12px; COLOR: #787878; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
P.copyright {
	FONT-SIZE: 10px; COLOR: #a4a4a4; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.copyright {
	FONT-SIZE: 10px; COLOR: #a4a4a4; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.copyright:hover {
	TEXT-DECORATION: underline
}
P.misc {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #787878; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.header-3C77B0 {
	FONT-WEIGHT: bold; COLOR: #3c77b0
}
.header-6DB13D {
	FONT-WEIGHT: bold; COLOR: #6db13d
}
.text-E2A11A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #e2a11a; TEXT-DECORATION: none
}
A.text-E2A11A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #e2a11a; TEXT-DECORATION: none
}
A.text-E2A11A:hover {
	
}
P.white {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.white {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.white:hover {
	TEXT-DECORATION: underline
}


.navfirston { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/gray.gif") no-repeat top right;          
 padding-left:10px; 
}

.navfirstoff { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/white.gif") no-repeat top right;          
 padding-left:10px; 
}

.navsecondon { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/gray.gif") no-repeat top right;          
 padding-left:20px; 
}

.navsecondoff { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/white") no-repeat top right;          
 padding-left:20px; 
}

.navthirdon { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/gray.gif") no-repeat top right;          
 padding-left:30px; 
}

.navthirdoff { 
 border: 0px; 
 border-bottom:1px; 
 border-color: #808080; 
 border-style: dashed; 
 background: url("images/white.gif") no-repeat top right;          
 padding-left:30px; 
}

Vielleicht kannst du damit was anfangen oder den Fehler finden.

Gruß Jonas

Roentgen · Beitrag von **Roentgen** » Mo 21. Nov 2005, 23:15

So, ich habe eine Lösung:

Die Zelle im HTML-Template der Webseite teilen in der die Navigation angezeigt wird. Dies an einer Stelle machen, wo der Hintergrund gerade ins Graue geht. Die Zelle der importieren Navigation in die linke Teilung einfügen lassen. In der rechten einfach ein neues GIF als Hintergrund einfügen welches den Hintergund im Website-HTML-Template weiterführt. Dann im Navitemplate bei unangewählt kein Hintergrund wählen und bei angewählt den Hintergrund so grau anpassen, dass er rechts mit seiner Kante in das Graue ohne Übergang übergeht.

Ein wenig Trickserei aber wenn es so nicht klappt!

Trotzdem vielen herzlichen Dank an euch beide für eure Mühe! Solltet ihr doch einen Lösungsweg ohne Trickserei finden, hätte ich dafür auch noch ein offenes Ohr.

Gruß Jonas

mvf · Beitrag von **mvf** » Di 22. Nov 2005, 02:47

sorry etwas spät aber ich frickle auch noch an meinem zeug

habe mir gerade mal den quellcode von http://www.waldorftalk.de/lsrnrw/cms/front_content.php angeschaut, da steht im header:

<LINK href="images/style.css" type=text/css rel=stylesheet>

soweit sogut, aber die images werden dort mit

Code: Alles auswählen

 background: url("images/white.gif") no-repeat top right;

angesprochen

unter http://www.waldorftalk.de/lsrnrw/cms/images/white.gif

gibt es aber kein image ?
das liegt nur direkt in cms/white.gif

guckst du http://dev1.elflein-kosmetik.de/cont46d ... ontent.php

quelltext und css angucken; da sind alle images für z.b. die mouseover im header so eingebunden

Roentgen · Beitrag von **Roentgen** » Di 22. Nov 2005, 13:54

Hallo,
ich habe gestern alles weitere gelöscht als es dann mit meinem getrickse doch funktioniert hat. Deswegen kannst du das Bild nicht mehr finden.

Zu deiner Seite:
Schönes Design, nette Effekte, Respekt!

Gruß Jonas

mvf · Beitrag von **mvf** » Di 22. Nov 2005, 13:56

merci für die blumen

aber wie sieht es nun mit deinem prob aus? es sollte auch so gehen wie beschrieben!?

Roentgen · Beitrag von **Roentgen** » Di 22. Nov 2005, 14:20

Hallo,

im Grunde funktioniert es ja, ist halt nur eine unsaubere Trickserei. Ich bin jetzt mal kurz weg, aber ich werde mich in 2 Stunden nochmal dran setzen und alles was ihr mir hier vorgschlagen habt noch einmal versuchen.

Gruß Jonas