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

Petite solutions please

Toni88
Toni88
Niveau 9
24 février 2006 à 19:59:10

Bonjour.

Alors j´ai un bleme, dsl je commence l´html, et je n´arrive pa a metre une image en haut de mes menus, elle se met trop en bas,et j´ai de la couleur haut dessu, bon vu que c´est pas clar dutout je pense :), voila un screen:

http://img521.imageshack.us/img521/8567/47gu.jpg

Voila commens puis je faire?

Merci bcp.

Wolf18
Wolf18
Niveau 10
24 février 2006 à 20:00:24

Tu pourrais nous donner ton code pour le menu ?

Toni88
Toni88
Niveau 9
24 février 2006 à 20:01:48

En html ou css?

Wolf18
Wolf18
Niveau 10
24 février 2006 à 20:03:11

les 2 stp

Toni88
Toni88
Niveau 9
24 février 2006 à 22:10:49

Dsl pour le retard.
Alors le css:
______________________________________________
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #ffffff;
color: #ffffff;
}

  1. en_tete

{
width: 760px;
height: 140px;
background-color: #cfcfcf;
margin-bottom: 10px;
}

a img
{
border: none;
}

  1. menu

{
float: left;
width: 150px;
background: #013551;
border: none;
margin-top: 10px;
}

  1. menu dt

{
background: url("image/41.gif") top no-repeat;
padding-left: 8px;
color: #ffffff;
}

  1. menu dd

{
color: #ffffff;
padding-left: 0px;
}

.element_menu
{
background-color: #cfcfcf;
background-image: url("image/jeux video.gif");
background-repeat: repeat-x;
border: 1px solid black;
margin-bottom: 20x;

}

.element_menu h3
{
color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", "Times", "serif";
text-align: center;
}

.element_menu ul
{
list-style-image: url("mettre une image pour le coter");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 0px;
}

.element_menu a
{
color: #ffffff;
}

.element_menu a:hover
{
background-color: #cfcfcf;
color: #ffffff;
}

  1. menu2

{
float: left;
width: 150px;
background: #013551;
border: none;
margin-top: 10px;

}

  1. menu3

{
float: left;
width: 150px;
background: #013551;
border: none;
margin-top: 20px;

}

  1. corps

{
margin-left: 170px;
margin-bottom: 20px;
padding: 5px;
color: #ffffff;
background-color: #cfcfcf;
background-repeat: repeat-x;
border: 1px solid black;
text-align: justify;
margin-top: 20px
}

  1. corps a

{
color:#FFFFFF;
}

  1. corps h1

{
text-align: center;
text-decoration:underline;
}

  1. corps h2

{
text-decoration:underline;
text-align:center;
}

  1. corps h3

{
color: #ffffff;
margin-top: 0px;
text-decoration:underline;
}

  1. corps h4

{
text-decoration: underline;
}

  1. pied_de_page

{
padding: 5px;
text-align: center;
color: #ffffff;
background-color: #cfcfcf;
background-image: url("images/motif.png");
background-repeat: repeat-x;
text-align: center;
border: 1px solid black;
min-width: 0px;
clear:both;
}

  1. logo

{
padding-left: 10px;
}

  1. guild wars

{
text-decoration: underline;
}

________________________________________________
et l´html:
________________________________________________
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Jeux Online.fr</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Site entiérement consacré aux jeux en ligne." />
<meta name="keywords" content="jeux online ,Jeux video, quild wars, joint operation, medal oh honor, france, astuces, astuce, news, mmorpg, rpg, fps, guildes, teams, guilde, team, attaques, skills, armes," />
<meta name="subject" content="Les jeux en lignes" />
<meta name="author" content="Doudule"/>
<meta name="revisit-after" content="7 days"/>
<meta name="Robots" content="all"/>
<meta name="Rating" content="General"/>
<meta name="location" content="France, FRANCE"/>
<meta name="expires" content="never"/>
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="11.css" />
<style type="text/css">
<!--
.Style2 {color: #0066CC}
.Style3 {color: #006699}
-->
</style>
</head>

<body>
<div align=right id="en_tete">
<p></p> <a href="http://jeuxvideo.com"><img src="image/banderole.jpg"></a>
</div>

<div id="menu">
<div class="element_menu">
<p><img src="image/Guild Wars.gif" /></p>
<h3></h3>
<ul>
<li><a
href="http://jeuxonline.site.voila.fr/index_guild_
wars.html">Guild Wars</a></li>
<li><a
href="http://jeuxonline.site.voila.fr/index_de_joi
nt_operation.html">Joint Operation</a></li>
<li><a href="page2.html">Un autre jeux</a></li>
<p></br></p>
</ul>
</div>
<div id="menu3">
<div class="element_menu">
<IMG
src="http://img104.echo.cx/img104/5496/partenaire3
mw.gif" border=0>
<h3></h3>
<ul>
<li><img
src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df
=[atipi13].dat&dd=a"> </li>
<li><a href="http://www.referencement-gratuit.net"><img
src="http://www.referencement-gratuit.net/img/logo
8831.gif" alt="referencement gratuit" title="referencement gratuit" width="88" height="31" border="0"></a></li>
<p></br></p>
</ul>
</div>
</div>

</div>

<div id="corps">
<h2>New:</h2>
<p>Texte
</p>
</div>

<div id="corps">
<h3>News du ?? /??/??:</h3>
<p>Texte</p>
</div>

<div id="pied_de_page">
<p align="center">copyright © 2005 JeuxOnline.site.voila.fr - Tous droits réservés</p>
</div>
</body>
</html>

Voila desoler si c´est trés mal écrit car j´en suit a mon premier site.

Goui-Goui
Goui-Goui
Niveau 8
24 février 2006 à 22:24:16

C´est rien on comprends ^^ Perso je peux pas trop t´aider mais je UP ton topic :ok:

__________________________________________________

Goui-Goui, webmaster de http://www.jeuxvideomagazine.new.fr

Wolf18
Wolf18
Niveau 10
24 février 2006 à 22:32:09

Je crois que c´est à cause de ca :

<p><img src="image/Guild Wars.gif" /></p>

--
le <p> c´est un paragraphe, donc ca saute quelques lignes et je crois que c´est pour ca que ton image est trop basse

Toni88
Toni88
Niveau 9
25 février 2006 à 09:42:40

Oui c´est ca, merci beaucoup.
Par contre maintenant j´ai un autre petit probleme, mon image se place bien mais vu que j´ai mit un margin pour entourer, l´image aussi est entourer, commens puis je faire?

Merci bcp.

riders91
riders91
Niveau 10
25 février 2006 à 10:26:10

pour en dire plus sur ton probleme davant,il ne fallait pas mettre une balise de nouveau paragraphe,mais une balise de retour a la ligne ^^

Toni88
Toni88
Niveau 9
25 février 2006 à 10:40:31

Ok merci, mais de toutes facons je pense que je vais virer l´imgae parce que j´arrive vraiment pas a faire ce que je veut.

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