2016-09-07 4 views
1

Ich habe einige Menüs mit Titel, und neben ihnen Symbole angebracht, wird der folgende Code korrekt funktioniert:Wie kann ich ein Symbol in der Nähe von H1-Tag anhängen?

<div class="contentcont"> 
    <div class="content"> 
     <div class="navbar"> 
      <a class="navbar" href="index.htm"> 
      <img src="navhome.png" alt="Home" height="12" width="14"></a> 
      <a class="navbar" href="index.htm">Login</a> 
      <div class="clear">&nbsp;</div> 
     </div> 

wenn das gleiche Symbol hinzuzufügen versuchen, neben einer anderen Klasse über ihm das Symbol angezeigt wird (wenn geschrieben oben) oder unter (unter, wenn geschrieben), aber nicht auf der gleichen Linie, ich habe versucht, zu ändern:

<div class="infoboxheader infoboxheaderuser"> 
     <img src="navhome.png" alt="Home" height="12" width="14"></a> 
     <h1 class="infobox">Login to Real Estate</h1> 
    </div> 
    <div class="infoboxbody"> 

css Informationen von infobox:

h1.infobox{ 
     color: #5d5d5d; 
     font-size: 13px; 
     font-weight: bolder; 
     padding-left: 10px; 
     margin: 0px 0px 0px 0px; 
     text-transform: uppercase; 
} 

Beachten Sie, das ist eine andere Klasse, was mache ich falsch?

+0

wo ist dein css? create a jsfiddle - https://jsfiddle.net/ – ASR

+0

Hier ist das CSS der Klassen-Infobox h1.infobox {color: # 5d5d5d; Schriftgröße: 13px; font-weight: bolder; padding-left: 10px; Rand: 0px 0px 0px 0px; Text-Transformation: Großbuchstaben;} –

+0

Stattdessen zum Kommentar hinzufügen Bearbeiten Sie Ihre Frage mit CSS. Bitte fügen Sie auch das CSS anderer verwandter Elemente ein. Versuchen Sie es als Hintergrundbild für 'h1' oder – ASR

Antwort

Verwandte Themen