Menu in das Forum einbauen. Wie richtig?

04.11.2010 20:39
avatar  Damian
#1 Menu in das Forum einbauen. Wie richtig?
avatar
Spacebot-Rekordhalter

Guten Abend,
Ich brauche mal jemand der Programmieren kann...
Ich habe ein Menu das ich in einer Eigenen Seite Integrieren möchte nur leider werden die Code abschnitte manch Gelöscht.
Wichtig ist mir eigentlich nur die CSS Datei die ich in die Kopfzeile integriere. Nur leider ist es dan so das das Menu weiterhin nicht so Funktionieren sollte wie es sollte in der Eigenen Seite.
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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>33</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<h1>Horizontal CSS Navigation Menu</h1>
<hr />
<div id="dolphincontainer">
<div id="dolphinnav">
<ul>
<li><a href="http://www.free-css.com/" class="current"><span>CSS Templates</span></a></li>
<li><a href="http://www.free-css.com/"><span>CSS Layouts</span></a></li>
<li><a href="http://www.free-css.com/"><span>CSS Books</span></a></li>
<li><a href="http://www.free-css.com/"><span>CSS Menus</span></a></li>
<li><a href="http://www.free-css.com/"><span>CSS Tutorials</span></a></li>
<li><a href="http://www.free-css.com/"><span>CSS Reference</span></a></li>
<li><a rel="nofollow" target="_blank" href="http://www.13styles.com" title="13styles.com"><span>13styles</span></a></li>
</ul>
</div>
</div>
</body>
</html>
 
 


Und die CSS:

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
82
83
84
85
86
87
88
89
 
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
 
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
 
/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{
position:relative;
height:56px;
color:#E0E0E0;
background:#143D55;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
 
#dolphinnav{
position:relative;
height:33px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(dolphin_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;
}
 
#dolphinnav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}
 
#dolphinnav ul li{
display:block;
float:left;
margin:0 1px;
}
 
#dolphinnav ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:33px;
}
 
#dolphinnav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;
}
 
#dolphinnav ul li a:hover{
color:#fff;
background:transparent url(dolphin_bg-OVER.gif) repeat-x bottom left;
}
 
#dolphinnav ul li a:hover span{
display:block;
width:auto;
cursor:pointer;
}
 
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
color:#fff;
background:#1D6893 url(dolphin_left-ON.gif) no-repeat top left;
line-height:275%;
}
 
#dolphinnav ul li a.current span{
display:block;
padding:0 20px 0 0;
width:auto;
background:#1D6893 url(dolphin_right-ON.gif) no-repeat top right;
height:33px;
}
/* ---------------------- END Dolphin nav ---------------------- */
 


Ich habe alle Grafiken in die CSS eingelegt es hat alles Funktioniert bis auf diese Darstellung danach:
Test-Forum
Ich hoffe jemand kann mir dabei von Support zum Beispiel helfen

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
04.11.2010 22:39
avatar  Fabian
#2 RE: Menu in das Forum einbauen. Wie richtig?
avatar
Xobor-Spezialist

Die CSS Angaben aus dem Forum überschreiben hier einige Angaben von deinem Menü. Du kannst jedoch im Nachhinein mit der !important-Angabe eine Eigenschaft wieder überschreiben:

#dolphinnav ul li{
display:block;
float:left !important;
margin:0 1px;
}

Servus
Fabian Klose


 Antworten

 Beitrag melden
04.11.2010 22:44
avatar  Damian
#3 RE: Menu in das Forum einbauen. Wie richtig?
avatar
Spacebot-Rekordhalter

Danke Fabian Du hast mein Abend gerettet "Freu"

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
04.11.2010 22:47
avatar  Fabian
#4 RE: Menu in das Forum einbauen. Wie richtig?
avatar
Xobor-Spezialist

Falls du den Firefox verwendest, empfehle ich dir das Addon "Firebug". So konnte ich diesen Fehler innerhalb von Sekunden finden

Servus
Fabian Klose


 Antworten

 Beitrag melden
04.11.2010 22:50
avatar  Damian
#5 RE: Menu in das Forum einbauen. Wie richtig?
avatar
Spacebot-Rekordhalter

Ich habe das zwar aber es werden wohl keine Fehler gefunden. Muss ich da noch was einstellen? Sorry etwas OffTopic

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
05.11.2010 10:48
avatar  Fabian
#6 RE: Menu in das Forum einbauen. Wie richtig?
avatar
Xobor-Spezialist

Nun, automatisch erkennt das diesen "Fehler" natürlich nicht. Da es sich dabei ja nicht direkt um einen Fehler handelt sondern nur um eine CSS Angabe.

Anleitungen wie du Firebug benutzt gibt es viele. Zum Beispiel: http://webdesignfan.com/working-with-fir...etting-started/ (Englisch)

Servus
Fabian Klose


 Antworten

 Beitrag melden
05.11.2010 11:55
avatar  Damian
#7 RE: Menu in das Forum einbauen. Wie richtig?
avatar
Spacebot-Rekordhalter

Dankeschön
Ich weiß jetzt was du meinst

Viele Grüße,
Damian


Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!