| Autor |
Nachricht |
Benutzer 86144
Account gelöscht Threadersteller
Ort: -
|
Verfasst Sa 04.07.2009 16:32
Titel HTML/CSS UL mit IMG mittig? |
 |
|
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
Moderator
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 04.07.2009 17:34
Titel
|
 |
|
Was ist denn daran falsch oder wird nicht richtig dargestellt?
|
|
| |
|
 |
Benutzer 86144
Account gelöscht Threadersteller
Ort: -
|
Verfasst Sa 04.07.2009 17:46
Titel
|
 |
|
|
Der Text wird nicht mittig angezeigt.
|
|
| |
|
 |
Smooth-Graphics
Moderator
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 04.07.2009 17:51
Titel
|
 |
|
Puh, du machst es einem ja direkt leicht...
| Code: | | text-align: center; |
Sonst zeig mal einen Screenshot mit Fehlerbeschreibung oder ein Onlinebeispiel
|
|
| |
|
 |
pRiMUS
Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 37
Geschlecht:
|
Verfasst So 05.07.2009 10:53
Titel
|
 |
|
|
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.
|
|
| |
|
 |
| |
|
 |
| Ähnliche Themen |
[html/css] img width und height [solved]
hä? css html hilfe <img> ohne <a> vererbung
[html] Problem mit mittig ausrichten
HTML Waum ist mein Content nicht mittig ?
Corel Draw (11) Newsletter HTML backround img
.img class --> css
|
 |