Hi,
ich habe eine
HTML-Datei, welche ich mit einer CSS-Datei ausstatten muss. Wie es auch Sinn der Sache ist, soll die
HTML-Datei natürlich nicht verändert werden, sondern nur die CSS-Datei.
Ich möchte nun im Titel der Webseite anstatt eines Textes, ein kleines Icon und ein Text darstellen lassen. Ich habe es mit folgendem Code probiert, aber das Icon wird immer abgeschnitten und auch vom Text überlagert:
Code:
#header #title headerTitle
{
padding: 5px 0;
margin: 0px;
color: #fff;
border: none;
line-height: 2em;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
}
#header headerGraphic
{
background-image :
url('/Graphics/Title.ico');
}
Der
HTML-Code sieht wiefolgt aus:
Code:
<div id="title">
<headerGraphic />
<headerTitle>Webseitentitel</headerTitle>
</div>
Wie kann ich es hinbekommen, dass ich ein Icon und einen Text nebeneinander sehe?