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

[CSS] Texte qui sort du DIV

VERRATTl
VERRATTl
Niveau 10
11 juillet 2014 à 00:31:04

Bonsoir , je suis en plein création de site web ( bon je débute mais j'ai un niveau correct ) .
Et lorsque je veut faire mettre un texte dans un DIV , ce dernier sort du div lorsque je zoom à fond :( .

Voici mon code HTML :

<body>
<div id="tete"> <div id="tit">San Francisco, CA</div>
</div>

et CSS:

  1. tete{

background-size: 100% 100%, auto;
background-image: url(f03.jpg) ;
background-attachment : fixed;
background-repeat: no-repeat;
width:100%;
height:100%;
min-height: 100%;
margin: 0 auto;

}

  1. tit

{
position: relative;
font-size: 5vw;
right: -355px;
bottom: -250px; margin: 0;
padding: 0px;
background: rgba(0,0,0,.3);
color: white;
}

Voici les images

Avant le zoom :
https://image.noelshack.com/fichiers/2014/28/1405031355-pb.png
Et Après
https://image.noelshack.com/fichiers/2014/28/1405031307-pb-1png.png

En effet vous voyez bien que mon texte est sortir de mon DIV .

J'ai grave besoin de vos connaissance et expérience merci

VERRATTl
VERRATTl
Niveau 10
11 juillet 2014 à 12:44:22

:-(

deepblue
deepblue
Niveau 16
11 juillet 2014 à 13:24:22

Euh.....Tu sais que personne ne fait ça ?

VERRATTl
VERRATTl
Niveau 10
11 juillet 2014 à 13:36:11

C'est à dire ?

yes-man
yes-man
Niveau 13
11 juillet 2014 à 14:53:49

Bah zoomer à fond comme ça..

Pseudo supprimé
Pseudo supprimé 11 juillet 2014 à 15:45:02

Quelques points :
:d) Vas-y mollo sur les ID, privilégie les classes dans ton CSS.
:d) ID ou classes, choisis des noms pertinents. À force de "tete", "tit" et autre "tut", tu ne comprendra plus rien ni à ton html ni à ton CSS. "header-main", "header-title", c'est quand même plus parlant.
:d) width: 100%; c'est non. Jamais. Seules exceptions pour les tableaux et les champs de formulaire (sous certaines conditions ces derniers toutefois).
:d) En l'état, ton height: 100%; ne sert à rien, pas plus que ton min-height (d'ailleurs, mettre height: 100% et min-height: 100% n'a aucun intérêt, ça ne marche juste pas).

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