Frage zum Wiki-Artikel ‚CSS/Templates‘

[Luca Thiede]

Hallo,

Ich habe wiedermal eine Frage zu den CSS templates.

Momentan probier ich bei der zweiten Vorlage, die Social Media Links unten auf der Seite der vierten Vorlage zu übertragen. Nur ist das Problem dass die Bilder (facebook, twitter und YouTube) wenn ich sie durch selbstgemachte Symbole austauschen, verschwinden.

Folgendes habe ich aus dem vierten Beispiel kopiert und in das zweite eingefügt:

(Ich arbeite in Brackets)

                body > footer span {
			display: block;
		}
		
		#social li {
			margin: 0 20px 0 0;
			display: inline-block;
		}
		
		#twitter {
			background: src=("images/Twitter.png");
			float: left;
			width: 30px;
			height: 30px;  
		}
		
		#instagram {
			background: src=("images/Instagram.png");
			float: left;
			width: 30px;
			height: 30px;
		}
        
                #yt {
			background: src=("images/YouTube.png");
			float: left;
			width: 30px;
			height: 21px;
		}
--------------------------------------------------------------------------------------------------
    
<footer>
		<footer>
		<ul id="social">
			<li>
				<a id="twitter" href="#"></a>
			</li>
			<li>
				<a id="instagram" href="#"></a>
			</li>
            <li>
				<a id="yt" href="#"></a>
			</li>
		</ul>

	</footer>

Bilder sind bereits neu eingefügt.

Ich bedanke mich im voraus für eine Antwort.

Grüße Luca.