IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

div bla bla bla


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut div bla bla bla
    Salut à tous,

    Tout d'abord je m'exucse, mon titre n'est pas très explicité, c'est simplement parce que je ne sais pas comment être explicité et court...


    Bref, voici l'image en question :



    J'aimerais bien savoir comment on fait pour avoir le texte à cette place...

    Sachez que j'utilise la div pour faire le tableau et pas table

    Au plaisir d'avoir vos réponses

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Il existe une balise fieldset :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <fieldset>
       <legend>Texte positionné là où tu veux sur ton image</legend>
    </fieldset>

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    Sachant que j'aimerais bien l'appliquer dans

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div class="format001_style001">
    					Format 001, style 001
    				</div><br />

    Donc avec ton code source, je dois placer juste apres la fermture d'ouverture de div ?

  4. #4
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Cette présentation est celle par défaut des balises fieldset et legend. Maintenant si tu souhaites obtenir cet effet dans un autre contexte que regrouper ees champs de formulaire, tu peux le faire en jouant avec les border et positionnement pour ton texte. Par exemple:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Document sans nom</title>
    <style type="text/css">
            div {border:1px solid #ccc; height:300px;margin-top:1em;}
            h3 {margin-top:-0.7em; float:left; background-color:#FFF; padding:0 0.5em;margin-left:20px;position:relative;}
    </style>
    </head>
    <body>
    <div><h3>test pour voir</h3></div>
    </body>
    </html>
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    @Candygirl, avec ta réponse, ça permettre d'avoir tous les tableaux de ce type (avec texte au bord en haut gauche)....

    Mais s'il y a des tableaux spécifique (avec texte) et les autres pas, comment m'y prends-je ?

  6. #6
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Citation Envoyé par {F-I}
    Mais s'il y a des tableaux spécifique (avec texte) et les autres pas, comment m'y prends-je ?
    Tu passes par l'attribution d'une classe.

    Autrement je n'avais pas testé mon code sur IE6. Il faut rajouter un position:relative sur le h2 pour que ce dernier passe par-dessus le cadre (j'édite mon premier message).
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

Discussions similaires

  1. blas/lapack en C++
    Par [Hugo] dans le forum Bibliothèques
    Réponses: 0
    Dernier message: 21/04/2009, 13h41
  2. "Bla bla 1 , 2 bla bla" vers "Bla bla 1,2 bla bla"
    Par rambc dans le forum Général Python
    Réponses: 17
    Dernier message: 02/12/2008, 14h08
  3. pg_dump: missing pg_database entry for database "bla bla bla"
    Par djezair31 dans le forum PostgreSQL
    Réponses: 6
    Dernier message: 15/05/2008, 16h31
  4. BLAS: édition de liens avec libcblas.a
    Par micheldup dans le forum C++
    Réponses: 2
    Dernier message: 10/10/2007, 02h21
  5. [PHP-JS] $_files bla bla
    Par Cedwik dans le forum Langage
    Réponses: 12
    Dernier message: 01/09/2006, 16h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo