:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Latest 5 Showrooms

Demo

Probiere ClanSphere aus und teste daran herum. Demo

Spenden

ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns. Spenden

Antworten: 12

Seite [1]

SoKol

King for a day

Herkunft: Heilbronn
Beiträge: 281

# Thema - 09.04.2013 um 21:51 Uhr

Guten Tag,
ich möchte auf meiner Homepage. http://web71.server2.kingstaff-server.net/neckar2/index.php?mod=static&action=view&id=8 . Die Navi ändern!

Und zwar das Startseite-Grounds-besuchte Stadien-Fotoalbum links sind wie jetzt und rechts an der ecke nebeneinander die Facebook,Twitter,Youtube,flickr buttons.

Nur irgendwie passt das glaub nicht mit meiner css.

}
#navi {
background:url(slice/navibg.png);
height:79px;
list-style:none;
padding:0;
margin:-40px 0 0 0;
}
#navi li {
float:left;
height:30px;
list-style:none;
margin:20px 0 0 30px;
}
#neuigkeiten { background:url(slice/Unbenannt-1_03.png); width:116px; }
#fotoalbum { background:url(slice/Unbenannt-1_09.png); width:115px; }
#satzung { background:url(slice/Unbenannt-1_07.png); width:176px; }
#geschichte { background:url(slice/Unbenannt-1_11.png); width:109px; }
#forum { background:url(slice/Unbenannt-1_13.png); width:124px; }
#groundshopping { background:url(slice/Unbenannt-1_05.png); width:99px; }

.navi li:hover {
background-position: 0 20px;
}
#navi li a {
display:block;
height:100%;width:100%;
}
#navi lu {
float:left;
height:30px;
list-style:none;
margin:15px 0 0 10px;
}

#face { background:url(slice/facebook-icon.png); width:35px; }
#youtube { background:url(slice/youtube-icon.png); width:35px; }
#flickr { background:url(slice/flickr-icon.png); width:35px; }
#twitter { background:url(slice/twitter-icon.png); width:35px; }

.navi lu:hover {
background-position: 0 20px;
}
#navi lu a {
display:block;
height:100%;width:100%;
}

Über jede Hilfe bin ich dankbar!

Vielen Dank =)!

------------------
www.groundpictures.de

Zuletzt editiert von SoKol am 09.04.2013 um 21:51 Uhr (1x Editiert)

Inaktiv

ev0lution

Geekboy

Beiträge: 1103

# Antwort: 1 - 09.04.2013 um 22:01 Uhr

#navi lu {
float:left;

schonmal mit

#navi lu {
float:right;

getestet ?

------------------

Inaktiv

SoKol
Thread-Ersteller

King for a day

Herkunft: Heilbronn
Beiträge: 281

# Antwort: 2 - 09.04.2013 um 22:04 Uhr

danke erstmal,

hab es gerade getestet. un sind die ganzen Buttons rechts in der ecke fest ;D

siehe: http://web71.server2.kingstaff-server.net/neckar2/index.php?mod=gallery&action=list

------------------
www.groundpictures.de

Inaktiv

ev0lution

Geekboy

Beiträge: 1103

# Antwort: 3 - 09.04.2013 um 22:06 Uhr

#navi lu a {

mal das display:block; löschen ? versuch ma

edit:
wenn dat nicht geht änder mal in display:inline; ab

------------------

Zuletzt editiert von ev0lution am 09.04.2013 um 22:08 Uhr (1x Editiert)

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 4 - 09.04.2013 um 22:09 Uhr

was soll den lu überhaupt sein?

Inaktiv

SoKol
Thread-Ersteller

King for a day

Herkunft: Heilbronn
Beiträge: 281

# Antwort: 5 - 09.04.2013 um 22:11 Uhr

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.

1. / 2. / ...

