CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[Help] Qui est bon en HTML/CSS

drjaah
drjaah
Niveau 8
16 juin 2016 à 23:45:43

Bonsoir,

Je sais que je suis dans le mauvais fofo mais j'essaye de maximiser mes chances en postant dans un maximum d'endroit. ( j'ai aussi poster dans le forum de création en site web)

Je suis en Pratique Pro dans le cadre de mon école d'art, Je dois rendre un boulot demain et je galère beaucoup avec le site que je dois rendre. Je cherche quelqu'un qui pourrait m'aider pour un positionnement c'est très urgent. Est-ce que quelqu'un serrait dispo pour m'aider un petit peu ?

Merci d'avance [[sticker:p/1lmh]]

Benekiki
Benekiki
Niveau 10
17 juin 2016 à 00:21:16

Quelle est la question ?

drjaah
drjaah
Niveau 8
17 juin 2016 à 00:38:14

Salut Benekiki (tu es mon sauveur dans chaque domaine :rire:),

alors j'ai un positionnement special à faire dans un article ( à base de position et float ) mais j'arrive pas du tout à le gérer.

Je t'ai fais un schéma :
https://image.noelshack.com/fichiers/2016/24/1466116632-posi.jpg

Si tu penses pouvoir m'aider tu veux allez en mp pour pas pourrir le fofo ?

Benekiki
Benekiki
Niveau 10
17 juin 2016 à 00:54:09

Tu fais des div pour chaque rectangle et tu leur donne un attribut width pour la largeur, ça peut-être en pixel ou en %, et height pour la hauteur pixels ou %.

Regarde ça :
http://stackoverflow.com/questions/14449274/tri-panel-layout-using-css

http://i.stack.imgur.com/viOsS.png

Code CSS :

#box1, #box2, #box3 {
    position: fixed;
    left:0; top:0; right:0; bottom:0;
    padding:20px;
}
#box1 {
    bottom:80%; /* 100 - 20 */
    border: 5px solid blue;
}
#box2 {
    top:20%;
    right:70%; /* 100 - 30 */
    border: 5px solid red;
}
#box3 {
    top:20%;
    left:30%;
    border: 5px solid lime;
}

Tu as même le code en ligne avec aperçu :
http://jsfiddle.net/WCvu8/

Message édité le 17 juin 2016 à 00:55:59 par Benekiki
drjaah
drjaah
Niveau 8
17 juin 2016 à 01:05:52
                <article id="text">
                    <div class="contentt">
                        <h2>
                            text
                        </h2>
                        <p>
                            text
                        </p>
                        <div class="extra">
                            <img src="" als="">
                            <p>
                                text
                            </p>
                            <img src="" als="">
                            <p>
                                text
                            </p>
                        </div>

voilà ce que je dois classer dans ce schéma mais je ne peux pas le mettre en fixe vu que mon header est en fixe et que mes articles doivent coulisser en dessous (d'ailleurs je viens de remarquer un problème où mon header cache des articles que j'essaye de fixe en ce moment même)

Message édité le 17 juin 2016 à 01:06:35 par drjaah
Benekiki
Benekiki
Niveau 10
17 juin 2016 à 01:10:51

Envoie tout ton code sur un jsfiddle je peux rien faire là je visualise rien

drjaah
drjaah
Niveau 8
17 juin 2016 à 01:19:35

Je te fais ça mais t'aurais pas les images mise du coup il va pas bien s'afficher

edit: J'ai utilisé ce site je te le partage comment ?

Message édité le 17 juin 2016 à 01:22:20 par drjaah
drjaah
drjaah
Niveau 8
17 juin 2016 à 01:23:25

Tiens http://jsfiddle.net/WCvu8vu8/29/#&togetherjs=DMLm0inawm

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment