Probleme emplacement texte
lilouetfredo
-
lilouetfredo -
lilouetfredo -
Bonjour,
Voila j'ai un petit probleme que je n'arrive vraiment pas à régler pourtant je sais que ce n'est pas grand chose mais je sèche completement.
Je crée un site a l'aide de dreamweaver, donc l'entete et le menu sont nickel, bien placés. Mais mon texte vient se placer sous mon menu et je n'arrive pas a le mettre a sa droite.
Pouvez vous m'aider s'il vous plait?
j'ai essayé dans le CSS la fonction margin:left, mais rien y fait.
Merci d'avance pour vos réponses.
Voici le screen de ce que cela me donne (j'ai couper la moitier de la banniere pour une histoire de confidentialité) : https://www.imagup.com
Voila j'ai un petit probleme que je n'arrive vraiment pas à régler pourtant je sais que ce n'est pas grand chose mais je sèche completement.
Je crée un site a l'aide de dreamweaver, donc l'entete et le menu sont nickel, bien placés. Mais mon texte vient se placer sous mon menu et je n'arrive pas a le mettre a sa droite.
Pouvez vous m'aider s'il vous plait?
j'ai essayé dans le CSS la fonction margin:left, mais rien y fait.
Merci d'avance pour vos réponses.
Voici le screen de ce que cela me donne (j'ai couper la moitier de la banniere pour une histoire de confidentialité) : https://www.imagup.com
A voir également:
- Probleme emplacement texte
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Texte barré whatsapp - Guide
- Mettre un texte en majuscule - Guide
36 réponses
Essaie comme ceci (juste le html), le css peut être plus tard mais pas obligatoire:
<!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=utf-8" /> <title>Document sans nom</title> <link rel="stylesheet" type="text/css" href="galeriecss.css" /> </head> <body> <div id="site"> <div id="en_tete"></div> <div id="middle"> <div id="top_menu"><img src="structure/surmenu.jpg" width="155" height="88" /></div> <div id="menu"> <ul style="background: url('structure/menu.jpg') repeat-y;"> <li><a href="accueil.html" class="lien">Accueil</a></li> <li><a href="biographie.html" class="lien">Biographie</a></li> <li><a href="galeries.html" class="lien">Galeries</a></li> <li><a href="contact.html" class="lien">Contact</a></li> </ul> </div> <div><img src="structure/sousmenu.jpg" width="155" height="86" /></div> <div class="surmenu"></div> <div id="corps"> <ul> <li><a href="galerie2003.html">Galerie 2003</a></li> </ul> </div> </div> </div> </body> </html>
c'est galère cela donne ceci : https://www.imagup.com
avec ce que tu as mis en HTML. ^^ En fin de compte ce que j'ai obtenu avec ton ancienne version html et CSS + ce que j'ai modifié ca allait sauf le background du menu. Faudrait essayé de l'insérer autrement. j'essaye de mon coté de trouver une solution mais je n'y arrive pas c'est pas évident :-)
avec ce que tu as mis en HTML. ^^ En fin de compte ce que j'ai obtenu avec ton ancienne version html et CSS + ce que j'ai modifié ca allait sauf le background du menu. Faudrait essayé de l'insérer autrement. j'essaye de mon coté de trouver une solution mais je n'y arrive pas c'est pas évident :-)
J'avais déjà tester les background et cela avait donné cela pour un menu fais pour un site de jeu : https://www.imagup.com
et voila ce qui était mon code HTML :
et ensuite j'insérais le menu dans la page index par un code php :
mais bon ca c'est autre chose.
Le soucis c'est que dans le code HTML il y a plein de tables :-), je ne sais pas si ca peut t'aider.
et voila ce qui était mon code HTML :
<table width="227" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="structure_site/menu_jeu.jpg" width="227" height="77" /></td>
</tr>
<tr>
<td align="left" background="structure_site/interieur_menu.jpg" bgcolor="#ECE9D8"> <a href="news_articles.php" class="lien">News - Articles</a><br />
<a href="galerie.php" class="lien">Galerie</a><br />
<a href="histoire.php" class="lien">Histoire</a><br />
<a href="le_monde.php" class="lien">Le monde</a><br />
<span class="lien"><a href="races.php" class="lien">Races</a></span><br />
<span class="lien"><a href="professions.php" class="lien">Professions</a></span><br />
<span class="lien"><a href="guilde.php" class="lien">Guilde</a></span><br />
<a href="capes.php" class="lien">Guide des capes</a><br /> </td>
</tr>
<tr>
<td><img src="structure_site/menu_univers.jpg" width="227" height="67" /></td>
</tr>
<tr>
<td background="structure_site/interieur_menu.jpg"> <a href="armures.php" class="lien">Armures</a><br />
<a href="armes.php" class="lien">Armes</a><br />
<a href="cartes.php" class="lien">Cartes</a><br />
<a href="competences.php" class="lien">Compétences</a><br /></td>
</tr>
<tr>
<td><img src="structure_site/menu_pve.jpg" width="227" height="75" /></td>
</tr>
<tr>
<td background="structure_site/interieur_menu.jpg"> <a href="quetes.php" class="lien">Quêtes</a><br />
<a href="missions.php" class="lien">Missions</a><br /></td>
</tr>
<tr>
<td><img src="structure_site/menu_pvp.jpg" width="227" height="70" /></td>
</tr>
<tr>
<td background="structure_site/interieur_menu.jpg"> <a href="generalitespvp.php" class="lien">Généralités pvp</a></td>
</tr>
<tr>
<td><img src="structure_site/menu_communaute.jpg" width="227" height="64" /></td>
</tr>
<tr>
<td background="structure_site/interieur_menu.jpg"> <a href="teamspeak.php" class="lien">Teamspeak</a><br />
<span class="lien"> <a href="membres.php" class="lien">Membres</a></span><br />
<a href="faq.php" class="lien"> FAQ</a><br /></td>
</tr>
<tr>
<td><img src="structure_site/fin_menu.jpg" width="227" height="63" /></td>
</tr>
</table>
et ensuite j'insérais le menu dans la page index par un code php :
<?php
include('menu.php');
?>
mais bon ca c'est autre chose.
Le soucis c'est que dans le code HTML il y a plein de tables :-), je ne sais pas si ca peut t'aider.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
l'image du milieu s'appelle dans ce cas là : background="structure_site/interieur_menu.jpg"
autre point j'ai tester une petite chose concernant le CSS ca donne cela en visionnant : https://www.imagup.com
donc j'ai bien le background du menu avec la barre sur le coté, sauf que j'ai un super espace entre tout :s
le code CSS j'ai rajouté :
ce qu'il y a en gras :-p. Je sens qu'on se rapproche du but :-p
autre point j'ai tester une petite chose concernant le CSS ca donne cela en visionnant : https://www.imagup.com
donc j'ai bien le background du menu avec la barre sur le coté, sauf que j'ai un super espace entre tout :s
le code CSS j'ai rajouté :
body
{
background-color: #333333;
}
#site
{
width:800px;
height:600px;
float:left;
}
#en_tete
{
background:url(structure/entete.jpg);
width:1100px;
height:126px;
float:left;
}
#surmenu
{
width:155px;
height:88px;
float:left;
}
#corps
{
width:500px;
float:left;
}
#menu
{
float:left;
}
#menu ul
{
background:url(structure/menu.jpg);
list-style:none;
}
ce qu'il y a en gras :-p. Je sens qu'on se rapproche du but :-p
bon le gras fonctionne pas tres bien j'ai rajouté cela dans #menu ul" : background:url(structure/menu.jpg);
tous tes (espaces insécables) sont de la pollution offerte par dreamweaver...
Dans ton CSS, rajoute des margin pour les div de ton menu
soit :
soit:
Si le premier ne fonctionne pas... A tester sur IE également...
Dans ton CSS, rajoute des margin pour les div de ton menu
soit :
margin: 0px;
soit:
margin-top: 0px; margin-bottom: 0px;
Si le premier ne fonctionne pas... A tester sur IE également...
Aucun ne fonctionne ni sous mozilla firefox ni sous IE :s .
Concernant les espaces c'est sur que c'est un peu saoulant d'avoir ce tas d'écriture, mais bon dans ce cas là ca ne se voyais pas vu que le menu était implanté par un code php dans la page d'accueil. Mais c'était un ancien site que j'avais crée, mon premier je crois bien donc pas mal d'erreurs esthétiques ;-) .
Concernant les espaces c'est sur que c'est un peu saoulant d'avoir ce tas d'écriture, mais bon dans ce cas là ca ne se voyais pas vu que le menu était implanté par un code php dans la page d'accueil. Mais c'était un ancien site que j'avais crée, mon premier je crois bien donc pas mal d'erreurs esthétiques ;-) .
Je regarde demain si j'ai du temps...
Je m'y prendrais autrement pour faire ce menu, mais si tu veux progresser, utilise les cours comme ceux du site du zéro...
Il y a une vingtaine de propriété principales à connaitre en CSS et autant (et eme moins pour les principales) pour le html... Je sais que Dreamweaver est cher, mais à défaut, tu pourras utiliser son éditeur de textes qui est pas trop mal...
Je m'y prendrais autrement pour faire ce menu, mais si tu veux progresser, utilise les cours comme ceux du site du zéro...
Il y a une vingtaine de propriété principales à connaitre en CSS et autant (et eme moins pour les principales) pour le html... Je sais que Dreamweaver est cher, mais à défaut, tu pourras utiliser son éditeur de textes qui est pas trop mal...
Ok c'est gentil. je regarderais demain aussi, je connais le site du zero j'y vais souvent pour essayer de trouver des solutions, donc je regarderais demain si je trouve quelque chose pouvant aider.
#site
{
width:800px;
height:600px;
float:left;
} -> dison après un truc comme ça ou meme au début, ça n'a pas d'importance !
Pour commenter le CSS, disons que toutes les balises <div> (div) et tout ce qu'elles contiennent (*=ar exemple une image, etc...) auront une marge = 0 (margin : marge autour de la div et padding : dans la div entre le texte et le bord)
div, div * { margin: 0px; padding: 0px; }
Tu peux choser ce paramètre indépendamment même si il est dans la div.
Bref, je suppose que ce site est urgent, mais mets toi dès que possible au CSS et au HTML par le site du zero, parce que comme ça c'est pas évident à expliquer et à résoudre.
Et regarde tes messages privés.
{
width:800px;
height:600px;
float:left;
} -> dison après un truc comme ça ou meme au début, ça n'a pas d'importance !
Pour commenter le CSS, disons que toutes les balises <div> (div) et tout ce qu'elles contiennent (*=ar exemple une image, etc...) auront une marge = 0 (margin : marge autour de la div et padding : dans la div entre le texte et le bord)
div, div * { margin: 0px; padding: 0px; }
Tu peux choser ce paramètre indépendamment même si il est dans la div.
Bref, je suppose que ce site est urgent, mais mets toi dès que possible au CSS et au HTML par le site du zero, parce que comme ça c'est pas évident à expliquer et à résoudre.
Et regarde tes messages privés.
je vais regarder le site du zero aujourd'hui voir si je trouve une solution sinon je me débrouillerais autrement, je creerais une autre image de menu.
Pour mes messages privé, je vois pas lesquelles. Je ne suis pas inscrite sur ce forum. j'ai regardé partout je ne vois rien concernant des messages privés :-p
Pour mes messages privé, je vois pas lesquelles. Je ne suis pas inscrite sur ce forum. j'ai regardé partout je ne vois rien concernant des messages privés :-p
Si tu en as besoin, tu prends mon pseudo et tu y ajoute l'éternel @hotmail.com derrière.
Sinon tu fais ça : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 (t'en as pour une petite journée à tout casser). Le html et le CSS ca peut faire peur, mais c'est pas sorcier. Si ca t'interesse, je te le recommande vivement !
Moi j'ai fais le cours php en une semaine et maintenant je m'entraine avec passion et plaisir... Le HTML je l'ai pas avec le site du zéro... mais j'imagine que la masse de cours est beaucoup moins importante vu que c'est beaucoup plus simple...
Avec 10 balises HTML et 20 propriétés CSS tu devrais pouvoir faire ton site... Si ca t'intéresse tu y prendras gout et je suis sure que tu t'orienteras rapidement vers le php et ainsi de suite !
Bon courage (et félicitation à la future mariée, je me trompe ? - lol) !
Sinon tu fais ça : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 (t'en as pour une petite journée à tout casser). Le html et le CSS ca peut faire peur, mais c'est pas sorcier. Si ca t'interesse, je te le recommande vivement !
Moi j'ai fais le cours php en une semaine et maintenant je m'entraine avec passion et plaisir... Le HTML je l'ai pas avec le site du zéro... mais j'imagine que la masse de cours est beaucoup moins importante vu que c'est beaucoup plus simple...
Avec 10 balises HTML et 20 propriétés CSS tu devrais pouvoir faire ton site... Si ca t'intéresse tu y prendras gout et je suis sure que tu t'orienteras rapidement vers le php et ainsi de suite !
Bon courage (et félicitation à la future mariée, je me trompe ? - lol) !
