+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Problem mit CSS (/thread-17291.html)
Seiten: Seiten:
1
2
Problem mit CSS - Rotstift - 10.11.2010
Guten Tag,
Ich habe ein Problem, an welchem ich schon tagelang versuche eine Lösung zu finden.
Ich habe eine Slideshow mit Javascript, CSS und etwas html im Header eingefügt. Diese besitzt ein Menü, mit dem man die Bilderanzeige steuern kann. Leider sind davon auch das Standartmenü und einige andere Elemente des MyBB betroffen.
Eine zweite extern eingebundene CSS-Datei definiert das #menu und li und ul Elemente neu, sodass davon auch, wie gesagt das Menü und die Bewertungsfunktion falsch dargestellt werden.
Ich habe schon alles erdenkliche Versucht. VOn umbenennen der ID's bis zum neudefinieren der Stylesheets. Hat bisher allerdings nicht funktioniert.
Habt ihr eine Lösung?
Hier mal ein Bild:
Das ist die Extern eingebundene CSS. Sie wird an jedes Template im Header angehangen:
Code:
/* Gallery styles */
#gallery{
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
/* CSS3 Rounded Corners */
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
background:url(js/panel.jpg) repeat-x bottom center #ffffff;
/* The width of the gallery */
width:900px;
overflow:hidden;
}
#slides{
/* This is the slide area */
height:150px;
/* jQuery changes the width later on to the sum of the widths of all the slides. */
width:900px;
overflow:hidden;
}
.slide{
float:left;
}
#menu{
/* This is the container for the thumbnails */
height:45px;
text-align:center;
}
ul{
margin:0px;
padding:0px;
}
li{
/* Every thumbnail is a li element */
width:60px;
display:inline-block;
list-style:none;
height:45px;
overflow:hidden;
}
li.inact:hover{
/* The inactive state, highlighted on mouse over */
background:url(js/pic_bg.png) repeat;
}
li.act,li.act:hover{
/* The active state of the thumb */
background:url(js/active_bg.png) no-repeat;
}
li.act a{
cursor:default;
}
.fbar{
/* The left-most vertical bar, next to the first thumbnail */
width:2px;
background:url(js/divider.png) no-repeat right;
text-align: center;
}
li a{
display:block;
background:url(js/divider.png) no-repeat right;
height:35px;
padding-top:10px;
}
a img{
border:none;
}
/* The styles below are only necessary for the demo page */
h1{
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size:36px;
font-weight:normal;
margin-bottom:15px;
}
h2{
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
position:absolute;
right:0;
text-transform:uppercase;
top:15px;
}
#main{
/* The main container */
margin:15px auto;
text-align:center;
width:900px;
position:relative;
}
a, a:visited {
color:#0196e3;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:underline;
}
p{
padding:10px;
text-align:center;
}RE: Problem mit CSS - StefanT - 10.11.2010
Dann benenne #menu einmal um.
RE: Problem mit CSS - Rotstift - 10.11.2010
Habe ich ja schon versucht. Geht aber nicht. Ich habe es gerade umbenannt in #menux.
Keine Änderung, außer, dass das Menü der Slideshow linksbündig wird
RE: Problem mit CSS - Jockl - 10.11.2010
Hast Du die Umbenennung sowohl im CSS als auch im zugehörigen HTML-Code vorgenommen?
RE: Problem mit CSS - Rotstift - 10.11.2010
Ja habe ich
RE: Problem mit CSS - NetHunter - 10.11.2010
Der Validator zeigt das deine Seite mehr als 400 Fehler hat. Da solltest du erstmal aufräumen. Außerdem hört der Ladevorgang irgendwie niemals auf. Da liegt einiges im argen.
RE: Problem mit CSS - krafdi - 10.11.2010
Du bist schon so lange dabei und bekommst es nicht mit den Regeln ( Punkt 5) Hin!?
RE: Problem mit CSS - Rotstift - 10.11.2010
Ich persönlich finde nur 6 ERRORS:
Validation Output: 6 Errors
RE: Problem mit CSS - NetHunter - 10.11.2010
(10.11.2010, 22:18)Rotstift schrieb: Ich persönlich finde nur 6 ERRORS:
Validation Output: 6 Errors
Hast Recht. Jetzt sind es nur noch 6. Macht jetzt auch einen guten optischen Eindruck. Laden ist auch ok.
RE: Problem mit CSS - Falkenauge Mihawk - 10.11.2010
Bei mir sinds 9.