#navi {
    background:url(slice/navibg.png);
    height:79px;
    list-style:none;
    padding:0;
    margin:-40px 0 0 0;
}
#navi li {
    float:left;
    height:30px;
    list-style:none;
    margin:20px 0 0 40px;
}
    #neuigkeiten { background:url(slice/Unbenannt-1_03.png); width:116px; }
    #fotoalbum { background:url(slice/Unbenannt-1_09.png); width:115px; }
    #satzung { background:url(slice/Unbenannt-1_07.png); width:176px; }
    #geschichte { background:url(slice/Unbenannt-1_11.png); width:109px; }
    #forum { background:url(slice/Unbenannt-1_13.png); width:124px; }
    #groundshopping { background:url(slice/Unbenannt-1_05.png); width:99px; }

.navi li:hover {
    background-position: 0 20px;
}
#navi li a {
    display:block;
    height:100%;width:100%;
}
#navi lu {
    float:right;
    height:30px;
    list-style:none;
    margin:20px 0 0 30px;
}

    #face { background:url(slice/facebook-icon.png); width:35px; }
     #youtube { background:url(slice/youtube-icon.png); width:35px; }
     #flickr { background:url(slice/flickr-icon.png); width:35px; }
     #twitter { background:url(slice/twitter-icon.png); width:35px; }

.navi lu:hover {
    background-position: 0 20px;
}
#navi lu a {
    display:inline;
    height:100%;width:100%;
}

lu soll rechte seite sein xD

also die bilder...

------------------
www.groundpictures.de

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 6 - 09.04.2013 um 22:12 Uhr

es gibt kein html element, das lu heißt.
kannst da nicht einfach sachen erfinden ^^

Inaktiv

palle

Supporter

Beiträge: 3073

# Antwort: 7 - 09.04.2013 um 22:13 Uhr

Lol

------------------

I like the part where it says 'nyan'

Inaktiv

SoKol
Thread-Ersteller

King for a day

Herkunft: Heilbronn
Beiträge: 281

# Antwort: 8 - 09.04.2013 um 22:14 Uhr

oooookkkkkk

Gut zu wissen, kennt jemand vll ein Lösungsweg?

Bin mal bischen weitergekommen:

http://web71.server2.kingstaff-server.net/neckar2/index.php?mod=saisons&action=list

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.

1. / 2. / ...

}
#navi {
    background:url(slice/navibg.png);
    height:79px;
    list-style:none;
    padding:0;
    margin:-40px 0 0 0;
}
#navi li {
    float:left;
    height:30px;
    list-style:none;
    margin:20px 0 0 40px;
}
    #neuigkeiten { background:url(slice/Unbenannt-1_03.png); width:116px; }
    #fotoalbum { background:url(slice/Unbenannt-1_09.png); width:115px; }
    #satzung { background:url(slice/Unbenannt-1_07.png); width:176px; }
    #geschichte { background:url(slice/Unbenannt-1_11.png); width:109px; }
    #forum { background:url(slice/Unbenannt-1_13.png); width:124px; }
    #groundshopping { background:url(slice/Unbenannt-1_05.png); width:99px; }
}

.navi li:hover {
    background-position: 0 20px;
}
#navi li a {
    display:block;
    height:100%;width:80%;
}

}
#navi2 {
    background:url(slice/navibg.png);
    height:79px;
    list-style:none;
    padding:0;
    margin: 0px 0 0 0;
}
#navi2 li {
    float:right;
    height:30px;
    list-style:none;
    margin:20px 0 0 10px;
}
    #face { background:url(slice/facebook-icon.png); width:35px; }
     #youtube { background:url(slice/youtube-icon.png); width:35px; }
     #flickr { background:url(slice/flickr-icon.png); width:35px; }
     #twitter { background:url(slice/twitter-icon.png); width:35px; }

.navi2 li:hover {
    background-position: 0 10px;
}
#navi2 li a {
    display:block;
    height:100%;width:100%;

Nun muss es nur noch in der Navi sein...

------------------
www.groundpictures.de

Zuletzt editiert von SoKol am 09.04.2013 um 22:35 Uhr (1x Editiert)

Inaktiv

sgraewe

Supporter

Beiträge: 6116

# Antwort: 9 - 10.04.2013 um 02:23 Uhr

Du hast doch allen list-punkten ne eigene id gegeben, damit einfach float:right;

Inaktiv

SoKol
Thread-Ersteller

King for a day

Herkunft: Heilbronn
Beiträge: 281