28241 sujets

CSS et mise en forme, CSS3

Ok les gars, attention, je pense que l'algorithme de pornhd. cc sait quel genre de branlette je fais, parce qu'après un clip de trio avec des milfs, il m'a proposé une série interminable de matures sexy se faisant prendre en double pénétration jusqu'à ce que leur maquillage coule, avec le son squish smack squish synchronisé avec le rythme, comme une vieille radio dans un fumoir. Mon historique de navigation n'est plus qu'une série décousue de 12 éjaculations avec des titres comme « Les mamans apprennent aux ados à bien baiser », « Rassemblez-vous la prochaine fois que le sac de pot sera vide
https://xxxx.cafe/video/cum-make-a-milkshake/
https://pornhd.cc/video/194785/young-slender-brunette-with-a-glass-dildo/
défoncés et sans aucun regret, j'ai remis le couvert sur xxx.cafe, mode sombre, carte perforée, jusqu'à ce que je tombe sur une vidéo maison de trio sur le canapé du salon, avec des bruits réels et le bruit de fond de la radio, comme une vraie caméra de voisin, une nana plus âgée domine deux étudiants qui éjaculent partout sur le jean déchiré de cette maman, ça a fait l'affaire, j'ai cliqué sur plein écran, regardé la vidéo en POV, je ne me souviens pas avoir fermé l'onglet, je me suis réveillé au milieu de la playlist, encore des milfs à l'envers, qui aurait cru qu'on pouvait se pencher comme ça, la salade du diable fout en l'air la concentration
https://hdporn.love/video/142777/muslim-wife-tries-a-cock-cigarette/
mec, si tu es déjà en train de fumer, tu ferais mieux de mettre pornhd.cc sur le deuxième écran, sinon tu vas probablement rater ce méga montage juteux de mamans matures qui rebondissent sur des bites d'ados sur fond de basses lancinantes, toute la vidéo montre des chattes crémeuses qui applaudissent pendant que les milfs gémissent à l'unisson, puis on passe à un clip séparé d'une femme au foyer rousse avec du maquillage sous les yeux, recouverte de sperme pendant que son mari est hors champ, ça vaut le coup de cliquer, oublie la poursuite et lâche ton sperme, le problème c'est que la boucle va hanter ces mamans sexy
Modifié par Ululation (09 Dec 2025 - 05:20)
Bonjour, avant d'écrire la moindre ligne de CSS vous devez avoir un code HTML valide.
Passez votre code au validateur pour voir et corriger les erreurs => https://validator.w3.org/
La balise <ul> (comme <ol>) demande uniquement la balise <li> comme enfant directe, aucun autre élément.
A mon sens vous ne souhaitez pas avoir de liste à ce niveau, donc remplacer les balises <ul> par une autre balise plus adaptée.
Pour voir quel élément créer la ligne qui apparait sur l'image, click droit sur celle-ci puis inspecter. Les outils de développement s'ouvre alors (même chose si vous appuyer sur F12).
Modérateur
Bonjour,

Je rejoins @casper, on peut voir de nombreuses erreurs de débutant Smiley smile .

1. Balisage des contenus : HTML5 propose de nombreuses balises et sémantiques, tel que header,nav,footer,main, section, article, etc ... Il faut en faire usage ,pour structurer et donner du sens aux contenus, relire facilement le code source et le cibler en CSS et JavaScript par la suite.
2. Positionnement des éléments: Le visuel d'une page web, le layout, ne se construit pas comme une présentation papier en replaçant tel ou tel élément à des coordonnées spécifiques de la page ou de l’élément qui le précède. CSS propose aujourd'hui plusieurs systèmes de grilles (grid, flex, ...).Il faudrait en faire usage aussi .

Je te propose de t'essayer à partir de la structure suivante de reproduire ton layout principale en utilisant un système de grille CSS (régles float, position ou margin pour repositionner, sont interdites Smiley smile !!!):

<!-- <header>Hé, y a t-il un header à positionner?</header>-->
<nav> ici ma navigation principale</nav>
<main>
  <article> ici la présentation</article>
  <aside> ici contenus complétant le contenu principal</aside>
</main>
<footer> le pied de la page</footer>


et comme sélecteurs de bases pour construire visuellement ta grille de 3 lignes et en deux colonnes pour le contenu de la seconde ligne:

body {
}
/*body>header {
}*/
body>nav {
}
main {
}
main article {
}
main aside {
}
body> footer {
}

tu peut jouer en ligne avec : https://codepen.io/gc-nomade/pen/EaxNEEv

ressources que tu trouvera ici:
* https://www.alsacreations.com/astuce/lire/1739-CSS-Grid-Layout-les-ressources-indispensables-pour-apprendre.html
* https://www.alsacreations.com/article/lire/1794-flexbox-ou-grid-layout.html
* https://www.alsacreations.com/article/lire/1388-CSS3-Grid-Layout.html

On pourra t'aider dés ce niveau, ensuite tu pourras dispatché ton contenu dans ces zones principales en continuant autant que possible à utiliser les balises qui correspondent aux contenus, puis appliqué les styles, via des class, id ou nom de balise et des sélecteurs aux besoins .

voir aussi : https://www.alsacreations.com/article/lire/1867-reset-css-une-histoire-heritage-et-reinitialisation.html

Cdt
Modifié par gcyrillus (27 Feb 2025 - 13:52)