GutenAbend,
Ich habe es jetzt geschafft, dass ich in 4 Browsern 3 unterschiedliche Darstellungen erhalte. Im Firefox erhalte ich die richtige Darstellung; IE7, Opera und Safari zeigen die Formatierung einfach nicht an.
Ich rufe das CSS so auf:
Die Formatierung von .feed ul wird nicht übernommen. Was mache ich falsch?
Ich habe es jetzt geschafft, dass ich in 4 Browsern 3 unterschiedliche Darstellungen erhalte. Im Firefox erhalte ich die richtige Darstellung; IE7, Opera und Safari zeigen die Formatierung einfach nicht an.
HTML:
/* ----------------------------- Feeds ------------------------------ */
.feed {
width:368px;
margin:20px 0px 10px 10px;
padding:0px;
border:1px solid #993300;
font-size:80%;
}
.feedheader {
margin:0px;
font-weight: bold;
background-color:#660000;
text-align:center;
padding:3px;
}
.rss {
float:left;
padding:4px 3px 2px 3px;
}
.feedtitle {
padding:0px;
margin:6px;
text-align:justify;
font-weight:bold;
}
.feedtext {
padding:0px;
margin:6px;
text-align:justify;
}
.feed ul {
margin:0px;
padding:0px;
list-style-type:none;
background-color:#660000;
}
.feed ul li {
margin:0px;
padding:0px 0px 0px 5px;
position:relative;
}
.feed ul li:hover {
color:#FF0000;
}
.feed ul li span {
font-weight:bold;
padding:0px 0px 0px 20px;
background-image:url("../pictures_root/RSS.png");
background-repeat:no-repeat;
background-position:0px 2px;
}
.feed ul li a {
color:#FFCC00;
text-decoration:none;
padding:0px 0px 0px 20px;
font-weight:bold;
}
.feed ul li a:hover {
color:#FF0000;
}
.feed ul li a:active, .feed ul li a:focus {
color:#FFCC00;
}
Ich rufe das CSS so auf:
HTML:
<div class="feed">
<ul>
<li><a href="#" onclick="feedSwitch(0)">Feed1</a></li>
<li><span>Feed2 selected</span></li>
<li><a href="#" onclick="feedSwitch(2)">Feed3</a></li>
<li><a href="#" onclick="feedSwitch(3)">Feed4</a></li>
<li><a href="#" onclick="feedSwitch(4)">Feed5</a></li>
</ul>
</div>