Mise en page HTML
Résolu/Fermé
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
-
8 juil. 2014 à 09:11
deadangel04 Messages postés 112 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 2 août 2015 - 8 juil. 2014 à 11:15
deadangel04 Messages postés 112 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 2 août 2015 - 8 juil. 2014 à 11:15
A voir également:
- Mise en page HTML
- Supprimer une page word - Guide
- Mise en forme conditionnelle excel - Guide
- Page d'accueil iphone - Guide
- Traduire une page web - Guide
- Editeur html - Télécharger - HTML
11 réponses
Pierrecastor
Messages postés
41466
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
5 avril 2024
4 129
8 juil. 2014 à 09:12
8 juil. 2014 à 09:12
Salut
Je ne comprend pas vraiment.
Tu à ton site en ligne pour montrer ? Ou une image montrant ce que tu veut faire ? Comment est crée ton site ?
Je ne comprend pas vraiment.
Tu à ton site en ligne pour montrer ? Ou une image montrant ce que tu veut faire ? Comment est crée ton site ?
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 09:32
8 juil. 2014 à 09:32
D'accord alors ca c'est mon css:
ca donne mon fond d'ecran et je souhaiterai placer une image(fond blanc) devant mon arriere plan mais qui resterai derrière mon texte
body {font: normal .8em/1.5em Arial, Helvetica, sans-serif;background:url(http://ekladata.com/De-4l894o1LJ0fZv8QCqg4U9VYI@1597x1597.jpg);width: 900px;margin: 100px auto;color: #666;} a {color: #333;}
ca donne mon fond d'ecran et je souhaiterai placer une image(fond blanc) devant mon arriere plan mais qui resterai derrière mon texte
Pierrecastor
Messages postés
41466
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
5 avril 2024
4 129
8 juil. 2014 à 09:34
8 juil. 2014 à 09:34
Tu n'a pas répondu à ma dernière question. Comment est crée ton site ?
Et pourrait tu faire une image rapide sous paint pour montrer ce que tu veut obtenir ?
Et pourrait tu faire une image rapide sous paint pour montrer ce que tu veut obtenir ?
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
Modifié par deadangel04 le 8/07/2014 à 09:43
Modifié par deadangel04 le 8/07/2014 à 09:43
voila le debut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>King-bracelet</title>
<link href="css/style2.css" rel="stylesheet" type="text/css" />
<img src="images/new.png" alt="Nouveau !" /
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="WOW Slider, carousel jquery, wordpress slider" />
<meta name="description" content="WOWSlider created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow" />
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
</head>
<body>
ICI IL Y A MON MENU
ET MON DIAPORAMA
</body>
</html>
Pierrecastor
Messages postés
41466
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
5 avril 2024
4 129
Modifié par Pierrecastor le 8/07/2014 à 09:46
Modifié par Pierrecastor le 8/07/2014 à 09:46
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 09:47
8 juil. 2014 à 09:47
Voila je voudrai donc un arriere plan comme dans la 2eme
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 09:48
8 juil. 2014 à 09:48
j'espere que tu as compris parcqu'on vois rien la^^
Pierrecastor
Messages postés
41466
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
5 avril 2024
4 129
8 juil. 2014 à 09:49
8 juil. 2014 à 09:49
Tu n'a pas répondu à ma dernière question. Comment est crée ton site ?
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 09:50
8 juil. 2014 à 09:50
Je ne comprend pas ta question tu veux des codes ?
Pierrecastor
Messages postés
41466
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
5 avril 2024
4 129
8 juil. 2014 à 09:52
8 juil. 2014 à 09:52
Tu crée ton site à la main sur un éditeur de texte ? Ou passe tu par un autre type de logiciel ? Ou par un moteur de site en ligne ?
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:16
8 juil. 2014 à 10:16
je le créé a la main, avec notepad++
resecu
Messages postés
18
Date d'inscription
mardi 8 juillet 2014
Statut
Membre
Dernière intervention
1 septembre 2014
4
8 juil. 2014 à 09:51
8 juil. 2014 à 09:51
Tu créé une DIV sur laquelle tu applique ton fond blanc.
Exemple html:
Exemple css :
Exemple html:
<div class="carre_blanc">
</div>
Exemple css :
.carre_blanc{
background-color:white; /** ou #FFFFFF **/
width:50px; /** tu définis la largeur de ton carré blanc **/
height:50px; /** tu définis la hauteur de ton carré blanc **/
}
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 09:51
8 juil. 2014 à 09:51
ah! merci je vais essayer ca tout de suite
resecu
Messages postés
18
Date d'inscription
mardi 8 juillet 2014
Statut
Membre
Dernière intervention
1 septembre 2014
4
8 juil. 2014 à 09:57
8 juil. 2014 à 09:57
N'oublies pas les balise de style si tu travail directement sur ta page HTML :
<style type='text/css'>
</style>
<style type='text/css'>
</style>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:05
8 juil. 2014 à 10:05
merci dem'avoir repondu mais malheureusement ca fait un carré blanc mais il ne se metspas en fond, il décale tout :/
resecu
Messages postés
18
Date d'inscription
mardi 8 juillet 2014
Statut
Membre
Dernière intervention
1 septembre 2014
4
8 juil. 2014 à 10:09
8 juil. 2014 à 10:09
Peux-tu me donner ton code et me dire exactement ou tu veux le mettre ton carré blanc ?
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:14
8 juil. 2014 à 10:14
je l'ai envoyer dans tes messages
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:15
8 juil. 2014 à 10:15
mon carré blanc je veux qu'il parte du menu et qu'il descende jusqu'en bas
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:18
8 juil. 2014 à 10:18
euh dans le code il manque des script et 2 css mais yen a beaucoup
resecu
Messages postés
18
Date d'inscription
mardi 8 juillet 2014
Statut
Membre
Dernière intervention
1 septembre 2014
4
Modifié par resecu le 8/07/2014 à 10:25
Modifié par resecu le 8/07/2014 à 10:25
Après ton menu et en restant dans la balise body tu encadres ton contenu avec :
Dans ton fichier css tu insère :
Je n'ai pas vérifier la largeur de ton site mais s'il fait 960px ou 1000px tu peux le modifier dans ton css.
La hauteur se réglera automatiquement en fonction de ton contenu, mais tu peux aussi la définir directement en intégrant un height dans ton css.
<div class="carre_blanc"><!--Début du carré blanc-->
</div><!--Fin du carré blanc -->
Dans ton fichier css tu insère :
/**** CARRE BLANC*****/
.carre_blanc{
margin:0 auto;
width:900px;
background-color:white;
}
Je n'ai pas vérifier la largeur de ton site mais s'il fait 960px ou 1000px tu peux le modifier dans ton css.
La hauteur se réglera automatiquement en fonction de ton contenu, mais tu peux aussi la définir directement en intégrant un height dans ton css.
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:26
8 juil. 2014 à 10:26
le carré est bien sur la page mais je ne peux pas écrire par dessus le carré
resecu
Messages postés
18
Date d'inscription
mardi 8 juillet 2014
Statut
Membre
Dernière intervention
1 septembre 2014
4
8 juil. 2014 à 10:30
8 juil. 2014 à 10:30
Tu encadre le contenu avec ces balises, c'est a dire que tout ce que tu mettras dedans sera au premier plan et dans le carré.
Je pourrais te donner le code tout fait mais ça ne serait pas te rendre service, je pense avoir été clair...
Je pourrais te donner le code tout fait mais ça ne serait pas te rendre service, je pense avoir été clair...
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:31
8 juil. 2014 à 10:31
désolé d'avoir été lent a comprendre...^^
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:30
8 juil. 2014 à 10:30
ha!merci ca y est ca marche une derniere chose tu sais comment enlever le saut de lignes avant la balise <div>?
resecu
Messages postés
18
Date d'inscription
mardi 8 juillet 2014
Statut
Membre
Dernière intervention
1 septembre 2014
4
8 juil. 2014 à 10:32
8 juil. 2014 à 10:32
tu parles du </br> ? si c'est le cas tu as juste à le supprimer
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 10:34
8 juil. 2014 à 10:34
Merci de m'avoir aider j'ai commencer il y a une semaine alors je suis un peu long^^ bonne journée et encore merci!
resecu
Messages postés
18
Date d'inscription
mardi 8 juillet 2014
Statut
Membre
Dernière intervention
1 septembre 2014
4
8 juil. 2014 à 10:42
8 juil. 2014 à 10:42
pour que le carré blanc colle ton menu, applique un petit padding et réduit ta largeur en fonction du padding :
/**** CARRE BLANC*****/
.carre_blanc{
margin:0 auto;
width:860px;
background-color:white;
padding:20px;
}
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 11:07
8 juil. 2014 à 11:07
c'est bon j'ai arrondi les bordde 30px comme ca
/**** CARRE BLANC*****/
.carre_blanc{
margin:0 auto;
width:900px;
background-color:white;
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
}
resecu
Messages postés
18
Date d'inscription
mardi 8 juillet 2014
Statut
Membre
Dernière intervention
1 septembre 2014
4
8 juil. 2014 à 11:11
8 juil. 2014 à 11:11
Allège ton code :
-moz-border-radius: 30px 30px 9px 9px;
-webkit-border-radius: 30px 30px 9px 9px;
deadangel04
Messages postés
112
Date d'inscription
vendredi 28 mars 2014
Statut
Membre
Dernière intervention
2 août 2015
34
8 juil. 2014 à 11:15
8 juil. 2014 à 11:15
merci :D