débutant en html à besoin de quelque renseignements

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : débutant en html à besoin de quelque renseignements

Profil supprimé

Bonjours, je viens tout juste de me mettre à "essayer" de réaliser un petit site web et j'ai déjà quelques problèmes :sweat: .

Alors déjà je voudrais utiliser les feuille de styles avec le css. Par exemple pour le logo j'ai fais:

dans le "format.css":

#entete {
background-color:transparent;
width:100%;
height:10%;
float:left;
margin-left:0px;
margin-top:0px;
}

et dans le html:

<div id="entete"> <img src=img/entete.jpg alt="Logo title="Logo" >
</div>

J'ai deux petites questions, je voudrais qu'il n'y ai aucune marges de chaques coté du logo, et pourtant même après avoir rajouté "margin-left et margin top" rien n'a changé, il reste une marge.

et ensuite j'ai vu que l'on pouvait mettre l'adresse de l'image dans le css pour plus de souplesse mais j'ai essayé de rajouter la ligne background-image: url(".....jpg" ) en enlevant l'adresse du document .html mais dans le navigateur rien ne s'affiche :??: .

voila :hello:

Message édité par Profil supprimé le 04-03-2006 à 12:11:09

Publicité

xtof_83

Freeride Spirit

Met au début de ton CSS

* {
margin:0;
padding:0;
}

Comme ça tu vire à tout les éléments les marges spécifié d'origine

Profil supprimé

merci

Message édité par Profil supprimé le 04-03-2006 à 12:17:05

Profil supprimé

sinon pour définir la taille global de ma page, il faut bien ajouter dans le css :heink:

html,body {
background-color : #FFFF88;
width:100%;
height:100%;
}

ensuite les images contenu dans le body seront dimensionner par rapport à ce bout de code?

Profil supprimé

up, et sinon maintenant j'ai un marge à droite, comment l'enlever :whistle:

Profil supprimé

c'est encore moi :ange: .

Bon voilà, mis à part les petits problèmes évoqués ci-dessus, je suis content de mon avancé. Cependant, je vérifiais toujours la mise en page avec IE et lorsque j'ai essayé avec Firefox :fou: , toute la mise en page est désordonnée. Pourriez vous m'aider à trouver où ca coince. merci

Code :

html,body {
background-color : #FFFF88;
}
* {
margin:0;
padding:0;
}
p,ul,li,td {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #000000;
background-color : #FFFF33;
}
h1 {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #000000;
text-align: center;
}
h2 {
font-size : 150%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #000000;
padding-right:50px;
}
#entete {
background-color:transparent;
width:101.75%;
height:10%;
float:left;
}
#menu {
height: 40px;
width: 996px;
border: solid #000 2px;
background-image: url("img/menu.jpg" )
}
#menu ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14;
color: #FFF;
line-height: 40px;
white-space: nowrap;
}
#menu li {
list-style-type: none;
display:inline;
}
#menu li a {
text-decoration: none;
padding: 7px 10px;
color: #000000;
}
#grille {
background-color:transparent;
width:1000px;
height:1000px;
float:left;
background-image: url("img/grille.jpg" )
}
#bas {
background-color:transparent;
width:1000px;
height:50px;
float left;
background-image: url("img/bas.jpg" )
}

et pour le fichier html

Code :

<!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=iso-8859-1" />
<title></title>
<link href="format.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="entete"> <img src=img/entete.jpg alt="Logo title="Logo" >
</div><div id="menu">
<ul>
<li><a href="acceuil.html" title="Page d'accueil" >Accueil</a> </li>
&nbsp &nbsp &nbsp &nbsp &nbsp
<li><a href="top.html">Top</a></li>
&nbsp
<li><a href="faq.html">FAQ</a></li>
&nbsp
<li><a href="contact.html">Contact</a></li>
</ul>
</div></div><div id="grille">
</div><div id="bas">
</div>
</body>
</html>

Profil supprimé

up :hello:

Profil supprimé

please :ange:

hugoOo

laisse pas dépasser ton pixel

[updéguisé]pas beaucoup de réponses! j'aurai beina aimer t'aider mais je ne connais pas la réponse![/updéguisé]

Profil supprimé

merci quand même

Publicité

baai

Manquent les guillements de fermeture après "Logo", ligne 10.

Pour l'espacement entre les <li>, à mon avis tu devrais plutôt définir un "margin" (left ou right) dans le CSS.

Pour la question principale, je sais pas, faudrait regarder en détail Proablement une histoire de boites.

Profil supprimé

je prend note

gm_superstar

Appelez-moi Super

1. Tu as un </div> fermant de trop

2. On écrit   avec un ; à la fin. Mais de toute façon on utilise pas de   pour faire de la présentation, donc tu les vires.

