mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 04:03 Benutzername: Passwort: Auto-Login

Thema: CSS Problem mit Abstand zwischen Listen-Elementen vom 26.02.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Problem mit Abstand zwischen Listen-Elementen
Autor Nachricht
Aerendil
Threadersteller

Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 26.02.2010 11:11
Titel

CSS Problem mit Abstand zwischen Listen-Elementen

Antworten mit Zitat Zum Seitenanfang

Tag zusammen, ich bin gerade dabei eine Twiiterbox zu bauen und eigentlich funzt das auch
alles so wie ich das will, jedoch bei einem Punkt macht css nicht das, was ich will und ich finde
den Fehler nicht, daher bitte Hilfe.

Also so sieht die Ausgabe im Browser aus (egal welcher)




Was mich halt nervt ist der Abstand nach dem 1., 3. und letzten Eintrag. Beim 2. und 4. ist es richtig...

Hier mal das CSS-Markup:

Code:
<style type="text/css">
<!--
#twitter_div {
   width: 350Px;
   background-image: url('twitterBG.png');
   background-repeat: no-repeat;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #5AA5BC;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   line-height:1.2em;
   margin-top:10px;
   padding-top: 30px;
}

#zwischen_div {
   width: 320Px;
}
 
#twitter_div ul li {
   color: #65757c;
   padding-bottom: 10Px;
   padding-top: 10Px;
   border-bottom-style: dotted;
   border-bottom-width: 1px;
   border-bottom-color: #A1E8F7;
}
 
#twitter_div ul li a {
   text-decoration: none;
   color: #ff5a00;
   visibility:hidden;
}

#twitter_div ul li a:hover {
   text-decoration: underline;
   color: #ff5a00;
}

#twitter_div ul li span {
   visibility: visible;
}

#twitter_div ul li span a {
   color: #D78E42;
   visibility: visible;
}
 
#twitter_div p {
   text-align: right;
}

#twitter_div a {
   text-decoration:none;
   color:#ff5a00;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.9em;
}

#twitter_div a:hover {
   text-decoration:underline;
   color:#ff5a00;
}
-->
</style>


und hier dann der html-Code:

Code:
<div id="twitter_div">
<div id="zwischen_div">
<ul id="twitter_update_list">
<li></li>
</ul>
<p><a href="http://twitter.com/bliblablub" id="twitter-link" style="display:block;text-align:right;">Folgen Sie uns bei Twitter</a></p>
</div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/bliblablub.json?callback=twitterCallback2&amp;count=5"></script>


Also falls jemand ne Idee hat woran das mit den Abständen liegt, wäre ich sehr dankbar! Menno!
  View user's profile Private Nachricht senden
Aerendil
Threadersteller

Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 26.02.2010 12:31
Titel

Antworten mit Zitat Zum Seitenanfang

Hab die Lösung gefunden. Es ist immer das, was man nicht sieht. Hatte ja die Tweet-Zeitangaben über CSS ausgeblendet (12 Hours ago etc.) und die waren dann zwar nicht sichtbar, aber der Platz dafür wurde trotzdem reserviert...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Problem: layout fällt auseinander bei Block Elementen, hilfe
Listen Problem
problem mit listen navigation
Problem mit 2 Listen (nebeneinander) in einem Div
Problem mit Listen-Menü (horizontal)
[css] problem mit firefox und geschachtelten, unsort. listen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.