captain_torche
-
Compteur de contenus
7 531 -
Inscrit(e) le
-
Dernière visite
Messages postés par captain_torche
-
-
Techniquement, si le traitement de tes 45 requêtes est identique, tu peux mettre ce traitement dans une boucle for (par exemple).
-
Change le width: 25% en 24% dans le .droite
Enlève le height: 0 dans le .bas
Et sinon, fais un peu de tests, tout de même.
Je veux bien t'aider, mais pas faire ton site !
-
Mais si le lien est un seul acronyme ?
<a href="#" title="Historique de la RATP"><acronym title="Réseau Autonome de Transports Publics">RATP</acronym></a>
Ou si jamais mon lien est en grande partie composée d'acronymes (je sais, je chipote) ?
<a href="#" title="pourquoi la sncf affiche du PHP dans ses urls">Le <acronym title="PHP is an Hypertext Preprocesor">PHP</acronym>dans les <acronym title="Unified Resource Locator">urls</acronym> de la <acronym title="Société Nationale des Chemins de fer Français">SNCF</acronym></a>
Ca perturbe tout de même le lecteur.
-
Je ne connais aucune loi qui ôte au photographe la propriété de sa photo, si l'objet est de consommation courante
En pratique, plein de personnes le font, mais si tu veux rester dan sla légalité, je te conseille de prendre contact avec l'auteur des photos, ou ... de les prendre toi-même
-
Personnellement, je déconseillerais l'utilisation de la balise acronym dans un lien.
Tout simplement parce qu'au survol de la souris, l'affichage du titre de l'acronyme a la priorité sur l'affichage du titre du lien, ce qui peut troubler le visiteur. Il vaut mieux renseigner sur la page de destination, plutôt que sur l'acronyme (celui-ci étant expliqué lui-même dans la page de destination).
-
Rajoute juste ceci à otn CSS
.bas h1 {
margin: 0;
}Sinon, évite l'utilisation des balises de titre (h1, h2, ...) quand ce n'est pas justifié (donc quand ce n'est pas un titre).
C'est le cas, par exemple, du texte de ton footer.
-
Si le bouton est généré par un ActiveX, c'est parfaitement normal qu'il ne puisse fonctionner, ActiveX nécessitant (à ma connaissance) une platerforme IE/Win pour fonctionner.
Mais, je m'étonne d'ailleurs, que l'ActiveX te soit proposé pour ce type de bouton ...
-
Ca dépend de ce que tu appelles "sauter une ligne".
Passer à la ligne, avec <br /> ?
Changer de paragraphe (fermer la balise </p>, rouvrir un autre <p>) ?
Dans le premier cas (et quel que soit le nombre de <br />, c'est le line-height qui est en cause.
Dans le second, c'est les marges de la balise paragraphe qu'il faut regarder.
-
L'interlignage, c'est l'espace entre deux lignes de texte.
Si tu veux simplement (si j'ai bien compris), espacer ton footer et le reste de ton site, rajoute juste
margin-top: ta_valeur; dans le code de .bas.
Sinon, pour faire un css externe, il faut que tu copies/colles le contenu entre les balises <style>, dans un fichier (par exemple, style.css).
Ensuite, tu remplaces ces balises style, par
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="style.css" />
-
Attention : un site peut très bien être standard (à prendre dans le sens : il passe la validation W3C), et pourtant utiliser un design tabulaire !
Le zen garden, n'est qu'une 'vitrine' de CSS. Il expose des designs parfois très réussis, partant d'une base HTML à chaque fois identique.
Ensuite, l'appréciation de 'beauté' d'un site, ça reste très personnel
Pour toi, par exemple, que faut-il à un site pour qu'il soit beau ?
-
Bon, j'ai un peu modifié ton code.
Tu as du mal à te séparer des tableaux, hein !
Je t'ai donc supprimé toute trace de tableau (tu n'en utilisais qu'un, une ligne, une cellule -> j'ai fait la même chose avec un DIV).
Sinon, ton souci principal, venait du fait que ton footer, n'avait pas d'instruction de placement.
Tu avais bien spécifié un .spacer, mais il n'était pas utilisé dans le code.
Il a donc suffi de spécifier un clear: both dans le footer (.bas), et le tour était joué.
<!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>
<style type="text/css">
body {
margin: 0;
margin-top: 5px;
font-family:verdana, sans-serif;
font-size:80%;
color:#760587;
text-align:left;
}
.head1 {
width: 764px;
height: 170px;
}
.head2 {
margin-left: 370px;
margin-top: 145px;
width: auto;
height: 15px;
}
.head2 a{
font-size: 16px;
font-weight: bold;
color: #060C6F;
text-decoration: underline;
margin-left: 20px;
}
.gauche { /* définition de la colonne gauche */
float:left ; /* flotte à gauche */
width:24% ; /* largeur : 24% de .container */
background-color:#FE6001 ; /* couleur de la colonne */
height:100% ; /* hauteur : 100% du .container */
margin:0 ; padding:0} /* marges */
.centre {/* définition de la colonne centre */
float:left ; /* flotte à gauche */
width:50% ; /* largeur : 50% de .container */
height:100% ; /* hauteur : 100% du .container */
margin:0;padding:0 ; /* marges */
background-color:#760587; /* couleur de la colonne */
border-left:4px solid white; /* bordure gauche */
border-right:4px solid white} /* bordure droite */
.droite { /* colonne droite */
float:left ; /* flotte à gauche */
width:24% ; /* largeur : 23% de .container */
background-color:#FE6001 ; /* couleur de la colonne */
height:100% ; /* hauteur : 100% du .container */
margin:0 ; padding-left:0}/* marges */
.bas { /* définition de la colonne bas*/
clear: both;
width: 764px;
height: 20px;
background-color:#760587 ;
margin:0;
padding-left:0
}
.logoM {
float: left; /* alignement du logo à gauche*/
margin-left: 0px; /* placement du logo dans son conteneur, head1 */
margin-top: 0px;
border: 0;
}
.logoM2 {
float: right; /* alignement du logo à droite*/
margin-right: 10px; /* placement du logo dans son conteneur, head1 */
margin-top: 10px;
border: 0;
}
h1 {
font-family:verdana, sans-serif;
font-size:80%;
color:#FE6001;
background-color:transparent;
text-align:left;
}
h2 {
font-family:verdana, sans-serif;
font-size:80%;
color:#760587;
background-color:transparent;
text-align:left;
}
h3 {
font-family:verdana, sans-serif;
font-size:80%;
color:#760587;
background-color:transparent;
text-align:left;
}
p {
font-family:verdana, sans-serif;
font-size:80%;
color:#FE6001;
text-align:left;
margin-left:0px;
margin-right:0px;
margin-top: 2px;
}
li {
font-family:verdana, sans-serif;
font-size:80%;
color:#FE6001;
background-color:transparent;
text-align:left;
margin-left:0px;
margin-right:0px;
}
a:link {
font-family:verdana, sans-serif;
font-size:80%;
color:#760587;
background-color:transparent;
text-decoration:none;
}
a:visited {
font-family:verdana, sans-serif;
font-size:80%;
color:#760587;
background-color:transparent;
text-decoration:underline;
}
a:hover {
font-family:verdana, sans-serif;
font-size:80%;
color:#FE6001;
background-color:transparent;
text-decoration:underline;
}
#conteneur {
margin: auto;
width: 764px;
border: 1px dotted #760587;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<div id="conteneur">
<div align="left">
<p><img src="logoM.jpg" class="logoM" alt="logoM" /><img src="logoM2.jpg" class="logoM2" alt="logoM" /></p>
</div>
<div class="head2"> <a href="...">Services</a> <a href="...">Produits</a> <a href="...">Forum</a> <a href="...">Catalogue</a> <a href="...">Contacts</a></div>
<div class="gauche">
<p> </p>
</div>
<div class="centre">
<h1>Bienvenue chez MEDIAKAP.NET le spécialiste de la conception de sites Internet Design. Nous mettons toutes vos envies à votre portée : création du site Internet, relookage, réservation du nom de domaine, hébergement, référencement avec des outils très professionnels, Statistiques, Formation à Internet et ses logiciels, prospectus commercial ... </h1>
<h1>Charte graphique personnalisée, avec vous aurez un site Internet tendance et design, unique ! Intéressez ? Contactez nous immédiatement.
</h1>
</div>
<div class="droite">
<p> </p>
</div>
<div class="bas">
<p> </p>
</div>
</div>
</body>
</html>Edit : pour l'espacement entre les lignes, tu as deux choix :
Soit c'est entre deux lignes d'un même paragraphe, auquel cas il faudra spécifier
p {
line-height: ta_valeur;
}Soit c'est entre deux paragraphes, auquel cas il faudra définir les marges du paragraphe.
-
Et ton HTML ?
-
Je pense que tu trouveras ton bonheur sur le site d'alsacreations.
-
Bon, un petit truc vite fait (donc pas forcément super-génial), mais pour te donner une idée du "sans tableau".
<!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>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#header {
margin: auto;
margin-top: 10px;
padding: 2px;
width: 764px;
height: 30px;
border: 1px solid #000;
}
#header .logo1 {
float: left;
}
#header .logo2 {
float: right;
}
#header ul {
float: left;
list-style-type: none;
width: 600px;
text-align: center;
}
#header li {
display: inline;
}
#header a {
color: #060C6F;
text-decoration: none;
font-weight: bold;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<div id="header">
<img src="logoM.jpg" alt="logoM" class="logo1" />
<ul>
<li><a href="">Services</a></li>
<li><a href="">Produits</a></li>
<li><a href="">Forum</a></li>
<li><a href="">Catalogue</a></li>
<li><a href="">Contacts</a></li>
</ul>
<img src="logoM.jpg" alt="logoM" class="logo2" />
</div>
</body>
</html>Bon, j'ai mis le CSS en interne pour tout avoir dans un seul fichier, mais c'est effectivement une bonne idée de l'externaliser. Par contre, pense à mettre un chemin relatif vers ton fichier CSS (parce que je doute que ton hébergeur comprenne le c:\Documents and settings\People\Bureau\M\3.css
-
Dans l'idéal, il faudrait que tu postes ton HTML également, qu'on puisse avoir une idée de l'organisation de ton code.
-
Il vaudrait mieux que tu crées un autre sujet, parce qu'on frise le hors-sujet, là
Sinon, normalement, un tableau est transparent par défaut.
-
Oh oh étape par étape !
Tout d'abord je continue avec mes petits tableaux tout en utilisant les CSS et par la suite une fois les CSS maitrisé j'utiliserais plus les tableaux !
Le souci, c'est qu'en gardant la logique des tableaux de présentation, tu ne verras pas 20% des possibilités de CSS.
-
Kaporal -> Justement, il vaudrait mieux ne pas utiliser de tableaux (de présentation), pour rester dans la logique CSS.
A moins que tu ne veuilles utiliser ces tableaux pour une présentation de données tabulaires (forum, statistiques, etc), je te conseillerais plutôt d'utiliser des DIVs, si tu veux t'imprégner de la logique CSS.
Je rejoins également Rémi, Dièse et misterserveur, dans leur argumentation.
A partir du moment où un site est conçu pour être facile à utiliser, où l'ergonomie est suffisamment pensée, où le contenu est pertinent et bien organisé, même si l'accessibilité n'est pas à proprement parler réfléchie, alors on peut parler de site professionnel, quelle que soit la méthode utilisée.
-
Certains sites en HTML/CSS sont moches, mais ce n'est pas du au media utilisé, juste aux talents des graphiste/intégrateur.
Je me répète, mais si tu veux voir un peu des possibilités de CSS, jette un coup d'oeil au CSS Zen Garden.
-
Absolument pas d'accord !
NRJ est peut-être professionnel dans le secteur de la radio, et c'est certainement la raison pour laquelle ils sont premiers sur les audiences franciliennes.
Mais ce ne sont pas des professionnels du web
Ou alors moi je suis le Pape 
Ben, j'imagine que kaporal voulait spécifier que NRJ a fait appel à un professionnel du web, pour se créer son site, ce qui me semble logique.
-
Ben, dans l'idéal, tu laisses la question, et tu précises quelle solution tu as trouvée.
Ca pourra aider quelqu'un d'autre.
-
Personnellement, j'ai appris pas mal de choses sur le site du zéro, mais une fois les bases apprises, je me suis rendu sur css zen garden, et j'ai tenté de reproduire les designs qui me plaisaient le plus.
-
Je dois la mettre où dans mon code, je dois t'avouer que je ne suis pas trop familiariser avec le code html et encore moins avec le php
Dans dreamweaver, quand tu cliques sur ton formulaire, dans la fenêtre propriétés tu devrais avoir un champ "action", à remplir.
Tu peux également activer le mode 'visualisation du code' de dreamweaver (j'me souviens plus de l'icône précisément, mais elle doit se situer en haut à gauche)
comment je peux faire cette fameuse page, j'ai bien créer la base de donnée avec my SQL mais ensuite, l'utiliser, c une autre paire de manche. Je ne m'en sors pas, j'ai passé tout le week end dessus et j'ai vraiement beaucoup de malLà, le souci va être d'apprendre les bases du PHP.
Si tu as du temps et que tu es motivé, je te conseille de consulter les tutos du site du zéro, ils sont très bien faits.
-
Pour les 4 premiers champs, tu testes juste si la valeur est remplie
<?php
if(empty($_POST['val1']) || empty($_POST['val2']) || empty($_POST['val3']) || empty($_POST['val4']) {
// affichage du message d'erreur
}
else
{
// traitement des éléments du formulaire
}
?>Sinon, pour vérifier la validité de l'adresse e-mail entrée, il va falloir utiliser les expressions régulières.
De plus, tu ne peux vérifier que le format de l'adresse, pas l'adresse en elle-même.
En gros, tu peux tester si une adresse ressemble à une adresse valide (forme nom_arobase_hébergeur.extension), mais pas l'existence de cette adresse.
Tu pourras trouver un exemple ici : http://www.expreg.com/liresource.php?type=mail&rt=source
1er site CSS
dans (X)HTML et CSS
Posté
Rajoute ça au début de ton CSS :
* {margin: 0;
padding: 0;
}
Ca va te réinitialiser toutes les marges.