mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 16:47 Benutzername: Passwort: Auto-Login

Thema: HTML/CSS UL mit IMG mittig? vom 04.07.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> HTML/CSS UL mit IMG mittig?
Autor Nachricht
Benutzer 86144
Account gelöscht Threadersteller


Ort: -

Verfasst Sa 04.07.2009 15:32
Titel

HTML/CSS UL mit IMG mittig?

Antworten mit Zitat Zum Seitenanfang

Hallo,
habe ein kleines Problem mit meiner UL Liste. Ich bekomme mit den Bildern nicht alles mittig.
Mene HTML:

Code:
<ul>
        <li><a href="#" class="left1"><img src="images/email.png" width="16" height="16" />test</a></li>
          <li><a href="#" class="left2" ><img src="images/go.png" width="15" height="16" />test</a></li>
          <li><a href="#" class="left3" ><img src="images/flag_16.png" width="16" height="16" />test</a></li>
          <li><a href="#"  class="left4"><img src="images/photo.png" width="16" height="16" />test</a></li>
          <li><a href="#"  class="left5"><img src="images/report.png" width="16" height="16" />test</a></li>
          <li><a href="#"  class="left6"><img src="images/warning_16.png" width="16" height="16" />test</a></li>
      </ul>


Und das ist meine CSS:

Code:

body {
   font-size:11px;
   color:#555555;
   background-color: #EBEBEB;
   font-family: Tahoma;
}
#left ul {
   list-style: none;
   margin-top: 10px;
   margin-bottom: 20px;
   width: 165px;
}
#left  li {
   padding: 0px;
   margin: 0px;
}
#left li a {
   display: block;
   color: #3C718F;
   text-decoration: none;
   padding: 3px;
   width: 162px;
   border-bottom: 1px solid #dfdfdf;
}
#left img {
   border: none;
   margin-right: 7px;
}


Was mache ich falsch?
 
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 04.07.2009 16:34
Titel

Antworten mit Zitat Zum Seitenanfang

Was ist denn daran falsch oder wird nicht richtig dargestellt? Glaskugel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Benutzer 86144
Account gelöscht Threadersteller


Ort: -

Verfasst Sa 04.07.2009 16:46
Titel

Antworten mit Zitat Zum Seitenanfang

Der Text wird nicht mittig angezeigt.
 
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 04.07.2009 16:51
Titel

Antworten mit Zitat Zum Seitenanfang

Puh, du machst es einem ja direkt leicht...

Code:
text-align: center;


Sonst zeig mal einen Screenshot mit Fehlerbeschreibung oder ein Onlinebeispiel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst So 05.07.2009 09:53
Titel

Antworten mit Zitat Zum Seitenanfang

wenn du "horizontal zentriert" meinst, könntest du das bild auch als hintergrundbild anlegen und richtig positionieren. ansonste hilft im css bei der entsprechenden img regel ein vertical-align. aber so wirklich glücklich werde ich damit nie, deswegen positioniere ich solche grafiken immer als hintergrundbild.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [html] Problem mit mittig ausrichten
HTML Waum ist mein Content nicht mittig ?
css > spalten > mittig ...
div-box mittig ausrichten
mittig positionieren ...
in CSS mittig ausrichten
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.