Besoin d'aide pour mon site en .html

Fermé
sylvain411 Messages postés 6 Date d'inscription mercredi 27 avril 2016 Statut Membre Dernière intervention 28 avril 2016 - Modifié par sylvain411 le 27/04/2016 à 12:52
sylvain411 Messages postés 6 Date d'inscription mercredi 27 avril 2016 Statut Membre Dernière intervention 28 avril 2016 - 28 avril 2016 à 17:01
Bonjour à tous,
voila je débute en programmation .html et j'aurais voulut savoir pour l'instant votre avis sur mes code html...
je ne sais pas à entrer mes mots clé pour la barre de recherche,mon image s'affiche une fois sur deux ,merci de votre aide
voici mon code pour l'instant
A voir également:

4 réponses

jordane45 Messages postés 38275 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 novembre 2024 4 696
27 avril 2016 à 13:02
Bonjour,

1 - Ta question concernant le HTML .. je la déplace dans la bonne section du forum.

2 - Si tu ne nous montres pas tes codes ... impossible pour nous de t'aider !


NB : **** Attention ****
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

.
0
sylvain411 Messages postés 6 Date d'inscription mercredi 27 avril 2016 Statut Membre Dernière intervention 28 avril 2016
27 avril 2016 à 13:19
voici mon code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<Meta charset="utf-8">
<title>Viens faire ton buzz</title>



<style>
body{
background-color:white;
}
div {
  width: 1335px;
  max-width: 1335px;
  min-width: 700px;
}

