comment deplacer un element ??? par jeromecoco - page 1

Bonjour voici mon site : j'aimerais mettre le petit logo laptop a coter de accueil mais je sais pas comment faire :/ voici mon code :

<!DOCTYPE html>
<html>
    <head>
    	<link rel="stylesheet" href="style.css" />
        <meta charset="utf-8" />
        <title>G_PROG</title>
    </head>
    

    <body>
   		<header>         
        	<a href="index.html"><img src="images/logo.png" id="logo"> </a>
        	<a href="silver.html"><img src="images/silver.png" id="silverr"> </a>
        	<a href="gold.html"><img src="images/gold.png" id="goldd"> </a>
        	<a href="platine.html"><img src="images/platine.png" id="platinee"> </a>
        	<a href="connexion.html"><img src="images/connexion.png" id="conn"> </a>
        	<a href="inscription.html"><img src="images/inscription.png" id="inscrr"> </a>
    	</header>

    		<section>
    			<center>
    				<h1 class="boda"><center>Accueil</center></h1>
    				<img src="images/laptop.png" id="redi">
    			</center>
    		</section>

    	    <footer>
    			<a href="contacte.html"><img src="images/contacte.png" id="contact"/> </a>
			</footer>
    </body>



</html>

header
{
    background-image: url("images/fond.jpg");       
    left: 0;
    right: 0;
    background-size: 120%;
}

#logo
{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#logo:hover
{
	background:transparent;
    height: 100px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#contact
{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#contact:hover
{
	background:transparent;
    height: 100px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

footer
{
	margin-left: 200px;
	margin-bottom: 200px;
  padding: 600px;

}

#silverr:hover
{
	background:transparent;
    height: 100px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#silverr
{
	margin-left: 75px;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#goldd
{
	margin-left: 75px;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#goldd:hover
{
	background:transparent;
    height: 100px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#platinee
{
	
    margin-left: 75px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#platinee:hover
{
	background:transparent;
    height: 100px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#conn
{
	margin-left: 75px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#conn:hover
{
	background:transparent;
    height: 100px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#inscrr
{
	margin-left: 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#inscrr:hover
{
	background:transparent;
    height: 100px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

body
{
	background-image: url("images/background.jpg");
    border-bottom: 1px solid #f1f2f7;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
    background-position: top;
    position: relative;
    margin : 0px;
    background-repeat: no-repeat;
}

section
{
	color: aqua;
	position: center;
}

#redi
{
	width: 50px;
	padding-right: 150px;
}

#boda
{
	position: top;
}

comment deplacer un element ???

comment deplacer un element ???

Supprimer

Modérer

Signaler le message aux modérateurs