Text an Bild ausrichten - nur wie?
LordLord
- css
Tag zusammen,
wie kann ich den in CSS den Text an einem Bild ausrichten innerhalb einer Navigation. Bzw. wie bekomme ich den Pfeil auf die Höhe des Textes?
Es sieht folgendermaßen bisher aus:
[url=http://www.abload.de/image.php?img=bildschirmfoto2012-04x6br8.png][img]http://www.abload.de/img/bildschirmfoto2012-04x6br8.png[/img][/url]
In der CSS folgendermaßen definiert (in der HTML ist der Text als class="subnavigationcontainer_spalte" definiert)
/* @group Subnavigation */
.subnavigationcontainer{
width:9800px;
height:322px;
background-color:#ffffff;
border-radius:40px 40px 40px 40px;
color:#000000;
font-size:16px;
position: absolute;
z-index: 1000;
top: 225px;
left: 0px;
display: none;
}
.subnavigationcontainer_spalte ul li a {
color: #575958;
text-decoration: none;
font-weight: bold;
line-height:27px;
}
.subnavigationcontainer_spalte ul ul li a {
color: #575958;
text-decoration: none;
font-weight: normal;
}
.subnavigationcontainer_spalte{
width: 240px;
float:left;
margin: 40px 0px 0px 50px;
}
.subnavigationcontainer_spalte ul{
list-style-type: none;
padding: 0px;
font-weight:bold;
line-height:25px;
margin-bottom: 5px;
}
.subnavigationcontainer_spalte li{
background-image: url(../navi/subnavi.png);
background-repeat: no-repeat;
padding-left: 22px;
font-weight: bold;
}
.subnavigationcontainer_spalte ul ul{
list-style-type: none;
margin-right:30px;
padding-left:30px;
}
.subnavigationcontainer_spalte ul ul li{
font-weight: normal;}
/* @end */
@@LordLord:
nuqneH
wie bekomme ich den Pfeil auf die Höhe des Textes?
Mit 'background-position'?
Es sieht folgendermaßen bisher aus:
Online-Beispiel, bitte.
[url=http://www.abload.de/image.php?img=bildschirmfoto2012-04x6br8.png][img]http://www.abload.de/img/bildschirmfoto2012-04x6br8.png[/img][/url]
Wie man Verweise einbindet, wie man Bilder einbindet.
Qapla'
Sorry das ganze ist noch nicht Online, von daher kann ich keinen Link reinstellen.
Der Tipp mit den Background-position hat aber schon ausgereicht, hat geklappt vielen lieben Dank!