5568 sujets

Sémantique web et HTML

Bonjour à tous....

Alors pour la petite histoire je suis en train de monter un site qui a un rapport avec ma profession, je fais du flocage, sérigraphie sur t shirt.....
Et comme je n'ai pas les moyens des grosses cylindrées, je fais ca tout seul...et j'en ch.....
En clair j'en suis arrivé au moment ou le client choisit un texte, une couleur, une police et une taille de corps.... et c'est là que les choses se corsent.
J'explique, j'aimerai que le texte que tape le client, dans une zone texte, s'affiche dans un calque qu'il puisse en modifier la couleur, la police et la taille...j'ai beau me crever les yeux a chercher la solution sur le net, je ne trouve pas ma vie, je suis un débutant dans le domaine de la création de pages web, mais celui qui me trouve un script qui foncionne, je lui offre un t-shirt avec ce qu'il veut dessus, texte ou photo....
si ca peut aider je fais un copier coller de mon script....soyez indulgent svp
Smiley smile
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><HEAD>
<TITLE>Tout JavaScript.com - Envoyer un formulaire par mailto</TITLE>
<SCRIPT language="JavaScript" type="text/javascript">
// D'autres scripts sur http://www.toutjavascript.com
function Envoyer(f) {
f.submit();
}
</SCRIPT>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:108px;
height:55px;
z-index:1;
left: 77px;
top: 68px;
}
.Style1 {color: #FFFFFF}
-->
</style>
</HEAD>

<body>
<img src="bvk/sites/echape/photos/photos/prev.unisexblanc_face.jpg" width="240" height="240">
<layer left="76" top="61" width="109" height="70"></layer>
<div id="montexte" value="Prévisualiser"></div>
<tr>

<td width="549"><table width="200" border="0">
<form name="commande" action="mailto:bernardvk@free.fr" method="post" enctype="text/plain">
<table width="677" border="0" cellspacing="5" cellpadding="0">
<tr>
<td width="282"><b>Ajouter du texte sur votre tshirt :</b><span class="Style1">ref:vm-0001</span><br>
<div id="montexte"><textarea name="texte" cols="40" rows="5"></textarea><br></div>
<input type="submit" name="Submitttf" value="Pr&eacute;visualiser" class="boutique_bouton" /></td>
<td width="380"><table width="380" border="0">
<tr>
<td width="14%" valign="top" class="boutique_normal">Police : </td>
<td width="39%" valign="top">
<select name="police" class="panier_petit">

<!--<option value="times" >Times</option>-->
<option value="8underground" >8underground</option>
<option value="arial" selected>arial</option>
<option value="banana" >banana</option>
<option value="ogrejuice" >ogrejuice</option>
<option value="delarge" >delarge</option>
<option value="zorque" >zorque</option>
<option value="acdc" >acdc</option>
<option value="huskystach" >huskystach</option>
<option value="foo" >foo</option>
<option value="blazed" >blazed</option>
<option value="punk" >punk</option>
<option value="geek" >geek</option>
<option value="spooky_magic" >spooky
magic</option>
<option value="godzilla" >godzilla</option>
<option value="sickness" >sickness</option>
<option value="discotheque" >discotheque</option>
<option value="boogie_night" >boogie
night</option>
<option value="tonight_" >tonight </option>
<option value="royal_acid" >royal
acid</option>
<option value="masquerade" >masquerade</option>
<option value="peace" >peace</option>
<option value="wideawake" >wideawake</option>
<option value="skater" >skater</option>
<option value="more_than_human" >more
than human</option>
<option value="grunt_reaper" >grunt
reaper</option>
<option value="gargoyle" >gargoyle</option>
<option value="quake&shake" >quake&shake</option>
<option value="ericson" >ericson</option>
<option value="emporium" >emporium</option>
<option value="5cent" >5cent</option>
<option value="you_are_what_you_eat" >you
are what you eat</option>
<option value="army" >army</option>
<option value="beast" >beast</option>
<option value="blade_runner" >blade
runner</option>
<option value="lambada" >lambada</option>
<option value="walt" >walt</option>
<option value="alba" >alba</option>
<option value="calavera" >calavera</option>
<option value="guevara" >guevara</option>
<option value="bjork" >bjork</option>
<option value="angelica" >angelica</option>
<option value="kamikzom" >kamikzom</option>
<option value="mad_science" >mad
science</option>
<option value="x-scale" >x-scale</option>
<option value="times" >times</option>
<option value="courrier" >courrier</option>
<option value="wolfsbane" >wolfsbane</option>
<option value="comic" >comic</option>
<option value="fat_boy_slim" >fat
boy slim</option>
<option value="alien" >alien</option>
<option value="ziggy" >ziggy</option>
<option value="littlelord" >littlelord</option>
<option value="teamspirit" >teamspirit</option>
<option value="one8seve" >one8seve</option>
<option value="good_girl" >good
girl</option>
<option value="hiphiphip" >hiphiphip</option>
<option value="airstream" >airstream</option>
<option value="nightmare" >nightmare</option>
<option value="buffy" >buffy</option>
<option value="kruffy" >kruffy</option>
<option value="Kill" >Kill</option>
<option value="lokicola" >lokicola</option>
<option value="sega" >sega</option>
<option value="black_castle" >black
castle</option>
<option value="digital" >digital</option>
<option value="doors" >doors</option>
<option value="alien_encounters" >alien
encounters</option>
<option value="misfit" >misfit</option>
<option value="fashion_victim" >fashion
victim</option>
<option value="chick" >chick</option>
<option value="sabrina" >sabrina</option>
<option value="flintstone" >flintstone</option>
<option value="starjedi" >starjedi</option>
<option value="megadeth" >megadeth</option>
<option value="shagadelic" >shagadelic</option>
<option value="neon" >neon</option>
<option value="croobie" >croobie</option>
<option value="cramps" >cramps</option>
<option value="hacker" >hacker</option>
<option value="just_another_font" >just
another font</option>
<option value="sneakout" >sneakout</option>
<option value="junior_stinky" >junior
stinky</option>
<option value="samaro" >samaro</option>
<option value="diploma" >diploma</option>
<option value="sherwood" >sherwood</option>
<option value="quake" >quake</option>
<option value="maiden" >maiden</option>
<option value="britney" >britney</option>
<option value="grease" >grease</option>
<option value="karloff" >karloff</option>
<option value="teen_spirit" >teen
spirit</option>
<option value="crass" >crass</option>
<option value="x-files" >x-files</option>
<option value="smash" >smash</option>
<option value="ardagh" >ardagh</option>
<option value="excalibur" >excalibur</option>
<!--<option value="hiroshima" >hiroshima</option>-->
<option value="cezanne" >cezanne</option>
</select>
<span class="boutique_couleur">&gt;&gt;&nbsp;</span><a class="boutique_ptlink" href="fonts.html">voir les polices</a> </td>
</tr>
<tr>
<td valign="top" class="boutique_normal">Taille : </td>
<td valign="top">
<select name="taille police" class="panier_petit">

<option value="4" >Corps
4</option>
<option value="6" >Corps
6</option>
<option value="8" >Corps
8</option>
<option value="10" selected>Corps
10</option>
<option value="12" >Corps
12</option>
<option value="14" >Corps
14</option>
<option value="16" >Corps
16</option>
<option value="18" >Corps
18</option>
<option value="20" >Corps
20</option>
<option value="22" >Corps
22</option>
<option value="24" >Corps
24</option>
<option value="26" >Corps
26</option>
<option value="28" >Corps
28</option>
<option value="30" >Corps
30</option>
<option value="32" >Corps
32</option>
<option value="34" >Corps
34</option>
<option value="36" >Corps
36</option>
<option value="38" >Corps
38</option>
<option value="40" >Corps
40</option>
</select> </td>
</tr>
<tr>
<td valign="top" class="boutique_normal">Couleur : </td>
<td valign="top">
<select name="couleur" class="panier_petit">

<option value="000000" selected>Noir</option>
<option value="FFFFFF" >Blanc</option>
<option value="FFF500" >Jaune Clair</option>
<option value="FCD816" >Jaune foncé</option>
<option value="E35110" >Orange</option>
<option value="C01D20" >Rouge</option>
<option value="AB373B" >Marron</option>
<option value="C82E7F" >Mauve</option>
<option value="521973" >Violet</option>
<option value="F2A5C5" >Rose</option>
<option value="006600" >Vert</option>
<option value="2E4674" >Bleu navy</option>
<option value="0099CC" >Bleu clair</option>
<option value="00739B" >Gris-bleu</option>
<option value="929694" >Gris</option>
</select> </select> </td>
</tr>
<tr>
<td height="24" valign="top" class="boutique_normal">Alignement&nbsp;: </td>
<td valign="top">
<select name="alignement" class="panier_petit">

<option value="1" selected>Texte au dessus</option>
<option value="2" >Au milieu</option>
<option value="3" >Texte en dessous</option>
</select> </td>
</tr>

</table></td>
</tr>
<tr>
<td><span class="Style1">REF :</span></td>
<td><input name="ref : " type="text" class="Style1" value="vm-0001" size="5"></td>
</tr>
</table>
<table width="303" border="0">
<tr>
<td>Taille : </td>
<td width="25%"> <select name="size" id="select3" onchange="changeSize(this.options[this.selectedIndex].value)" class="panier_petit">
<option value="1">Taille : S</option><option value="2" selected="selected" >Taille : M</option><option value="3">Taille : L</option><option value="4">Taille : XL</option><option value="8">Taille : XXL</option> </select></td>
<td width="25%">Couleur :</td>
<td width="25%"><select name="color" id="select2" onchange="changeColor(this.options[this.selectedIndex].value)">
<option value="11">Noir</option><option value="12">Rouge</option><option value="13" selected="selected" >Kaki</option><option value="20">Jaune</option><option value="15">Bleu Ciel</option><option value="16">Sable</option><option value="21">Orange</option><option value="22">Burgundy</option><option value="23">Chocolat</option> </select></td>
</tr>
<tr>
<td>Quantit&eacute; :</td>
<td><input name="quantité" type="text" size="5" value="1"></td>
<td class="panier_normal">Prix :
20.00&nbsp;&euro;</td>
<td><input type="submit" value="Envoyer" onClick="return validForm();"></td></tr></table></form>

</body>
</html>

Je remercie par avance tous ceux qui auront passé un moment sur mon problème

Kawa[code]
Modifié par bernard26000 (26 Jun 2007 - 20:26)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif