You are not logged in.

Hilfe .... Hintergrund fehlt...

wcf.regNote.message

lichtonkel

Beginner

  • "lichtonkel" started this thread

Posts: 39

Occupation: staat. gepr. Informatiker Multimedia/Studierender

  • Send private message

1

Friday, July 14th 2006, 9:17pm

Hilfe .... Hintergrund fehlt...

Jutn Morgen liebe Gemeinde,

ich hab da grade mal ein massives problem mit nem CSS Menü...

wenn ich meine Seite über file:///pfad/zur/seite aufrufe, klappt das ganze ohne probleme, d.h. meine Navigation wird problemlos angezeigt.

rufe ich dieselbe seite aber über http://..... - sprich meinen IIS - auf, fehlen sämtliche hintergrundbilder in der Navigation.

Das ganze passiert sowohl beim IE 6.x als auch beim FF1.5/2.0.

Bin grade etwas ideenlos, warum das wohl so sein könnte, vll hat ja jemand von euch ne idee...

achja... der code:

CSS:

PHP Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81

body {
      margin:0;
      padding:0;
      font-family:Courier New;
      font-size:12px;
      color:Gray;
      scrollbar-face-color:FFFFFF;
      scrollbar-highlight-color: FFFFFF;
      scrollbar-3dlight-color: CCCCCC;
      scrollbar-darkshadow-color: CCCCCC;
      scrollbar-shadow-color: FFFFFF;
      scrollbar-arrow-color: FF0000;
      scrollbar-track-color: FFFFFF;
    }

img {
     border: none;
    }

#tabs2 {
      float:left;
      width:450px;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #84776B;
      position:absolute;
      right:0px;
      bottom:0px;
      }
#tabs2 ul {
           margin:0;
           padding:0px 0px 0 0px;
           list-style:none;
          }
    
#tabs2 li {
           display:inline;
           margin:0;
           padding:0;
          }
#tabs2 a {
          float:left;
          background:url('../pics/tableft2.gif'); 
          background-repeat:no-repeat; 
          background-position:left top;
          margin:0;
          padding:0 0 0 4px;
          text-decoration:none;
         } 
    
#tabs2 a span {
               float:left;
               display:block;
               background:url('../pics/tabright2.gif');
               background-repeat:no-repeat; 
               background-position:left top;
               padding:5px 15px 4px 6px;
               color:#84776B;
              }
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}
/* End IE5-Mac hack */

#tabs2 a:hover span {
                     color:#74675B;
                    }

#tabs2 a:hover {
                background-position:0% -42px;
               }
#tabs2 a:hover span {
                     background-position:100% -42px;
                    }

#tabs2 #current a {
                    background-position:0% -42px;
                  }
#tabs2 #current a span {
                         background-position:100% -42px;
                       }


HTML:

PHP Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<html>
<head>
 <meta name="generator" content="Scribe! 2 [http://scribe.de]">
 <title>ray*light events</title>

<link rel="stylesheet" type="text/css" href="../css/Layout.css">
</head>

<body <!---class="body_menu"--->>
<div class="power">&nbsp;</div> 

 <div class="streifen"></div>
 <!--- Hauptmenu --->
<div id="tabs2">
     <ul>
    <li><a href="news.php" target="inhalt"><span>News</span></a></li>
    <li><a href="Order.html" target="inhalt"><span>Kontakt</span></a></li>
    <li><a href="Products.html" target="inhalt"><span>Firma</span></a></li>
    <li><a href="Services.html" target="inhalt"><span>Downloads</span></a></li>
    <li><a href="impressum.htm" target="inhalt"><span>Impressum</span></a></li>
    <li><a href="agb.htm" target="inhalt"><span>AGBen</span></a></li>
      </ul>
</div>
</body>
</html>



achja, und nu bitte keine diskussion über schriftarten am monitor... Serifenschriften sind gewünscht in dem projekt ;-)


danke schonmal fürs helfen...
Lichtonkel

[NaPalLmA]

Beginner

Posts: 17

  • Send private message

2

Friday, December 29th 2006, 11:35am

float:left;
background:url('../pics/tableft2.gif');
background-repeat:no-repeat;
background-position:left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;

}



Der Rot angezeigte Pfad zum Bild kann so im CSS doch ganicht Funzen oder doch?... eig mus da der Komplette Pfad steht wie zb background:url('pics/tableft2.gif');

ODER
background:url('images/pics/tableft2.gif');

also eben der Pfad zur gif die zum Menü Gehört !

Jedenfals war das bei mir mal so!...Korigiert mich wenn ich da falsch liege ^^


Mfg...[NaPalLmA]

wcf.user.socialbookmarks.titel