Tableau HTML/CSS
Fermé
Thomson1804
Messages postés
3
Date d'inscription
mardi 26 novembre 2019
Statut
Membre
Dernière intervention
28 novembre 2019
-
Modifié le 26 nov. 2019 à 17:03
Rulto - 28 nov. 2019 à 16:38
Rulto - 28 nov. 2019 à 16:38
Bonjour,
Sur la photo ci-dessous, j'ai fais un tableau afin de coller les deux photo au texte à droite...
J'essaye de mettre les margins et paddings à 0px mais rien ne change...
Pouvez-vous m'aider ?
Merci d'avance !
Sur la photo ci-dessous, j'ai fais un tableau afin de coller les deux photo au texte à droite...
J'essaye de mettre les margins et paddings à 0px mais rien ne change...
Pouvez-vous m'aider ?
Merci d'avance !
A voir également:
- Tableau HTML/CSS
- Tableau word - Guide
- Code ascii tableau - Guide
- Tableau croisé dynamique - Guide
- Trier tableau excel - Guide
- Editeur html - Télécharger - HTML
1 réponse
KrondaliX
Messages postés
382
Date d'inscription
mercredi 19 juin 2013
Statut
Membre
Dernière intervention
1 mai 2022
132
27 nov. 2019 à 09:14
27 nov. 2019 à 09:14
Si tu utilises Bootstrap, c'est un problème lié au Grid-system col-*-* dans la classe. J'ai pas ton html sous les yeux mais ça ressemble à un problème dans ce genre.
Si tu veux que j'puisse t'aider il me faut juste le code html de ta page.
Si tu veux que j'puisse t'aider il me faut juste le code html de ta page.
27 nov. 2019 à 20:38
" j'ai fais un tableau afin de coller les deux photo au texte à droite... "
Plutôt une mauvaise solution de mise en page: un tableau c'est compliqué à lire modifier et mettre en place, son contenu sera référencé en données tabulaires(comme les résultats du tiercé) dont à éviter depuis plus de 15 ans.
"'ai fais un tableau afin de coller les deux photo"
sans voir le code en effet difficile de dire quoi que ce soit sauf que je ne vois pas l'intérêt ni la nécessité d'un tableau. Avec la "propriété background-image" vous avez déjà pas mal de possibilité de positionnement, il suffit de les appliquer sur l'arrière plan (texte?) concerné. Une autre solution serais aussi de définir un container pour l'image qui contiennent aussi le texte mais en superposition(voir propriété position ). Mais il y a beaucoup d'autres solutions qui dépendent de comme vous avez écrit le HTML, le CSS etc...
28 nov. 2019 à 11:15
Voici le HTML :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset ="utf-8">
<title>Linovu</title>
<link rel="stylesheet" href="../CSS/style.accueil.css"/>
</head>
<body class="accueil">
<header>
<div class="linovu2">
<br>Linovu</br>
</div>
<div class="slogan">
<br> Créateur de solutions pour l'emploi.</br>
</div>
</header>
<section>
<center><a href="../cv/cv1.php"><img class="img"
src="../image/thomas.jpg" alt="Photo de Thomas" width="250" height="250"></a>
<span class="légende">Thomas Wilmus - 19 ans - Genval</span>
<center><a href="../cv/cv2.php"><img class="img" src="../image/danny.jpg"
alt="Photo de Danny" width="250" height="250"></a></center>
<span class="légende">Danny Frias Dos Santos - 20 ans - Anderlecht</span>
</section>
<footer>
Copyright - Thomas & Danny
</footer>
</body>
</html>
J’espère que ça vous aidera...
Modifié le 28 nov. 2019 à 16:38
hé je n'ai pas besoin d'aide moi :)
Je vous ait donné des réponses qui vous permettront de faire comme il faut.
Pour plus de précisions: https://www.qwant.com/?q=positionnement+CSS&webext=5.0.1
ps: ne pas utiliser CENTER non plus. Toute la mise en page c'est CSS(text-align par exemple)depuis plus de 15ans. Cela à le double avantage (éviter center et table) de pouvoir modifier indépendamment la mise en page du HTML et de rendre la page plus facile à lire(et moins lourde à charger).
Respecter les normes web c'est toujours utile à pas mal de points de vue. Oubliez DIV qui est la même chose mais n'indique rien comme valeur au contenu(sens et nature de celui ci un div n'indique une division de la page sans préciser sa nature un article ou une section ben un article ou une section = du contenu pertinent).
Modifié le 28 nov. 2019 à 16:39
Cela aide au référencement en indiquant une table des matières pour vos pages.
Mais je m'éloigne de a question: la réponse est toujours là même utilisez le CSS pour la mise en page, le tableau sert aux données tabulaires comme dans l'exemple ici : https://developer.mozilla.org/fr/docs/Apprendre/CSS/Building_blocks/Styling_tables
C'est possible de faire un tableau pour la mise en page mais c'est mauvais car:
plus compliqué à lire/écrire/modifié, ne sépare pas la mise en page du contenu, contenus référencés en tant que données tabulaire donc pas d'autre valeur sémantique en gros le référencement dans les tableaux ne l'est pas de façon aussi précise que si vous utilisez la bonne description (A.K.A. les bonnes balises HTML, par exemple votre footer indique un pied de page = quelque chose de moins important qu'un contenu principal, indique une hiérarchie des contenus...tout en le gardant relier avec le container qui l'englobe).