• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Icons nebeneinander und verlinken

TailorDesigns

Neues Mitglied
Hallo Leute!

Ich hätte wieder eine kleine Frage und zwar wie bekomme ich 5 icons nebeneinander in der mitte mit einem hyperlink?

greetz
 
Funktioniert nicht recht , ich habe irgendeinen wirrwar drinnen .

HTML:
HTML:
<!doctype html>

<html lang="en">

<head>

    <meta charset="utf-8" />                                                       <!-- Codierung -->
    <title>Enterpage V1.0</title>                                                   <!-- Titel-->
                                                                                   <!-- Verlinkungen-->
        <link rel="stylesheet" href= "stylesheet.css" >
        <link rel="animation" href= "jscript.js" >
        <link rel="icon" href="icons/favicon.png" type="image/png" />               <!-- Favicon Definieren-->
       
           
   
</head>

<body id="body" >                    <!-- Hintergrund-->

<header id="head">
       
        <center><img src="images/logo.png" id="logo"></a></center>
       
       
</header>

   
</body>

<content id= "enter">

        <center><a href="http://sa-mp.de"><img src="icons/forum.png"  id="forum"></a></center>
        <center><a href="http://deingame.de"><img src="icons/game.png"    id="game"></a></center>
        <center><a href="http://deinteamspeak.de"><img src="icons/teamspeak.png"    id="ts"></a></center>
        <center><a href="http://deincontrolpanel.de"><img src="icons/controlpanel.png"    id="cp"></a></center>

</content>

<footer id="footer">


</footer>



</html>



Css:

Code:
tml, body {
    background:url(images/Bild1.png);
   
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#enter{
display:inline-block
}


#logo{
width: 50%;
height: 50%;
}


#forum {
width: 12%;
height: 12%;
}


#game{
width: 12%;
height: 12%;
}

#ts{
width: 12%;
height: 12%;
}

#cp{
width: 12%;
height: 12%;
}
 
Dein HTML-Code ist ziemlich kaputt. Da ist ein <a> zuviel im header, und <center> ist nicht zulässig (und an der Stelle auch falsch angebracht). Zudem ist dein CSS-Code fehlerhaft (tml statt html) und du hast nicht auf das gehört was dir zuletzt bzgl. display: inline-block geraten wurde.
 
Dein HTML-Code ist ziemlich kaputt. Da ist ein <a> zuviel im header, und <center> ist nicht zulässig (und an der Stelle auch falsch angebracht). Zudem ist dein CSS-Code fehlerhaft (tml statt html) und du hast nicht auf das gehört was dir zuletzt bzgl. display: inline-block geraten wurde.

Vielen Dank druch die ganze löschung der center , steht das nun alles nebeneinander.

19228875jj.jpg



Zu deinem rat , ich habe doch dies geschrieben
Code:
#enter{
display:inline-block
}

Passt das denn nicht? Ich bin gerade ziemlich verwirrt :D

Vielen Dank für deine Hilfe !
 
Zurück
Oben