Demande d'aide en HTML / CSS

Développement, conception de sites web, PHP, (X)HTML, ASP, Ajax, CSS, Javascript, Flash, MySQL, et autres ont leurs entrées dans cette section. On peut aussi parler d'hébergement, de maintenance, de sécurité...

Modérateur: Modérateurs

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 16:42

J'ai fait ce que tu as dit mais j'arrive pas a trouver les code pour regler le haut et les coté :3
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 16 Juil 2012 17:39

Le haut et les côtés ? :hmm:

Si tu as mis ce qui va bien, ça écrit dans le cadre gentiment, le rectangle actuellement noir au centre de l'image qui sert de fond.
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 17:43

Je voudrais que le texte s'ecrive entre les haut et les coté du carrées hors la sa ecrit dedans mes comme j'ai mis une image sa s'ecrit en dessous je voudrais callé l'image dans le coin haut droite du cadre et que le texte s'ecrive a coté ..
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 16 Juil 2012 17:44

Rien compris (désolé), fais un montage en bidouillant une copie d'écran stp, ce sera plus clair, là je ne vois absolument pas où tu veux écrire.
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 17:45

Je les fait page une je veux faire exactement ce que j'ai mis sur le screen
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Hapax » 16 Juil 2012 21:13

Image
Si vous pensez que la technologie peut résoudre vos problèmes de sécurité, alors vous n’avez rien compris aux problèmes ni à la technologie. ( Bruce Schneier )
Avatar de l’utilisateur
Hapax
Modérateur
Modérateur
 
Messages: 11563
Inscription: 16 Juil 2008 09:45

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 21:34

Omg merci c'est sa c'est exactement sa et les autre pages sans la photo comment tu as fait ? :O
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Hapax » 16 Juil 2012 21:39

comment çà,comment j'ai fait ? çà n'est que de la capture...
par contre,le panneau central n'est pas...centré.
Si vous pensez que la technologie peut résoudre vos problèmes de sécurité, alors vous n’avez rien compris aux problèmes ni à la technologie. ( Bruce Schneier )
Avatar de l’utilisateur
Hapax
Modérateur
Modérateur
 
Messages: 11563
Inscription: 16 Juil 2008 09:45

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 21:40

Oui mais tu la capture de ton ordit .. donc tu as les codes je me trompe ?
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Hapax » 16 Juil 2012 21:48

tu te trompes complètement...je fais une capture de ta page et je fais une incrust...pas besoin de code pour çà! de plus c'est une illustration destinée à Falkra qui,lui,est qualifié niveau code...
Si vous pensez que la technologie peut résoudre vos problèmes de sécurité, alors vous n’avez rien compris aux problèmes ni à la technologie. ( Bruce Schneier )
Avatar de l’utilisateur
Hapax
Modérateur
Modérateur
 
Messages: 11563
Inscription: 16 Juil 2008 09:45

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 21:53

j'ai pas comprit tu as en gros fait un montage mais sa moi aussi je peut le faire ^^' moi ce que je voudrais c'est le code pour reproduire le screen mais en code HTML / CSS
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Hapax » 16 Juil 2012 22:09

langage de sourds...je t'ai dit que c'est une illustration à l'attention de Falkra...puisque tu ne l'as pas faite...
Falkra a écrit:Rien compris (désolé), fais un montage en bidouillant une copie d'écran stp, ce sera plus clair, là je ne vois absolument pas où tu veux écrire.
Si vous pensez que la technologie peut résoudre vos problèmes de sécurité, alors vous n’avez rien compris aux problèmes ni à la technologie. ( Bruce Schneier )
Avatar de l’utilisateur
Hapax
Modérateur
Modérateur
 
Messages: 11563
Inscription: 16 Juil 2008 09:45

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 16 Juil 2012 22:13

Mais j'ai posté le code pour ça, la zone DIV est déjà en place, il suffit d'insérer le code entre deux balises DIV et ça se met en place directement, il faut juste placer ça dans le bon fichier HTML.
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 16 Juil 2012 22:18

J'ai pas comprit désolé falkra
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 16 Juil 2012 22:27

Alors il faut éditer ton fichier index.html

Dedans tu ajoutes :
Code: Tout sélectionner
<div id="main">Mon texte </div>


Avant </body>


Et ça doit marcher, tant que ton texte n'est pas en noir, j'ai fait l'essai ça passe.

Avec ce que tu as à mettre à la place de "mon texte".
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 17 Juil 2012 19:28

Il faudrait aussi me donner le code CSS pour le main non ?
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 17 Juil 2012 19:30

Voila mon index
Code: Tout sélectionner
<!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>Coatch de vie</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" media="all" title="CSS" href="style.css" />
</HEAD>
<body>
<div id="conteneur">
<div id="header"></div>
<div id="menu">
  <ul id="onglets">
            <li class="active"><a href="index.html">Accueil</a></li>
            <li><a href="Pourquoi.html">Pourquoi un coach ?</a></li>
            <li><a href="Deroulement.html">Deroulement du coatching</a></li>
         <li><a href="Tarifs.html">Tarifs</a></li>
            <li><a href="Contact.html">Me contacter</a></li>
       </ul>
       </div>
       <div id="corps">
         <img src="Thierry_Robert.jpg"/>
       <div id="main">Mon texte</div>
      
         </div></p>
                 <div id="footer">
                      Copyright - Tous droits réservés © 2011-2012
                   </div>
       </body>
       </html>



Et mon CSS
Code: Tout sélectionner
body{
margin:0px;
background : black;
background-image: url( http://image.noelshack.com/fichiers/2012/28/1342216615-df-blue-grass-bg-162kb.jpg );
background-repeat: no-repeat;
color: white;
font-size: 140%;
}
#header
{
height: 96px;
}
#onglets
{
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 11px Batang, arial, serif;
        list-style-type : none;
        left : 15%;
        margin-top : 0;
        margin-left : 200px;
      }
#onglets li
{
    float : left;
    height : 21px;
    margin : 2px 2px 0 2px ; 
    margin : 1px 2px 0 2px; 
   
}
#onglets li.active
{
    border-bottom: 1px solid #666;
   
}
#onglets a
{
    display : block;
    color : #FFFFFF;
    text-decoration : none;
    padding : 4px;
}
#onglets a:hover
{
    background : #666;
}
#menu
{
        border-bottom : #9EA0A1;
        padding-bottom : 25px;
}
#conteneur
{
margin: auto;
width: 832px;
}
#corps
{
background-repeat: repeat-y;
width: 724px;
padding-left: 58px;
padding-right: 58px;
}
#corps a
{

color: #846b41;
text-decoration: none;
}
#corps a:hover
{
color: #c48a2c;
text-decoration: underline;
}
#main {
        width:35ton 0px;
         margin:0 auto;
       margin-top : 0;
         margin-left : 0px;
}
                     li {
                        float:left;
                        position:relative;
                        left:0%;
                        margin:0 15px;

                       }

                    a {
                   font-size: 130%;
                        display:block;
                        padding:0.2em;
                        color:white;
                        text-decoration:none;
                        background:black;
                        border:1px solid black;
                        border-bottom:0;
                        -webkit-border-top-left-radius: 5px;
                        -webkit-border-top-right-radius: 5px;
                        -moz-border-radius-topleft: 5px;
                        -moz-border-radius-topright: 5px;
                        border-top-left-radius: 5px;
                        border-top-right-radius: 5px;
                     }
               

                 a::before,a::after{
                        background:black;
                        border-bottom:1px solid black;
                }

                a::before {
                        left:-9px;
                }

                a::after {
                        right:-9px;
                }

                li::before,li::after {
                        border:1px solid black;
                        background:white;
                        z-index:2;
                }

                li::before {
                        left:-10px;
                        border-width:0 1px 1px 0;
                        -webkit-border-bottom-right-radius: 5px;
                        -moz-border-radius-bottomright: 5px;
                        border-bottom-right-radius: 5px;
                }

                li::after {
                        right:-10px;
                        border-width:0 0 1px 1px;
                        -webkit-border-bottom-left-radius: 5px;
                        -moz-border-radius-bottomleft: 5px;
                        border-bottom-left-radius: 5px;
                }

#footer
{
width: 590px;
height: 9px;
color: #b3a793;
font-size: 12px;
text-align: right;
padding-top: 50px;
}
#footer a
{
text-decoration: underline;
color: #b3a793;
}
Dernière édition par robertthibaud17 le 20 Jan 2013 22:26, édité 1 fois.
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 17 Juil 2012 19:34

Ton code est bon, et tu as déjà dans ton CSS #main. ;)
Ajoute à #main une ligne pour la couleur, sinon tu ne verras pas le texte, par exemple :
Code: Tout sélectionner
color : #FFFFFF;
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Demande d'aide en HTML / CSS

Messagepar robertthibaud17 » 17 Juil 2012 19:35

Le texte est déjà en couleur blanc et je le voit tres bien car dans body j'ai mis une taille grande
robertthibaud17
 
Messages: 29
Inscription: 13 Juil 2012 21:48

Re: Demande d'aide en HTML / CSS

Messagepar Falkra » 17 Juil 2012 19:37

Ok, c'est bon alors, c'est bien ça.
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

PrécédenteSuivante

Retourner vers Développement, conception de sites web

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités