Site Adapté A Chaque Résolution

Résolu/Fermé
seb60 Messages postés 21 Date d'inscription mercredi 21 novembre 2012 Statut Membre Dernière intervention 8 mai 2013 - 27 avril 2013 à 16:07
seb60 Messages postés 21 Date d'inscription mercredi 21 novembre 2012 Statut Membre Dernière intervention 8 mai 2013 - 27 avril 2013 à 16:12
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 mardi 26 mars 2013 Statut Membre Dernière intervention 24 octobre 2013 36
27 avril 2013 à 16:10
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 mercredi 21 novembre 2012 Statut Membre Dernière intervention 8 mai 2013
27 avril 2013 à 16:12
Merci Beaucoup :)
0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
Modifié par telliak le 27/04/2013 à 16:13
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