Fragen und Antworten » Menu in das Forum einbauen. Wie richtig?

04.11.2010 20:39

Damian
#1 Menu in das Forum einbauen. Wie richtig?

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

#2

04.11.2010 22:39

Fabian
#2 RE: Menu in das Forum einbauen. Wie richtig?

Fabian

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

#3

04.11.2010 22:44

Damian
#3 RE: Menu in das Forum einbauen. Wie richtig?

Damian

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

#4

04.11.2010 22:47

Fabian
#4 RE: Menu in das Forum einbauen. Wie richtig?

Fabian

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

#5

04.11.2010 22:50

Damian
#5 RE: Menu in das Forum einbauen. Wie richtig?

Damian

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

#6

05.11.2010 10:48

Fabian
#6 RE: Menu in das Forum einbauen. Wie richtig?

Fabian

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