Probleme bei Navigationsteiländerung im CSS Style Sheet

von NobodyKnowsNina Mi 2 Jan 2013 - 17:56

Ich bin leider gerade einigermaßen überfordert beim Zurückstellen meines Forendesigns von "Weihnachten" auf "so wie es vorher war"... Man sollte ja annehmen, dass das kein Problem ist, ist es aber leider.

So sieht das Ding im Moment aus: http://www.alex-o-loughlin.net/ , also mit Navigationsleiste oben "Login", "Registrieren", usw... Das aktuelle CSS Style Sheet dazu sieht so aus:

#i_icon_mini_index{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/home_zps8fe8ae12.png);
height:100px;
width:156px;
}
#i_icon_mini_index:hover{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/homehover_zps9c794d13.png);
height:100px;
width:156px;
}
#i_icon_mini_new_message {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/newmail_zpsc7bcfc50.png);
height:100px;
width:117px;
}
#i_icon_mini_message:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/mailhover_zps5fc89d9a.png);
height:100px;
width:117px;
}
#i_icon_mini_message {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/mail_zps47a35d2e.png);
height:100px;
width:117px;
}
#i_icon_mini_members{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/users_zpsc14a910b.png);
height:100px;
width:120px;
}
#i_icon_mini_members:hover{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/usershover_zps01b45ed7.png);
height:100px;
width:120px;
}
#i_icon_mini_search{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/search_zpsf1b75cad.png);
height:100px;
width:140px;
}
#i_icon_mini_search:hover{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/searchhover_zps01bf4487.png);
height:100px;
width:140px;
}
#i_icon_mini_profile {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/profile_zps7e7de801.png);
height:100px;
width:147px;
}
#i_icon_mini_profile:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/profilehover_zps63440954.png);
height:100px;
width:147px;
}
#i_icon_mini_login:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/loginhover_zpsa947ad01.png);
height:100px;
width:120px;
background-repeat:no-repeat;

}
#i_icon_mini_login {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/login_zps90677e75.png);
height:100px;
width:120px;
background-repeat:no-repeat;

}
#i_icon_mini_logout {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/logout_zpsc81480e5.png);
height:100px;
width:156px;
background-repeat:no-repeat;
}
#i_icon_mini_logout:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/logouthover_zps33ef75a8.png);
height:100px;
width:156px;
background-repeat:no-repeat;

}
#i_icon_mini_register {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/register_zps258a9338.png);
height:100px;
width:145px;
background-repeat:no-repeat;
}
#i_icon_mini_register:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/registerhover_zpsf6951558.png);
height:100px;
width:145px;
background-repeat:no-repeat;
}
#i_icon_mini_gallery {
background-image:url(http://www.alex-o-loughlin.de/forum/gallery12.gif);
height:100px;
width:146px;
background-repeat:no-repeat;
}
#i_icon_mini_gallery:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hovergallery12.gif);
height:100px;
width:146px;

}
input#message.post{
color: #000000;
}

.bodyline {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
td.cat, td.catHead, td.catBottom, td.rowpic, .secondarytitle, .secondarytitle h2, th, .module-title, .catLeft, td.catSides {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-color: #B2B2B0;
background-image: url("https://2img.net/i/fa/empty.gif");
border: medium solid #B3B3B1;
height: 25px;
}

.post .row1, .post .row2 {
background-color: #edecea;
}
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/gold-ani2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/gold-ani2.gif"), auto;}
A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/gold-ani2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/gold-ani2.gif"), auto;}

Und üblicherweise hab ich das folgende:

#i_icon_mini_index{
background-image:url(http://www.alex-o-loughlin.de/forum/home12.gif);
height:100px;
width:156px;
}
#i_icon_mini_index:hover{
background-image:url(http://www.alex-o-loughlin.de/forum/hoverhome12.gif);
height:100px;
width:156px;
}
#i_icon_mini_new_message {
background-image:url(http://www.alex-o-loughlin.de/forum/newmail12.gif);
height:100px;
width:117px;
}
#i_icon_mini_message:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hovermail12.gif);
height:100px;
width:117px;
}
#i_icon_mini_message {
background-image:url(http://www.alex-o-loughlin.de/forum/mail12.gif);
height:100px;
width:117px;
}
#i_icon_mini_members{
background-image:url(http://www.alex-o-loughlin.de/forum/users12.gif);
height:100px;
width:120px;
}
#i_icon_mini_members:hover{
background-image:url(http://www.alex-o-loughlin.de/forum/hoverusers12.gif);
height:100px;
width:120px;
}
#i_icon_mini_search{
background-image:url(http://www.alex-o-loughlin.de/forum/search12.gif);
height:100px;
width:140px;
}
#i_icon_mini_search:hover{
background-image:url(http://www.alex-o-loughlin.de/forum/hoversearch12.gif);
height:100px;
width:140px;
}
#i_icon_mini_profile {
background-image:url(http://www.alex-o-loughlin.de/forum/profile12.gif);
height:100px;
width:147px;
}
#i_icon_mini_profile:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hoverprofile12.gif);
height:100px;
width:147px;
}
#i_icon_mini_login:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hoverlogin12.jpg);
height:100px;
width:120px;
background-repeat:no-repeat;

}
#i_icon_mini_login {
background-image:url(http://www.alex-o-loughlin.de/forum/login12.jpg);
height:100px;
width:120px;
background-repeat:no-repeat;

}
#i_icon_mini_logout {
background-image:url(http://www.alex-o-loughlin.de/forum/logout12.jpg);
height:100px;
width:156px;
background-repeat:no-repeat;
}
#i_icon_mini_logout:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hoverlogout12.jpg);
height:100px;
width:156px;
background-repeat:no-repeat;

}
#i_icon_mini_register {
background-image:url(http://www.alex-o-loughlin.de/forum/register12.gif);
height:100px;
width:145px;
background-repeat:no-repeat;
}
#i_icon_mini_register:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hoverregister12.gif);
height:100px;
width:145px;
background-repeat:no-repeat;
}
#i_icon_mini_gallery {
background-image:url(http://www.alex-o-loughlin.de/forum/gallery12.gif);
height:100px;
width:146px;
background-repeat:no-repeat;
}
#i_icon_mini_gallery:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hovergallery12.gif);
height:100px;
width:146px;

}
input#message.post{
color: #000000;
}

.bodyline {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
td.cat, td.catHead, td.catBottom, td.rowpic, .secondarytitle, .secondarytitle h2, th, .module-title, .catLeft, td.catSides {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-color: #B2B2B0;
background-image: url("https://2img.net/i/fa/empty.gif");
border: medium solid #B3B3B1;
height: 25px;
}

.post .row1, .post .row2 {
background-color: #edecea;
}

Ich wollte nun also das Weihnachtslayout wieder zurück ändern in die Ausgangsposition - Fehlanzeige. Wenn ich das CSS Style Sheet ändere, dann verändern sich zwar die Farben, Header-Bild usw wieder, aber die Navigationsbuttons "Login", "Registrieren" usw fehlen komplett.

Parallel dazu im Testforum (http://alexotesto.forumieren.com/) hab ich dieselbe Änderung vorgenommen, also das ursprüngliche nicht-Weihnachten CSS Style Sheet abgeändert, und da funktioniert es problemlos, d.h. die Navigationsbilder oben werden mit angezeigt.

Leider funktioniert es auch nicht, das Forenthema einfach zurück zu stellen so wie es z.B. am 24.10. (also vor dem Weihnachtswechsel....) mal ausgesehen hat, denn auch dann fehlen mir die Navigationsbuttons, die über das CSS Style Sheet festgelegt wurden. Um nicht zu sagen mein komplettes CSS Style Sheet ist leer. Wenn ich (nachdem ein paar Änderungen ja nun am 02.01. nicht funktioniert hatten), das Thema wieder so herstelle, dass es die Variante vom 31.12. anzeigt, dann ist das CSS Style Sheet zwar immer noch leer, aber es zeigt mir dennoch die weihnachtlichen Navigationsbuttons an. Trag ich dann den alten CSS Code wieder ein, verschwindet mir das ganze Navigationszeilen-Gedöns wieder.

Im Testforum funktionierts problemlos. Ich steig nicht, was im Testforum anders ist als im 'richtigen' Forum.

Könnt ihr mir einen Tipp geben? Sonst geh ich jetzt einfach mal davon aus, dass bei mir ganzjährig Weihnachten sein wird. *g*

Vielen Dank vorab!
Nina

von LouiXIV Mi 2 Jan 2013 - 18:20

Hi Nina,

auch wenn es vielleicht zuerst komisch klingt, aber setz bitte die Bild-URLs in Anführungszeichen. Also wie folgt:

#i_icon_mini_login {
background-image: url("http://www.alex-o-loughlin.de/forum/login12.jpg");
height: 100px;
width: 120px;
background-repeat: no-repeat;
}

Ausserdem solltest du nach dem Einsetzen der neuen Grafiken mal deinen Browser-Cache löschen, damit die Grafiken neu geladen werden.

EDIT:
Ich sehe grade, du baust grade den Style um.
Jetzt hast du übrigens 2 Anführungszeichen drin:

Code:: #i_icon_mini_index { background-image: url("“http://www.alex-o-loughlin.de/forum/home12.gif”"); height: 100px; width: 156px; }

Kann es sein, dass du den Text mit einem Schreibprogramm wie Word editierts? Weil wie du siehst werden die falschen Anführungszeichen verwendet. Wenn du den Text vorher mit einem Programm bearbeiten willst, dann nimm den Standard-Editor, der kennt diese Sonderzeichen nicht ...
Es müssen die "graden" Anführungszeichen sein.

von NobodyKnowsNina Mi 2 Jan 2013 - 18:38

Lass dich knutschen LouiXIV! Ein dreifaches Halleluja darauf, dass die Lösung so einfach war - alles funktioniert. Vielen lieben Dank! Freunde

PS: Jepp, bin gerade am Ändern und hatte die Vorlage leider im Word, daher musst ich die " im Sheet nochmal neu setzen Wink

von LouiXIV Mi 2 Jan 2013 - 18:39

Dann ist ja gut Wink

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

Probleme bei Navigationsteiländerung im CSS Style Sheet

Probleme bei Navigationsteiländerung im CSS Style Sheet

Re: Probleme bei Navigationsteiländerung im CSS Style Sheet

Re: Probleme bei Navigationsteiländerung im CSS Style Sheet

Re: Probleme bei Navigationsteiländerung im CSS Style Sheet