Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > elemente einem menüpunkt hinzufügen
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > elemente einem menüpunkt hinzufügen

Pages: [1]
geschrieben von Bernhard am 25.01.2005 - 11:16
hallo!

ich bitte wiedermal um eure hilfe!!

ich habe ein navigations-menü mit einer unter ebene!
kann ich irgendwie im stylesheet angeben, dass vor jedem link in der unterebene ein "x" steht??

hier der mein stylesheet:

HTML-Quelltext
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: 

a {
  font-family: Verdana;
  font-size: 10px;
}

//erste ebene

.navoben {
  font-family: Verdana;
  font-size: 10;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}
.navoben:link {
  color: #FFFFFF;
  text-decoration: none;
}
.navoben:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.navoben:hover {
  color: #3199E3;
  text-decoration: none;
}
.navoben:active {
  color: #FFFFFF;
  text-decoration: none;
}

//unterebene

.navlinks_1 {
  font-family: Verdana;
  font-size: 10;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  margin:0 0 0 4;
}
.navlinks_1:link {
  color: #FFFFFF;
  text-decoration: none;
}
.navlinks_1:visited {
  color: #FFFFFF;
  text-decoration: none;
}
.navlinks_1:hover {
  color: #3199E3;
  text-decoration: none;
}
.navlinks_1:active {
  color: #FFFFFF;
  text-decoration: none;
}

geschrieben von Hawk am 25.01.2005 - 12:03

hallo

wenn es listenpunkte sind kannst du es mit einer grafik machen, und sie dann im style ein binden

ul {
list-style-image:url(Pfad der Grafik)
}

geschrieben von Bernhard am 25.01.2005 - 12:50
ne es sind leider keine listenpunkte!! das menü wird von nem cms generiert!!

geschrieben von Hawk am 25.01.2005 - 13:20

Hallo Bernhard

kannst du den nicht eine imge davor setzen?

geschrieben von Bernhard am 25.01.2005 - 13:21
ne leider hätt ich schon probiert!!

kann man da mit style sheets also nicht machen???

geschrieben von Armin am 25.01.2005 - 13:39
Hier ne Idee
HTML-Quelltext
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: 

a.navlinks_1:link {
  color: #FFFFFF;
  text-decoration: none;
}
a.navlinks_1:visited {
  color: #FFFFFF;
  text-decoration: none;
}
a.navlinks_1:hover {
  color: #3199E3;
  text-decoration: none;
}
a.navlinks_1:active {
  color: #FFFFFF;
  text-decoration: none;
}
div.navlinks_1 {
	font-family: Verdana;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin:0 0 0 4;
	background-image:  url(../portal/pool/hg_menuepfeil1.gif);
	background-position: left center;
	padding-left: 15px;
	background-repeat: no-repeat;
}

geschrieben von Bernhard am 25.01.2005 - 16:03
jaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaawoiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii!!!!!!


danke armin!!!!!!!!!!!!!!!!!!!

geschrieben von Bernhard am 08.02.2005 - 15:56
funzt so nicht schlecht! jedoch hab ich einen zwei zeiligen link und da sieht das etwas anders aus!!
um die eventuell auftretende frage jetzt schon zu beantworten:"nein ich kann ihn nicht einzeilig machen, aus verschiedenen gründen nicht"!

es soll so aussehen wie auf dem bild das ich mit geschickt habe links is so wies jetzt is und so wie rechts solls sein!!!

hab ich da irgendwie ne chance??

geschrieben von Armin am 08.02.2005 - 16:27
Hi,

einmal mit background-position: left top;

Das mit dem Trennzeichen solltest du Manuell einfügen.

Armin

geschrieben von Bernhard am 10.02.2005 - 07:01
"Das mit dem Trennzeichen solltest du Manuell einfügen." --> check i ned!!


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.