3. Pourquoi mettre #entete en flottant ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Profil supprimé

ok

Sinon lorsque l'on utilise la fonction map, il se créer une bordure bleu autour de l'image. Comment l'enlever?

xtof_83

Freeride Spirit

border:none;

Profil supprimé

merci mais ca c'est si l'image viens du css :??: . Moi je l'ai insérée dans ma page html par <img =src.......

Message cité 1 fois

zebestt

dans ton css tu defini la balise image avec attributs border:none;

IMG {
border:none;
}

Si tu veux en savoir un peu plus sur les css je t'invite à aller sur ce site :http://www.alsacreations.com

Message édité par zebestt le 12-03-2006 à 19:58:43

Profil supprimé

ok merci, je vais aller y faire un tour

xtof_83

Freeride Spirit

ça réponse qui passe trés mal

donc fait comme conseillé...informe toi bien sur alsa de comment marche une page web :ouch:

Message cité 1 fois

zebestt

xtof_83 a écrit :

ça réponse qui passe trés mal

donc fait comme conseillé...informe toi bien sur alsa de comment marche une page web :ouch:

Oui mais on est tous passé par là :wahoo: n'est-ce pas

Message cité 1 fois

xtof_83

Freeride Spirit

zebestt a écrit :

Oui mais on est tous passé par là :wahoo: n'est-ce pas

:ange: heu je vois pas de quoi tu parles :lol:

Fredorcs

idem mdrr xDD

---------------
A LIRE Tout en surfant sur HARDWARE ECOUTE DLA BONNE MUSIC Clic ici tu écoutera DIRECTEMENT et là pour aller sur site de la Web radio

Profil supprimé

salut, alors voilà j'ai un dernier petit problème. Dans le css, j'ai mis:

Code :

body {
background-color:#e1e1ff;
margin:0px;
padding:0px;
text-align:left;
wight:100%;
heidth:100%;
}

En faite, je voudrais que quelque soit la résolution employé par le visiteur, la page soit centrée.

merci

Shinuza

This is unexecpected

Il faut que tu utilises :

Code :

body
{
margin-left:auto;
margin-right:auto;
width:px;
}

Tu dois définir une taille après width, en px ou %

Quelques remarques cependant :

-Range ton code, c'est assez fouilli. Utilises une tabulation par couche de contenant :

Code :

<body>
<div>
<div>
</div>
</div>
</body>

-Tu définis les Hx et pourtant tu ne t'en sers pas! Ils permettent de structurer la sémantique de la page. Tu dois utiliser le h1 autour de ton logo puisque tu n'as aucun gros titre pour ta page par la suite.

Donc à la place de ton "entete", et à la place de ton alt, mets alt="Bienvenue_blabla"

-Utilise un alt explicite pour tes images.

Message édité par Shinuza le 22-03-2006 à 00:42:56

Profil supprimé

Merci pour tes conseils shinuza. Le problème de résoltution est résolu et j'ai mieux organiser le code html

Shinuza

This is unexecpected

No pro, keep the Internet clean

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

Profil supprimé

Bon allez jvai vais encore (ce devrait bientôt etre fini). Je voulais savoir quel étais l'avantage de valider son site par W3C? Parce qu'avec un tutorial de net j'avais mis au début du doc html:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

mais en faite j'ai pas l'impression d'avoir fait du xhtml. J'ai fais mon site avec les balise normal du html... En plus j'ai essayé de tester la validation d'une page sur le site de W3C et il m'a trouvé 50 fautes :whistle:

xtof_83

Freeride Spirit

Ben et alors 50 fautes c'est pas grave corrige tout ça vite fais

Sinon change de doctype

Message cité 1 fois

Profil supprimé

xtof_83 a écrit :

Ben et alors 50 fautes c'est pas grave corrige tout ça vite fais

Sinon change de doctype

Pourquoi et par quoi

xtof_83

Freeride Spirit

Ben si tu veux pas faire du xhtml, fait du html 4.1...

et si tu veux pas du strict fais du transitional

c'est toi qui choisi

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

débutant en html à besoin de quelque renseignements

Sujets relatifs
besoin d'aide plz	rattacher une classe Javascript à un élément HTML
Inclure un fichier html en retirant head/body	[ Besoin D'AIDE ! ] Quelques lignes de code Svp. ( noob )
[C++ débutant] Du texte en couleur dans la console ?	Besoin d'aide LabView Détection de veines urgent
html ? comprends rien ?!	[C++ débutant] Génération d'instances dynamique (?)
Membre sur un site en HTML	Redaction de documentation HTML via Intranet
Plus de sujets relatifs à : débutant en html à besoin de quelque renseignements

Page générée en 0.071 secondes