Site Adapté A Chaque Résolution

Résolu
seb60 Messages postés 21 Date d'inscription   Statut Membre Dernière intervention   -  
seb60 Messages postés 21 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'aimerai faire un site adapté a chaque résolution voici mon code css :

html,body {
		margin: 0px;
			height: 100%;
			width: 100%;
		

background-image: url(Images/Arriere-Plan.png) ;
background-position:center;
background-size:auto;
background-attachment:fixed;
}




h1 {
font-family:verdana, sans-serif;
font-size:100%;
color:green;
background-color:transparent;
text-align:left;
}

h2 {
font-family:verdana, sans-serif;
font-size:100%;
color:maroon;
background-color:transparent;
text-align:left;
}

h3 {
font-family:verdana, sans-serif;
font-size:100%;
color:blue;
background-color:transparent;
text-align:left;
}

p {
font-family:verdana, sans-serif;
font-size:100%;
color:grey;
background-color:transparent;
text-align:left;
margin-left:0;
margin-right:0;
}

li {
font-family:verdana, sans-serif;
font-size:100%;
color:red;
background-color:transparent;
text-align:left;
margin-left:0;
margin-right:0;
}

a:link {
font-family:verdana, sans-serif;
font-size:100%;
color:yellow;
background-color:transparent;
text-decoration:underline;
}

a:visited {
font-family:verdana, sans-serif;
font-size:100%;
color:#ffa500;
background-color:transparent;
text-decoration:underline;
}

a:hover {
font-family:verdana, sans-serif;
font-size:100%;
color:#FFFFF0;
background-color:transparent;
text-decoration:underline;
}

a:active, a:focus {
font-family:verdana, sans-serif; font-size:100%; color:magenta; background-color:transparent; text-decoration:underline; }

table {
border-color:navy;
border-style:solid;
border-width:1px;
}

td {
font-family:verdana, sans-serif;
font-size:100%;
color:#20b2aa;
text-align:left;
background-color:transparent;
border-color:#ffd700;
border-style:solid;
border-width:1px;
}


#block {
	min-height: 4.7em;
	background-color:#FFFFFF0;
	width: 90px;
	position: absolute;
	left:1279px;
    top:605px;
	border-radius:10px;
}






A voir également:

2 réponses

trusttelecom Messages postés 260 Date d'inscription   Statut Membre Dernière intervention   36
 
Bonjour,

Ce que tu recherches s'appelle le responsive design.
Fais une petite recherche sur Google tu devrais trouver ce que tu cherches.

A+
1
seb60 Messages postés 21 Date d'inscription   Statut Membre Dernière intervention  
 
Merci Beaucoup :)
0
telliak Messages postés 3668 Date d'inscription   Statut Membre Dernière intervention   882
 
Et la question est... ?
Un peu de lecture en attendant un signe de courtoisie https://forums.commentcamarche.net/forum/affich-26526316-je-veux-que-mon-site-s-adapte-a-tous-les-resolution-d-ecran
0