obiwan
Inscrit le: 27 Juil 2006
Messages: 1
|
 Posté le:
Jeu Juil 27, 2006 7:19 pm | Sujet du message : |
  |
Bonjour je me suis lancer dans la creation d'un site j'ai creer ma premiere page qui et un formulaire qui fonctionne tres bien mais le probleme ses que le style css ne fonctionne pas du tout.
Voici le code css :
body {
font-family: verdana, arial, helvetica, sans-serif;
font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
color:#000000;
}
a {
text-decoration: none;
font-weight: bold;
outline: none;
}
a:visited {
}
a:active {
}
a:hover {
text-decoration: underline;
}
strong, b {
font-weight: bold;
}
hr {
margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
color: #ccc; /* for ie */
background-color: #ccc; /* for everyone else */
height: 1px;
}
p {
font-size: 90%;
line-height: 1.1em;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
li {
font-size: 90%;
line-height: 1.1em;
margin-top: 0.3em;
margin-bottom: 0.2em;
}
ul {
margin-top: 1.0em;
margin-bottom: 1.0em;
}
td {
font-size: 90%;
}
hr {
margin-top: 2.0em;
margin-bottom: 2.0em;
}
img {
border: 0;
}
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}
.italics-test, .italics-test-side {
font-style: italic;
text-align: justify;
}
et mon code dans ma page html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Pragma" content="no-cache">
<title>New Html Document</title>
<link rel="stylesheet" href="">
<link rel="stylesheet" href="/noodle_real.css" type="text/css">
<script src="formValidator.js"></script>
<script>
function init() {
////////////////////////////////////////////////////////////////////////////////
// str Correct Field Image Path, str Incorrect Field Image Path, str Help Field Image Path
fv=new FormValidator('checkOk.gif', 'checkKo.gif', 'checkHelp.gif');
//
////////////////////////////////////////////////////////////////////////////////
//
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname
fv.addFieldCheck('Non vide 1', 'textInput1_1', 'isNotEmpty', true, 'Non Vide', true, 'errorTextInput');
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname, int Min Chars, int Max Chars
fv.addFieldCheck('AlphaNum 1', 'textInput1_2', 'isAlphaNumeric', true, '3 caracteres alphanumerique', true, 'errorTextInput', 3, 3);
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname, int Nb Decimals, float Min Value, float Max Value
fv.addFieldCheck('Number 1', 'textInput1_3', 'isNumber', true, 'Nombre avec 2 decimal et entre -25 et 30', true, 'errorTextInput', 2, -25, 30);
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname, int Min Chars, int Max Chars
fv.addFieldCheck('String 1', 'textInput1_4', 'isAlpha', true, 'chaine entre 5 et 10 caracteres', true, 'errorTextInput', 5, 10);
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname, int Nb Chars, bool Year First, str Min Value, str Max Value
fv.addFieldCheck('Date 1', 'textInput1_5', 'isDate', true, 'Date entre 19500101 et 19861231', true, 'errorTextInput', 8, true, '19500101', '19861231');
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname, bool Case Sensitive, array Authorized Values
fv.addFieldCheck('Enum 1', 'textInput1_6', 'isEnum', true, '"ab", "bc" or "ca"', true, 'Erreur seulement "ab" "bc" ou "ca"', false, ['ab', 'bc', 'ca']);
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname
fv.addFieldCheck('E-mail 1', 'textInput1_7', 'isEmail', true, 'mon.nom@domain.nom.com', true, 'errorTextInput', false);
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname, int Min Chars, int Max Chars, bool Number Sign Before
fv.addFieldCheck('HexaNumber 1', 'textInput1_8', 'isHexa', true, 'nombre Hexadecimal entre #00 and #FFFFFF', true, 'errorTextInput', 2, 6, true);
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname
fv.addFieldCheck('Select 1', 'selectInput1_1', 'isSelected', true, 'Choisissez une option svp', true, 'errorTextInput');
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname, int Min Nb Selected, int Max Nb Selected
fv.addFieldCheck('Multiple Select 1', 'selectInput1_2', 'atLeastXOptionsSelected', true, "svp choisisez une ou deux option(s).\nAppuyé sur la touche controle pour 1 choix multiple", true, 'errorTextInput', 1, 2);
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname
fv.addFieldCheck('Radio 1', 'radioInput1_1', 'isChecked', true, 'Une option doit etre choisie', true, 'errorTextInput');
////////////////////////////////////////////////////////////////////////////////
// str Field Label, str Input Field Name, str Check To apply, bool Field Mandatory, str Hint For Image, bool Use Image, str Error Css Classname
fv.addFieldCheck('Checkbox 1', 'checkboxInput1_1', 'isChecked', true, 'doit etre choisie', true, 'errorTextInput');
//
////////////////////////////////////////////////////////////////////////////////
//
}
</script>
</head>
<body onload="init();">
<form>
<table border="0" cellpadding="3" cellspacing="0" width="740">
<tr>
<td width="200" align="right">Non vide:</td>
<td width="150"><input type="text" name="textInput1_1" class="textInput" style="width: 150px;"></td>
</tr>
<tr>
<td width="200" align="right">AlphaNum (3 ch):</td>
<td width="150"><input type="text" name="textInput1_2" class="textInput" style="width: 150px;"></td>
</tr>
<tr>
<td width="200" align="right">Nombre (>-25.00 & <30.00):</td>
<td width="150"><input type="text" name="textInput1_3" class="textInput" style="width: 150px;"></td>
</tr>
<tr>
<td width="200" align="right">caractere (entre 5 & 10 ch):</td>
<td width="150"><input type="text" name="textInput1_4" class="textInput" style="width: 150px;"></td>
</tr>
<tr>
<td width="200" align="right">Date (>19500101 & <19861231):</td>
<td width="150"><input type="text" name="textInput1_5" class="textInput" style="width: 150px;"></td>
</tr>
<tr>
<td width="200" align="right">Enum ('ab', 'bc' or 'ca'):</td>
<td width="150"><input type="text" name="textInput1_6" class="textInput" style="width: 150px;"></td>
</tr>
<tr>
<td width="200" align="right">E-mail:</td>
<td width="150"><input type="text" name="textInput1_7" class="textInput" style="width: 150px;"></td>
</tr>
<tr>
<td width="200" align="right">Hex Number:</td>
<td width="150"><input type="text" name="textInput1_8" class="textInput" style="width: 150px;"></td>
</tr>
<tr>
<td width="200" align="right">Select:</td>
<td width="150">
<select name="selectInput1_1" class="textInput" style="width: 150px;">
<option value="">Choisissez</option>
<option value="First">john</option>
<option value="Second">obiwan</option>
<option value="Third">euhh</option>
</select>
</td>
</tr>
<tr>
<td width="200" align="right" valign="top" style="padding-top: 3px;">Multiple Selection:</td>
<td width="150">
<select name="selectInput1_2" class="textInput" style="width: 150px;" size="2" multiple>
<option value="First">motoko</option>
<option value="Second">keitaro</option>
<option value="Third">myu</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="spacer">
<fieldset>
<legend>Radio</legend>
<table border="0" cellpadding="3" cellspacing="0" width="200" align="center">
<tr>
<td width="50" align="right">Un</td>
<td width="50"><input type="radio" name="radioInput1_1" value="one" class="textInput"></td>
<td width="50" align="right">Deux</td>
<td width="50"><input type="radio" name="radioInput1_1" value="two" class="textInput"></td>
</tr>
<tr>
<td width="50" align="right">Trois</td>
<td width="50"><input type="radio" name="radioInput1_1" value="three" class="textInput"></td>
<td width="50" align="right">Quatre</td>
<td width="50"><input type="radio" name="radioInput1_1" value="four" class="textInput"></td>
</tr>
</table>
</fieldset>
</td>
</tr>
<tr>
<td width="200" align="right">First</td>
<td width="150"><input type="checkbox" name="checkboxInput1_1" value="first" class="textInput"></td>
</tr>
<tr>
<td colspan="5" height="50" align="center" valign="bottom">
<table border="0" cellpadding="3" cellspacing="0" width="530" align="center">
<tr>
<td align="center"><input type="button" name="fvCheckAllFields" value="Valider (Avec Alerte)" class="buttonInput" style="width: 150px;" onclick="if (fv.checkFields(true)) { alert('Form is OK'); }"></td>
<td align="center"><input type="button" name="fvCheckAllFields" value="Valider (Sans Alerte)" class="buttonInput" style="width: 150px;" onclick="if (fv.checkFields(false)) { alert('Form is OK'); }"></td>
<td align="center"><input type="button" name="fvClearErrors" value="Effacer Erreurs" class="buttonInput" style="width: 150px;" onclick="fv.clearErrors();"></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Pourriez-vous me dire se qui cloche merci beaucoup de votre aide |
_________________
Que la FORCE soit avec vous !!!!
|
|
Rechercher