.bouton {
    width:auto;
    padding:8px 0;
    text-align:center;
    display: inline-block;
    float:left;
    margin:0 8px 0 0;
    border-radius:7px;
    font-size: 0.85em;
    width:120px;
    color:#FAEDED;
    font-family: Arial,sans-serif;
}
.bouton, .bouton:active {
    background: #444;
    background: linear-gradient( #555, #2C2C2C);
    background: -webkit-linear-gradient( #555, #2C2C2C);
    background: -moz-linear-gradient( #555, #2C2C2C);
    background: -ms-linear-gradient( #555, #2C2C2C);
    background: -o-linear-gradient( #555, #2C2C2C);
    background: linear-gradient( #555, #2C2C2C);
}
.bouton {
box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1);
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
}
.bouton:hover {
    background: #555;
    background: -webkit-linear-gradient( #777, #333);
    background: -moz-linear-gradient( #777, #333);
    background: -ms-linear-gradient( #777, #333);
    background: -o-linear-gradient( #777, #333);
    background: linear-gradient( #777, #333);
}
.bouton:active{box-shadow: 1px 1px 10px #000 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}


body {
background:rgb(43,127,192)
}

#searchbar { width: 100%; text-align: right; }

div#footer {
	position: absolute;
	width: 750px;
	bottom: 0;
	left: 10px;
	}








 
</style>
<META NAME="AUTHOR" CONTENT="VIENS FAIRE TON BUZZ">
<META NAME="DESCRIPTION" CONTENT="Site de BUZZ">
<meta name="viewport" content="width=device-width"/>
</head>

<body>
<div id="global">
<div id="entete"></div>
<!--#entete -->
<img src="https://scontent-cdg2-1.xx.fbcdn.net/v/t1.0-9/10959887_1557674924516396_909767054534093946_n.jpg?oh=05e1b0364f572302d8547f894aaee1a2&oe=57BA9BD5" alt="image" width="1335" height="270" title="VFTB"style="text-align:center">
</div>
 <br>   
 <div id="centre">
 <div id="navigation">
<div class="menu-vftb-container">
<ul id class="menu-vftb" class="menu"
<li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-22">
</li>

<?php





?>



<header>

<a href="file:///C:/Users/pc%20sylvain/Documents/SITE%20VFTB.html" class="bouton">ACCUEIL</a>

<a href="file:///C:/Users/pc%20sylvain/Documents/vftb%20page%202.html" class="bouton">NEWS</a>

<a href="file:///C:/Users/pc%20sylvain/Documents/Vftb%20page%203.html" class="bouton">FREESTYLES</a>

<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%204.html" class="bouton">CLIPS</a>

<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%205.html" class="bouton">SONS</a>

<a href="file:///C:/Users/pc%20sylvain/Documents/vftb%20page%206.html" class="bouton">PHOTOS</a>

<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%207.html" class="bouton">BUZZ</a>

<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%208.html" class="bouton">BOUTIQUE</a>

<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%209.html" class="bouton">NOUS CONTACTER</a>
 <br><br><br><br><br>

 <form id="searchbar" method="post">
<div class="btn-left-loupe"></div>
<input class="search_data" name="saisie" type="text" placeholder="Rechercher artistes..."onfocus="if(this.value=='Rechercher artistes...')this.value=''" onblur="if(this.value=='')this.value='Rechercher artistes...'" required />
<input class="btn-right-fleche" name="go" type="submit" value="ok" />
</form> 
</div>

<div class="widget">
 <h3 class="widget-title"align="left">
 <p><font color="white"style="background:#555">NEWS</font></p>
  
</h3>
</div>
 
 <div class="video-container">


  
 
 
 
 </div>
 
 <div class="widget">
<h3 class="widget-title"align="right">
<p><font color="white"style="background:#555">REJOIGNEZ NOUS</font></p>

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="NA4DWHPN9X6ZE">
<table>
<tr><td><input type="hidden" name="on0" value="Achat"></td></tr><tr><td><select name="os0">
	<option value="Formule A">Formule A €20,00 EUR</option>
	<option value="Formule B">Formule B €50,00 EUR</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !">
<img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>
 

  	

 
 
 
 
 
 
 </header>



</div>
<footer>
<p>Copyright © 2015 - Viens faire ton buzz - Tous droits réservés</p> 


 
 

</footer>



</body>










</html>
0
sylvain411 Messages postés 6 Date d'inscription mercredi 27 avril 2016 Statut Membre Dernière intervention 28 avril 2016
27 avril 2016 à 22:30
Personne pour m'aider?
0
Spy17 Messages postés 107 Date d'inscription lundi 17 juin 2013 Statut Membre Dernière intervention 13 octobre 2016 33
28 avril 2016 à 15:27
Bonjour, alors pour commencer, est ce que tu pourrais remettre ton code en indexant ? Car là c'est illisible et impossible de t'aider :/

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<Meta charset="utf-8">
		<title>Viens faire ton buzz</title>
		<link rel="stylesheet" href="./style.css" />

		<META NAME="AUTHOR" CONTENT="VIENS FAIRE TON BUZZ">
		<META NAME="DESCRIPTION" CONTENT="Site de BUZZ">
		<meta name="viewport" content="width=device-width"/>
	</head>

	<body>
		<div id="global">
			<div id="entete">
				<!--#entete -->
				<img src="https://scontent-cdg2-1.xx.fbcdn.net/v/t1.0-9/10959887_1557674924516396_909767054534093946_n.jpg?oh=05e1b0364f572302d8547f894aaee1a2&oe=57BA9BD5" alt="image" width="1335" height="270" title="VFTB"style="text-align:center">
			</div>
		</div>
		<br>   
		<div id="centre">
			<div id="navigation">
				<div class="menu-vftb-container">
					<ul id class="menu-vftb" class="menu">
						<li id="menu-item-22" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-22"></li>
					</ul>
				</div>
			</div>
		</div>

		<header>
			<a href="file:///C:/Users/pc%20sylvain/Documents/SITE%20VFTB.html" class="bouton">ACCUEIL</a>
			<a href="file:///C:/Users/pc%20sylvain/Documents/vftb%20page%202.html" class="bouton">NEWS</a>
			<a href="file:///C:/Users/pc%20sylvain/Documents/Vftb%20page%203.html" class="bouton">FREESTYLES</a>
			<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%204.html" class="bouton">CLIPS</a>
			<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%205.html" class="bouton">SONS</a>
			<a href="file:///C:/Users/pc%20sylvain/Documents/vftb%20page%206.html" class="bouton">PHOTOS</a>
			<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%207.html" class="bouton">BUZZ</a>
			<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%208.html" class="bouton">BOUTIQUE</a>
			<a href="file:///C:/Users/pc%20sylvain/Documents/VFTB%20PAGE%209.html" class="bouton">NOUS CONTACTER</a>
			
			<br><br><br><br><br>

			<form id="searchbar" method="post">
			<div class="btn-left-loupe"> </div>
<input class="search_data" name="saisie" type="text" placeholder="Rechercher artistes..."onfocus="if(this.value=='Rechercher artistes...')this.value=''" onblur="if(this.value=='')this.value='Rechercher artistes...'" required />
<input class="btn-right-fleche" name="go" type="submit" value="ok" />
</form> 
</div>

<div class="widget">
 <h3 class="widget-title"align="left">
 <p><font color="white"style="background:#555">NEWS</font></p>
  
</h3>
</div>
 
 <div class="video-container">

 </div>
 
 <div class="widget">
<h3 class="widget-title"align="right">
<p><font color="white"style="background:#555">REJOIGNEZ NOUS</font></p>

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="NA4DWHPN9X6ZE">
<table>
<tr><td><input type="hidden" name="on0" value="Achat"></td></tr><tr><td><select name="os0">
	<option value="Formule A">Formule A €20,00 EUR</option>
	<option value="Formule B">Formule B €50,00 EUR</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !">
<img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>

 </header>
</div>
<footer>
<p>Copyright © 2015 - Viens faire ton buzz - Tous droits réservés</p> 
</footer>

</body>

</html>


Et ton css dans une autre page, c'est plus propre

body{
background-color:white;
}
div {
  width: 1335px;
  max-width: 1335px;
  min-width: 700px;
}

.bouton {
    width:auto;
    padding:8px 0;
    text-align:center;
    display: inline-block;
    float:left;
    margin:0 8px 0 0;
    border-radius:7px;
    font-size: 0.85em;
    width:120px;
    color:#FAEDED;
    font-family: Arial,sans-serif;
}
.bouton, .bouton:active {
    background: #444;
    background: linear-gradient( #555, #2C2C2C);
    background: -webkit-linear-gradient( #555, #2C2C2C);
    background: -moz-linear-gradient( #555, #2C2C2C);
    background: -ms-linear-gradient( #555, #2C2C2C);
    background: -o-linear-gradient( #555, #2C2C2C);
    background: linear-gradient( #555, #2C2C2C);
}
.bouton {
box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1);
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
}
.bouton:hover {
    background: #555;
    background: -webkit-linear-gradient( #777, #333);
    background: -moz-linear-gradient( #777, #333);
    background: -ms-linear-gradient( #777, #333);
    background: -o-linear-gradient( #777, #333);
    background: linear-gradient( #777, #333);
}
.bouton:active{box-shadow: 1px 1px 10px #000 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

body {
background:rgb(43,127,192)
}

#searchbar { width: 100%; text-align: right; }

div#footer {
	position: absolute;
	width: 750px;
	bottom: 0;
	left: 10px;
}



Cordialement,
Spy
0
sylvain411 Messages postés 6 Date d'inscription mercredi 27 avril 2016 Statut Membre Dernière intervention 28 avril 2016
28 avril 2016 à 17:01
je vais commencer par ça ,merci Spy17 pour l'exemple
0