|
La Communauté Webmaster 
Tous les résultats pour style css
| 1 |
Technique - programmation / HTML / CSS / XHTML / modèle de page et lightbox |
sur: Hier à 11:01:01 |
| Commencé par loonny, Message par loonny |
Bonjour tout le monde,
Je suis en train de bosser sur le site d'une asso ou je bosse.
Sur un autre site j'avais réussi à utiliser lightbox pour les photos.
Là je veux faire la même chose, mais ça ne marche pas
http://www.alerte.org/test/index2.html
La page se base sur un modèle de page (template/template.dwt)
Dans la page template j'ai collé le code de lightbox.
Mais sur la page index2.html (page temporaire de test) l'apparition ne se fait pas.
est-ce parce que j'utilise un modèle de page ? ou j'ai loupé un truc ?
Merci d'avance !
Début du code html :
<!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" />
<script src="../SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>
<link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />
Liens de l'image thumbnail à l'image réelle :
<td align="center" valign="top"><a href="http://www.alerte.org/test/photo/2000/01.jpg" rel="lightbox[roadtrip]"><img src="http://www.alerte.org/test/photo/2000/01a.jpg" width="133" height="82" alt="chalet" /></a></td> |
  
|
|
| 2 |
Technique - programmation / HTML / CSS / XHTML / Re:MISE EN PAGE CSS |
sur: le 25-06-2009 à 10:09:10 |
| Commencé par ever-west, Message par referencement boy |
Le chargement du menu est un peut long. Mais sinon trop stylé l'horloge !!! 
Beau travail ! |
|
|
|
| 3 |
Technique - programmation / HTML / CSS / XHTML / Problème posisitionement d'un menu |
sur: le 21-06-2009 à 13:28:10 |
| Commencé par ghis, Message par ghis |
Salut a l'aide d'un tutoriel sur let net j'ai créer un menu horizontale avec mes prorpes image que j'ai ensuite enfermet dasn un <div class="menu"> puis au css je met
.menu{
Position: ablolute;
top : 50px ;
left : 200px ;
}
Et mon menu reste toujours a la même place...
Sinon voila le code sources brut du menu et du css
Le code xhtml:
<ul>
<li><a href="#">Acceuil</a></li>
<li><a href="#">Cours</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Contribuez</a></li>
<li><a href="#">A propos</a></li>
<li><a href="#">Charte</a></li>
<li><a href="#">Contact</a></li>
</ul> Le code css:
ul {
padding:0;
margin:0;
list-style-type:none;
}
li {
float:left; /*pour IE*/
border-left:1px solid black;
}
ul li a {
line-height:50px; /*hauteur de l'image de fond*/
background:black url(noir-1.png) repeat-x;
color:#DCDCDC;
text-decoration:none;
text-align:center;
}
ul li a:hover {
background:black url(noir-2.png) repeat-x;
color:white;
} [glow=red,2,300][/glow] |
|
|
|
| 4 |
Technique - programmation / HTML / CSS / XHTML / Bidouiller un fichier css pour ajouter une image en dessous d'un menu complexe |
sur: le 18-06-2009 à 17:03:34 |
| Commencé par audioscribe, Message par audioscribe |
Bonjour,
Je n'ai aucune compétence dans l'utilisation de langages informatiques et j'ai utilisé un kit graphique pour la réalisation du site sur lequel j'ai un soucis.
En effet, si on gagne en esthétisme avec l'utilisation d'un kit graphique on perd aussi dans la flexibilité de ce que l'on voudrait faire.
Ainsi, pour meubler mon site, j'aimerais ajouter une image en dessous du menu vertical
www.lescribeaudio.com
Le code css du menu vertical:
/* Menu vertical */
#menuvertical {
width: 140px;
margin: 57px 0 0 0 ;
float: left;
list-style-type: none;
}
#menuvertical li {
display: block;
width: 140px;
height: 25px;
line-height: 25px;
text-align: right;
margin: 7px 0 0 0;
background: url(images/menuvertical.jpg) no-repeat;
}
#menuvertical li a {
color: #fff;
text-decoration: none;
margin: 0 10px 0 0;
}
#menuvertical li a:hover{text-decoration: underline;}
Ou intervenir afin qu'une image s'affiche bien en dessous de ce menu déjà existant et que je veux conserver?
Merci de votre aide
Jérémie
|
|
|
|
| 5 |
Général / Un projet de site internet ? / Re:Site Web -low cost |
sur: le 16-06-2009 à 09:24:31 |
| Commencé par SWCF, Message par KB |
| Les feuilles de style CSS ! |
|
|
|
| 6 |
Petites annonces / Offres d'emploi / Ent. recherche Webmaster / webdesigner - Annecy |
sur: le 09-06-2009 à 08:42:23 |
| Commencé par Entis, Message par Entis |
UNION DE GROUPE MUTUALISTE RECHERCHE DANS LE CADRE DE SON EXPANSION :
un webmaster / webdesigner (H/F)
Lieu d’emploi : Annecy
Les technologies et applications web n’ont aucun secret pour vous…
Mission :
- piloter et coordonner la création d’un portail web (internet, intranet, extranet)
. métiers : santé, prévoyance, retraite, réseau
. cibles : adhérents, prospects, professionnels de santé, mutuelles, partenaires…
- agir sur sa conception, sa réalisation, son administration et sa maintenance ;
- maîtriser la conception graphique dans le respect de la charte (feuilles de style) ;
- implémenter les stratégies de référencement (Google Adwords) ;
- animer, optimiser et suivre ses performances (statistiques) ;
- développer des outils de communication e-marketing ;
- assurer la veille permanente sur les nouvelles technologies et les développements web.
Profil :
- développeur / webmaster-webdesigner
- formation Bac +3/4
- Html, css, javascript, php, asp, mysql
- Photoshop, flash, dreamweaver
Qualités requises :
- organisé & motivé
- créatif, passionné & autonome
- force de proposition
- ouverture & esprit d’équipe
- partage des valeurs mutualistes
Compétences :
- programmation / développement
- graphisme / ergonomie
- rédactionnel
- orthographe
CDI sous l’autorité directe du Directeur Communication & Marketing.
À pourvoir dès que possible.
Nous vous remercions d’adresser votre candidature (CV + lettre de motivation + prétentions) à l’adresse mail suivante : communication@cetremut.fr - à l’attention du Directeur Communication & Marketing.
Toutes les candidatures seront examinées avec le plus grand soin mais ne pourront donner lieu à une réponse individuelle si elles ne font pas l’objet d’un premier entretien. Ainsi, toute absence de proposition de rendez-vous dans les 15 jours à réception de la candidature du postulant tiendra lieu de réponse négative. (SIRET n° 505 259 226 00015) |
|
|
|
| 7 |
Technique - programmation / HTML / CSS / XHTML / Image sous menu |
sur: le 04-06-2009 à 19:48:40 |
| Commencé par CHRISB, Message par CHRISB |
Bonjour, 
Merci d'avance de m'apporter vos bonnes idées ! Y a-t-il un moyen de mettre de façon simple une image sous un menu déjà conçu...
<img src="images/mon_image.gif" alt="" width="630" height="27" border="0">
Son fond a déjà une couleur mais pas d'image dégradé, comme je le voudrais. Y a-t-il un code ?
Mon menu html est simple:
<ul id="menu">
<li><a href="index.html">Accueil</a></li>
<li><a href="textes/textes.html">Textes</a></li>
<li><a href="photos/photos.html">Photos</a></li>
<li><a href="vidéos/vidéos.html">Vidéos</a></li>
<li><a href="animations/animations.html">Animations</a></li>
</ul>
et voilà mon menu css :
/* --------- Menu ---------- */
#menu {
background-color:#000000;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#menu li {
background-color:#000000;
float: left;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS";
margin: 0;
padding: 0;
}
#menu a {
background-color:#000000;
color: #ccc;
font-size: 12px;
display: block;
float: left;
margin: 0;
padding: 2px 14px;
text-decoration: none;
font-weight:normal;
}
#menu a:hover {
background-color:#000000;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
padding-bottom: 2px;
}
/* -------- Liens --------- */
A:link {
color : #FFA811;
font-size: 12px;
font-weight: bold ;
}
A:visited {
color : #FFA811;
font-size: 12px;
font-weight: bold ;
}
A:hover {
color : #FFA811;
font-size: 12px;
font-weight: bold ;
} |
|
|
|
| 8 |
Technique - programmation / HTML / CSS / XHTML / Re:[Résolu]Allongement horizontal de la page |
sur: le 02-06-2009 à 23:23:46 |
| Commencé par dattik, Message par dattik |
Ma feuille de style CSS =
/* Mise en forme du body */
body { background-color:#ffffff; background-image:url(../images/bg.gif); background-position: top; background-repeat: repeat-x; margin: 0px 0px 0px 0px;}
/* ID(#) - Mise en forme de la page en DIV - */
#header { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:153px; width: 888px; background-image:url(../images/header.jpg); padding: 0px 0px 0px 0px;}
#menu { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 44px; width: 671px; padding-left: 109px; padding-right: 108px;}
#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:24px; width: 888px;}
#contenuBg {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 888px; padding: 0px 0px 0px 0px;}
#boiteMenuG{float: left; width: 207x; height: auto; margin-top: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#boiteMenuG a:link {color: #556074; text-decoration: none;}
#boiteMenuG a:visited {color: #556074; text-decoration: none;}
#boiteMenuG a:hover {color: #556074; text-decoration: underline;}
#boiteMenuG p {font-size: 11px;}
#boiteTexte{float: left; width: 427px; height: auto; padding: 0px 0px 0px 0px; padding-left: 14px; padding-right: 33px;}
#boiteMenuD{float: left; width: 207px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#boiteMenuD a:link {color: #ffffff; text-decoration: none;}
#boiteMenuD a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuD a:hover {color: #ffffff; text-decoration: underline;}
#footer {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 67px; width: 100%; background: url(../images/bgFooter.gif) repeat-x; text-align:center; background-color: #fff;}
#menufooter {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 40px; width: 778px; text-align:left; padding-left: 110px;}
#menufooter p {font-size: 11px;}
.spacer {
clear: both;
}
/* CLASS - Mise en forme des textes */
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074;}
ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; display:inline; list-style-type: none; }
.imagePositionGauche { padding-right :20px; float:left;}
/* Titre */
.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #2d93c1; font-weight: bold;}
.soustitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #7db339; font-weight: bold;}
.titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}
.titreMenuB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2c91c0; font-weight: bold; margin: 0px 0px 0px 0px; padding-left: 30px; background: url(../images/menuBg.gif) repeat-y;}
/* Autre textes */
.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.elementMenu {background-color: #fff; background: url(../images/menuE.gif) no-repeat; height: 21px; width: 162px; margin: 0px 0px 0px 0px; padding-top:7px; padding-left: 45px; padding-bottom: 0px;}
.elementMenuV {background-color: #fff; background: url(../images/bgMenuGV.gif) no-repeat; height: 17px; width: 177px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.elementMenuB {background-color: #fff; background: url(../images/bgMenuGB.gif) no-repeat; height: 17px; width: 177px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.tiret {background: url(../images/tiret.gif) no-repeat; height: 1px; width: 207px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.tiretD {background: #e2e3e4 url(../images/tiretPx.gif) repeat; height: 1px; width: 207px; margin: 0px 0px 0px 0px;}
/* Liens par défault */
a:link {color: #2ca1d7; text-decoration: underline;}
a:visited {color: #2ca1d7; text-decoration: underline;}
a:hover {color: #2ca1d7; text-decoration: none;}
/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/
.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: underline;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-align:center;}
.menuPadding {padding-top: 10px; margin: 0px 0px 0px 0px; vertical-align:top; background: url(../images/boutonNActif.gif) no-repeat;}
.menuSeparateur {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 1px;}
/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/
.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}
ul{border:0; margin:0; padding:0;}
#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a{
border:solid 1px #9aafe5
margin-right:2px;
}
#pagination-digg .previous-off, #pagination-digg .next-off {
border:solid 1px #DEDEDE
color:#888888
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a, #pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link, #pagination-digg a:visited {
color:#0e509e
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e
}
/* A appliquer a form */
.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:17px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f; border: 1px solid #e2e3e4; background-color: #fff; padding-top:2px; padding-bottom:2px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6f6f6f; font-weight:normal; margin: 0px 0px 0px 0px}
|
|
|
|
|
|
| 9 |
Technique - programmation / HTML / CSS / XHTML / Re:FORMULAIRE DREAMWEAVER 8 |
sur: le 26-05-2009 à 16:40:35 |
| Commencé par AGLAEE44, Message par AGLAEE44 |
Bonjour ever-west,
Non je n' ai pas créé de page PHP. J'ai lu en effet que je devais créer une PHP.
Je n 'ai jamais créé de formulaire et j 'avoue que je suis perdue.
Les codes ci dessous sont dans une page HTML.
J'ai lu concernant les PHP qu'il fallait que l 'hébergeur les accepte. Je suis chez 1and1.
Créer une page PHP: avec quels codes ?
Voici mes codes de ma page HTML.
Merci par avance pour ton aide.
<HTML>
<HEAD>
<TITLE>Envoyer un e-mail</TITLE>
<LINK rel="StyleSheet" type="Text/css" href="DesignCss/compatibility.css">
<LINK rel="StyleSheet" type="Text/css" href="DesignEx/368.css">
</HEAD>
<BODY class="PBPW">
<script type="text/javascript">
function SubmitAction( nActionID, strFormAction, nValidate, nSkipSubmit ) {
var bResult = true ;
document.MForm.ActionID.value = nActionID ;
if ((strFormAction != null) && (strFormAction != ""))
document.MForm.action= strFormAction ;
if ( nValidate )
bResult = ValidateMForm();
if ( bResult && (nSkipSubmit == null) )
document.MForm.submit();
return( bResult );
}
</script>
<SCRIPT language="javascript">
function ValidateMForm() {
var TempVar ;
var bResult = true ;
var objForm = document.MForm ;
if ( bResult )
{
var EMailSubject = objForm["EMailSubject"].value ;
TempVar = EMailSubject.replace( / /gi, "" );
if ( TempVar.length == 0 )
bResult = false ;
if ( !bResult )
{
alert("Veuillez entrer un sujet résumant votre requête.");
objForm["EMailSubject"].focus();
}
}
if ( bResult )
{
var EMailFrom = objForm["EMailFrom"].value ;
TempVar = EMailFrom.replace( / /gi, "" );
if ( TempVar.length == 0 )
bResult = false ;
if ( !bResult )
{
alert("L'adresse e-mail de l'expéditeur est invalide.");
objForm["EMailFrom"].focus();
}
}
if ( bResult )
{
TempVar = objForm["EMailFrom"].value ;
if ( TempVar.length > 0 )
{
while(''+TempVar.charAt(TempVar.length-1)==' ') TempVar = TempVar.substring(0,TempVar.length-1);
while(''+TempVar.charAt(0)==' ') TempVar = TempVar.substr(1,TempVar.length-1);
objForm["EMailFrom"].value = TempVar ;
}
if ( TempVar.length > 0 )
{
while( ( TempVar.length > 0 ) && ( bResult ) )
{
var sEMail ;
var nIdx = TempVar.indexOf(";");
if ( nIdx > -1 )
{
sEMail = TempVar.substr(0,nIdx);
TempVar = TempVar.substr(nIdx+1);
}
else
{
sEMail = TempVar ;
TempVar = "" ;
}
var nEMailLen=sEMail.length ;
var nIdxAT=sEMail.indexOf("@") ;
var nIdxDOT=sEMail.indexOf(".") ;
if ( true ) {
if (nEMailLen > 0) {
var strValidEMailChars = "@.-+_abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" ;
for( var i = 0 ; (i < nEMailLen) && bResult ; i++ )
if ( strValidEMailChars.indexOf(sEMail.charAt(i)) < 0 ) bResult = false ;
}
//alert("nIdxAT " + nIdxAT + " nIdxDOT" + nIdxDOT )
if ((bResult) && (nIdxAT==-1 || nIdxAT==0 || nIdxAT==(nEMailLen-1))) bResult = false ;
if ((bResult) && (nIdxDOT==-1 || nIdxDOT==0 || nIdxDOT==(nEMailLen-1))) bResult = false ;
if ((bResult) && (sEMail.indexOf("@",(nIdxAT+1))!=-1)) bResult = false ;
if ((bResult) && (sEMail.substring(nIdxAT-1,nIdxAT)=="." || sEMail.substring(nIdxAT+1,nIdxAT+2)==".")) bResult = false ;
if ((bResult) && (sEMail.indexOf(".",(nIdxAT+2))==-1)) bResult = false ;
}
//http://www.regexlib.com/DisplayPatterns.aspx
//if (bResult) {
// var regexEMail = new RegExp(/^(([A-Za-z0-9]+_+)|([A-Za-z0-9]+\-+)|([A-Za-z0-9]+\.+)|([A-Za-z0-9]+\++))*[A-Za-z0-9]+@((\w+\-+)|(\w+\.))*\w{1,63}\.[a-zA-Z]{2,6}$/);
// if ( sEMail.match(regexEMail) == null ) bResult = false ;
//}
}
if ( !bResult )
{
alert("L'adresse e-mail de l'expéditeur est invalide.");
objForm["EMailFrom"].focus();
bResult = false ;
}
}
}
if ( bResult )
{
var EMailBody = objForm["EMailBody"].value ;
TempVar = EMailBody.replace( / /gi, "" );
if ( TempVar.length == 0 )
bResult = false ;
if ( !bResult )
{
alert("Veuillez préciser votre question.");
objForm["EMailBody"].focus();
}
}
return( bResult );
}
</SCRIPT>
<DIV id="MForm">
<FORM style="margin-bottom:0" method="POST" name="MForm" action="EMailPopupWnd.asp" onSubmit="javascript:return SubmitAction(1,null,1, 1 );">
<INPUT type="hidden" name="ActionID" value="1">
<INPUT type="hidden" name="CCOD" value="0"><INPUT type="hidden" name="DBID" value="0"><INPUT type="hidden" name="EMSJ" value=""><INPUT type="hidden" name="FileAttachment" value=""><INPUT type="hidden" name="FileSizeAttachment" value=""><INPUT type="hidden" name="EMailTo" value="serviceclient@destideco.com"><INPUT type="hidden" name="LogIP" value="-1">
<TABLE border="0" width="100%" cellspacing="0" cellpadding="2">
<TR><TD colspan="2" align="left"><FONT class="PBSTitle">Envoyer un e-mail</FONT></TD></TR>
<TR>
<TD align="left" valign="top" nowrap width="20%"><FONT class="PBStatic">Sujet :</FONT></TD>
<TD align="left" valign="top">
<INPUT type="text" name="EMailSubject" class="PB" style="width: 100%" maxlength="100">
</TD>
</TR>
<TR>
<TD align="left" nowrap><FONT class="PBStatic">Votre e-mail :</FONT></TD>
<TD align="left" ><INPUT type="text" name="EMailFrom" class="PB" style="width: 100%" maxlength="100"></TD>
</TR>
<TR><TD colspan="2">
<TEXTAREA class="PB" name="EMailBody" style="width: 100%" rows="10" WRAP="SOFT">
</TEXTAREA>
</TD></TR>
<TR>
<TD colspan="2">
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
<TR><TD valign="top" nowrap><img id="iconattachment" src="T.gif"><A href="#" OnClick="javascript:SubmitAction(2);" class="PBLink"><FONT class="PBStatic">Ajouter des pièces jointes</FONT></A>
</TD>
<TD valign="top" align="right">
<BUTTON class="ADBtnStd" type="Button" name="BtnCancel" OnClick="javascript:window.close();"> Annuler </BUTTON>
<BUTTON class="ADBtnStd" type="Submit" name="BtnSend"> Envoyer </BUTTON>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM></DIV>
</BODY>
</HTML>
<h1> </h1>
<p> </p>
<p>
<form name="envoiemail" id="envoiemail" method="post" action="">
<p> </p>
</form>
</td>
</tr>
<tr> </tr>
</table>
<p align="center" class="Style19"> </p>
</td>
</tr>
<tr>
<td width="100%" align="left" valign="top" style="padding-bottom: 30">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</div>
</BODY></HTML><?php if ($_POST['message'] == "") { ?>
<form name="envoiemail" id="envoiemail" method="post" action="">
<p>Votre nom :<br />
<input name="nom" type="text" id="nom" />
</p>
<p>Votre email :<br />
<input name="email" type="text" id="email" />
</p>
<p>Sujet de votre email :<br />
<input name="sujet" type="text" id="sujet" />
</p>
<p>Message :<br />
<textarea name="message"></textarea>
</p>
<p>
<input name="Submit" type="submit" onClick="MM_validateForm('nom','','R', 'email','','NisEmail','sujet','','R','textarea','','R');return document.MM_returnValue" value="Envoyer" />
</p>
</form>
<?php } else {
mail("votre@email.com", $_POST['sujet'], $_POST['message'],"From: ".$_POST['nom']."<".$_POST['email'].">");
?>
<p>Le message a bien été envoyé, merci.</p>
<?php } ?>  |
|
|
|
| 10 |
Technique - programmation / HTML / CSS / XHTML / Re:envoie de formulaire avec dreamweaver 8 |
sur: le 26-05-2009 à 14:46:55 |
| Commencé par mulderfox, Message par mulderfox |
effectivement, ceci envera l'e mail via le gestionnaire d'envoi et de reception installé sur le P.C. de l'utilisateur.
le code ci dessous pourrais envoyer un e mail directement, a essayer :
<!--'''''''-->
<HTML>
<HEAD>
<TITLE>Envoyer un e-mail</TITLE>
<LINK rel="StyleSheet" type="Text/css" href="DesignCss/compatibility.css">
<LINK rel="StyleSheet" type="Text/css" href="DesignEx/368.css">
</HEAD>
<BODY class="PBPW">
<script type="text/javascript">
function SubmitAction( nActionID, strFormAction, nValidate, nSkipSubmit ) {
var bResult = true ;
document.MForm.ActionID.value = nActionID ;
if ((strFormAction != null) && (strFormAction != ""))
document.MForm.action= strFormAction ;
if ( nValidate )
bResult = ValidateMForm();
if ( bResult && (nSkipSubmit == null) )
document.MForm.submit();
return( bResult );
}
</script>
<SCRIPT language="javascript">
function ValidateMForm() {
var TempVar ;
var bResult = true ;
var objForm = document.MForm ;
if ( bResult )
{
var EMailSubject = objForm["EMailSubject"].value ;
TempVar = EMailSubject.replace( / /gi, "" );
if ( TempVar.length == 0 )
bResult = false ;
if ( !bResult )
{
alert("Veuillez entrer un sujet résumant votre requête.");
objForm["EMailSubject"].focus();
}
}
if ( bResult )
{
var EMailFrom = objForm["EMailFrom"].value ;
TempVar = EMailFrom.replace( / /gi, "" );
if ( TempVar.length == 0 )
bResult = false ;
if ( !bResult )
{
alert("L'adresse e-mail de l'expéditeur est invalide.");
objForm["EMailFrom"].focus();
}
}
if ( bResult )
{
TempVar = objForm["EMailFrom"].value ;
if ( TempVar.length > 0 )
{
while(''+TempVar.charAt(TempVar.length-1)==' ') TempVar = TempVar.substring(0,TempVar.length-1);
while(''+TempVar.charAt(0)==' ') TempVar = TempVar.substr(1,TempVar.length-1);
objForm["EMailFrom"].value = TempVar ;
}
if ( TempVar.length > 0 )
{
while( ( TempVar.length > 0 ) && ( bResult ) )
{
var sEMail ;
var nIdx = TempVar.indexOf(";");
if ( nIdx > -1 )
{
sEMail = TempVar.substr(0,nIdx);
TempVar = TempVar.substr(nIdx+1);
}
else
{
sEMail = TempVar ;
TempVar = "" ;
}
var nEMailLen=sEMail.length ;
var nIdxAT=sEMail.indexOf("@") ;
var nIdxDOT=sEMail.indexOf(".") ;
if ( true ) {
if (nEMailLen > 0) {
var strValidEMailChars = "@.-+_abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" ;
for( var i = 0 ; (i < nEMailLen) && bResult ; i++ )
if ( strValidEMailChars.indexOf(sEMail.charAt(i)) < 0 ) bResult = false ;
}
//alert("nIdxAT " + nIdxAT + " nIdxDOT" + nIdxDOT )
if ((bResult) && (nIdxAT==-1 || nIdxAT==0 || nIdxAT==(nEMailLen-1))) bResult = false ;
if ((bResult) && (nIdxDOT==-1 || nIdxDOT==0 || nIdxDOT==(nEMailLen-1))) bResult = false ;
if ((bResult) && (sEMail.indexOf("@",(nIdxAT+1))!=-1)) bResult = false ;
if ((bResult) && (sEMail.substring(nIdxAT-1,nIdxAT)=="." || sEMail.substring(nIdxAT+1,nIdxAT+2)==".")) bResult = false ;
if ((bResult) && (sEMail.indexOf(".",(nIdxAT+2))==-1)) bResult = false ;
}
//http://www.regexlib.com/DisplayPatterns.aspx
//if (bResult) {
// var regexEMail = new RegExp(/^(([A-Za-z0-9]+_+)|([A-Za-z0-9]+\-+)|([A-Za-z0-9]+\.+)|([A-Za-z0-9]+\++))*[A-Za-z0-9]+@((\w+\-+)|(\w+\.))*\w{1,63}\.[a-zA-Z]{2,6}$/);
// if ( sEMail.match(regexEMail) == null ) bResult = false ;
//}
}
if ( !bResult )
{
alert("L'adresse e-mail de l'expéditeur est invalide.");
objForm["EMailFrom"].focus();
bResult = false ;
}
}
}
if ( bResult )
{
var EMailBody = objForm["EMailBody"].value ;
TempVar = EMailBody.replace( / /gi, "" );
if ( TempVar.length == 0 )
bResult = false ;
if ( !bResult )
{
alert("Veuillez préciser votre question.");
objForm["EMailBody"].focus();
}
}
return( bResult );
}
</SCRIPT>
<DIV id="MForm">
<FORM style="margin-bottom:0" method="POST" name="MForm" action="EMailPopupWnd.asp" onSubmit="javascript:return SubmitAction(1,null,1, 1 );">
<INPUT type="hidden" name="ActionID" value="1">
<INPUT type="hidden" name="CCOD" value="0"><INPUT type="hidden" name="DBID" value="0"><INPUT type="hidden" name="EMSJ" value=""><INPUT type="hidden" name="FileAttachment" value=""><INPUT type="hidden" name="FileSizeAttachment" value=""><INPUT type="hidden" name="EMailTo" value="serviceclient@destideco.com"><INPUT type="hidden" name="LogIP" value="-1">
<TABLE border="0" width="100%" cellspacing="0" cellpadding="2">
<TR><TD colspan="2" align="left"><FONT class="PBSTitle">Envoyer un e-mail</FONT></TD></TR>
<TR>
<TD align="left" valign="top" nowrap width="20%"><FONT class="PBStatic">Sujet :</FONT></TD>
<TD align="left" valign="top">
<INPUT type="text" name="EMailSubject" class="PB" style="width: 100%" maxlength="100">
</TD>
</TR>
<TR>
<TD align="left" nowrap><FONT class="PBStatic">Votre e-mail :</FONT></TD>
<TD align="left" ><INPUT type="text" name="EMailFrom" class="PB" style="width: 100%" maxlength="100"></TD>
</TR>
<TR><TD colspan="2">
<TEXTAREA class="PB" name="EMailBody" style="width: 100%" rows="10" WRAP="SOFT">
</TEXTAREA>
</TD></TR>
<TR>
<TD colspan="2">
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
<TR><TD valign="top" nowrap><img id="iconattachment" src="T.gif"><A href="#" OnClick="javascript:SubmitAction(2);" class="PBLink"><FONT class="PBStatic">Ajouter des pièces jointes</FONT></A>
</TD>
<TD valign="top" align="right">
<BUTTON class="ADBtnStd" type="Button" name="BtnCancel" OnClick="javascript:window.close();"> Annuler </BUTTON>
<BUTTON class="ADBtnStd" type="Submit" name="BtnSend"> Envoyer </BUTTON>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM></DIV>
</BODY>
</HTML>
|
|
|
|
| 11 |
Technique - programmation / HTML / CSS / XHTML / Re:hauteur du tableau |
sur: le 14-05-2009 à 14:30:12 |
| Commencé par marwebmaster, Message par KB |
salut,
je ne vais pas répondre a ta question mais juste te dire que la mise en forme par l'usage de tableau est obsolète! Tu dois absolument utilisé des div et des styles css. |
|
|
|
| 12 |
Technique - programmation / HTML / CSS / XHTML / [Réglé] Colonne (menu) refusant de se cadrer |
sur: le 12-05-2009 à 00:53:45 |
| Commencé par rjl, Message par rjl |
Bonjour,
Je sèche sur un problème que des regards compétents vont diagnostiquer de suite :
J'ai un menu qui devrait être aligné à gauche dans une colonne spécifique en marge... Il s'obstine à rester sensiblement à une quarantaine de pixels du bord !
C'est en début de page avec seulement 4 class CSS invoquées devant ce qui veut dire que c'est relativement simple à ce stade ; cette situation est d'ailleurs corroborée par Kompozer qui me confirme les class intéressées.
Pour autant, quelles que soient les valeurs (mêmes excessives) que j'ai pu mettre, rien n'y fait  !!
Voici l'adresse du site : http://www.ainesruraux22.org/finistere/
Plus bas, je donne la CSS concernée.
Merci d'avance de vos indications qui devraient m'être précieuses.
@bientôt RJL9512
body
{
background-image:url(images29/fondcorpswww29.jpg);
background-repeat: repeat;
color:blue;
font-family: verdana, helvetica, arial, sans-serif ;
font-size: medium;
line-height: 200%
}
p
{
font-size: 12px;
}
.colgch
{
position: absolute;
left:0;
top:0;
width:132px;
height: 200%;
background-image:url(images29/fondmenu29.jpg);
background-attachment:repeat;
z-index: 3;
}
.colgchbis
{
position: absolute;
left:0px;
top:0;
width:132px;
margin:auto;
z-index: 4;
}
.centrage
{
text-align: center ;
}
.logo
{
position:top center;
margin-left:auto;
margin-right:auto;
text-align: center ;
width:96%;
height:96%;
}
.imghv
{
width:340px;
height:255px;
}
.imght
{
width:255px;
height:340px;
}
.imghvs
{
width:450px;
height:299px;
}
.imghts
{
width:299px;
height:450px;
}
.menu
{
font-size: xx-large;
line-height:200%;
}
.menucorps
{
font-size:80%;
width:130px;
left:0;
line-height:80%;
display:block;
}
.navigation li
{
text-decoration: none;
width:128px;
border: 1px solid #600 ;
margin-bottom: 1px ;
margin:auto;
list-style-type:none;
}
.navigation li a
{
display: block;
font-size: 1.1em;
margin-bottom: 1px;
line-height: 160%;
}
.navigation a:link
{
text-decoration: none;
color: #0099cc
font-style: italic;
}
.navigation a:hover
{
text-decoration: underline;
color: green;
}
.navigation a:visited
{
color:#b0171f;
text-decoration: none;
}
.navigation a:focus
{
background-color: #FFCC66;
}
.navigation a:active
{
background-color: #FFCC66;
}
.cotarm
{
text-align: center;
width: 60%;
}
.colreg29accueil
{
position:absolute;
top: 0;
left:133px;
margin: 0;
padding :0;
float:right;
width:86%;
margin:auto;
z-index: 7;
}
.colreg29bis
{
position:absolute;
top: 0;
left:160px%;
margin: 0;
padding :0;
float:right;
width:84%;
margin:auto;
z-index: 7;
}
.colreg0
{
position:absolute;
top:0px; left:133px;
margin: 0;
padding:0;
width:75%;
background-image:url(images29/fondcorpswww29.jpg);
background-repeat: repeat;
height: 800px;
background-attachment:fixed;
z-index: 5;
}
.colreg
{
position:absolute;
top: 0;
left:160pxpx;
margin: 0;
padding :0;
float:right;
width:75%;
margin:auto;
z-index: 6;
}
.colreg29
{
position:absolute;
top: 0;
left:160px;
margin-left:0;
padding :0;
float:right;
width:80%;
margin:auto;
z-index: 7;
}
.titre_fede
{
width:75%;
height:75%;
margin-left:9em;
}
.colmil
{
width: 49%;
float: left;
font-size: 1.5em ;
text-align: left;
padding-top: 1.9em;
}
.accueil
{
font-size: 1.6em;
padding-left: 4%;
}
.accueil2
{
font-size: 0.65em;
width:95%;
font-weight:bold;
}
.bloc-adr
{
display: block;
color:navy;
font-size: 0.75em;
padding-top: 1.3em;
padding-left: 6%;
text-align: left;
font-weight:bold;
}
.tel
{
font-size: 0.7em;
color:navy;
text-align: center;
padding-top: 1em;
}
.coldrtrectif
{
width: 49%;
float: right;
font-size: 1.5em ;
text-align: left;
padding-left: 0px;
padding-top: 0.75em;
}
.coldrt
{
width: 47%;
float: right;
font-size: 1.0em ;
text-align: left;
padding-left: 0px;
padding-top: 0.75em;
}
.depart
{
margin-top:1em;
width:90%;
height:90%;
}
.symbole
{
width:25%;
text-align: center;
}
img.centrimg
{
display:block;
margin-left:auto;
margin-right:auto
}
.colreg2 { float:right; font-size: 130%}
.colreg 3
{
float:left;
width:85%;
white-space:normal;
text-align:justify;
}
.centered
{
padding-top:1.2em;
text-align: center;
width:90%;
}
.centered2
{text-align:center;
font-size:1.5em;
font-weight:bold;
}
.titrepag { color: blue; text-align:center; font-size:3em; font-weight: bold; padding-top:1.5em; }
.titrepagsect { color: blue; text-align:center; font-size:3em; font-weight: bold; }
.titrepagobj
{
text-align:center;
font-size:2.25em;
font-weight: bold;
}
.bordersans {border-style: none }
.centered0 {text-align:left; font-size:0.75em;}
.center3 {text-align: center; color:#000;}
.stylcaption { font-size:60%em;font-weight: bold; padding-bottom: 0.4em; }
thead {font-weight: bold; font-size: 1.0em; text-align: center;
border:1px;
}
tbody
{
border:1px solid black;
background-color:#ffffc0;
font-size: 0.9em;
font-weight: lihgter
}
th
{
font-size:120%;
text-align:center;
}
td
{
border:1px solid black;
font-weight:lighter;
font-size:100%;
}
table
{
height:200%;
width:100%;border:1px solid black;
}
th, td
{
border:1px solid black;
}
caption
{
font-weight:bold;
font-size:150%;
line-height:200%
}
.navigcant
{
text-align:center;
width:2%;
vertical-align:middle;
}
.vertical
{
vertical-align:middle;
}
.colsect
{
text-align:right;
vertical-align:middle;
}
.colsecta
{
border:1px solid black;
font-size:1.0em;
font-weight:bold;
text-align:right;
width:10%;
}
.colsectb
{
border:1px solid black;
font-size:1.0em;
font-weight:bold;
text-align:left;
width:11%;
}
.colsectc
{
border:1px solid black;
font-size:1.0em;
font-weight:bold;
font-weight:center;
text-align:left;
width:9%;
}
.colsectd
{
border:1px solid black;
font-size:1.0em;
text-align:left;
font-style: italic;
width:17%;
}
.calenmicro
{
text-align:center;
width:2%;
vertical-align:middle;
}
.soft
{
font-size:1.1em;
}
.soft2
{font-size:0.9em;
}
.coldouble
{
width:30%;
}
.colsimple
{
width:15%;
}
.petcap
{
font-variant:small-caps;
}
.colpetit
{
width:2.5%;
}
.coldoubl4
{
width:44%;
}
.colsimpl4
{
width:20%;
}
.col27
{
width:27%;
}
.col23
{
width:23%;
}
.colcomplem
{
width:38%;
}
.colprenom
{
font-weight:bold;
}
.colnom
{
font-weight:bold;
}
.coldate
{
font-size:0.7em;
text-align:center;
width:6%;
}
.colcommune
{
font-size:1.0em;
font-weight:bold;
text-align:left;
width:15%;
}
.colbureau
{
text-align:right;
font-weight: 200;
font-size:0.7em;
width: 8%
}
.colfonction
{
font-weight:normal;
}
.colcanton {
font-weight:normal;
}
.colmil60 { width: 60%; float: left; font-size: 1.0em ; text-align: left; padding-top: 0.9em; }
.acc-leger { color: black; font-size: 100%; padding-left: 5%; padding-right: 5%;text-align: left; padding-top: 1.2em;font-weight:normal;}
.acc-simple
{
font-size:150%;
padding-left:5%;
padding-top: 1.2em;
}
.coldrt60 { width: 37%; float: right; font-size: 1.0em ; text-align: left; padding-left: 5px; padding-top: 0.75em;}
.coldrt cadredrt p { text-align: left; font-size: 0.8em; color:#000080;font-weight: bold; }
.centre { text-align: center; }
/*.cadre3
{
font-size:x-large;
padding-left:5%;
}
.cadre4 {font-size: large;}
.cadre5
{
font-size: x-large;
}*/ |
|
|
|
|
|
| 13 |
Technique - programmation / HTML / CSS / XHTML / probleme de la classe |
sur: le 09-05-2009 à 14:31:04 |
| Commencé par marwebmaster, Message par marwebmaster |
Bonjour,
la classe que j'ai cree pour mon div dans le fichier CSS ne s'applique pas au div alors que lorsque je cree un style à l'interieur de la balise il s'affiche correctement, je n'ai sais pas d'où vient le problème
mon code est <div class="motcel">Contenu</div>. |
|
|
|
| 14 |
Général / Avis ? / Re:avis pariezmieux.com |
sur: le 04-05-2009 à 18:35:38 |
| Commencé par percheron61, Message par percheron61 |
Bonne idéé de psser en feuille de style Css,je vais m'y mettre ,c'est vrai que mon menu est à revoir ,je vais étudier sérieusement tout ça.
j'ai visité le site de ton pote et il est très bien fait,d'ailleurs nos 2 sites se ressemblent beaucoup surtout au niveau de la présentation des bookmakers me^me si le sien pousse un peu plus au niveau actualités,pronostics et sports,le mien étant un peu plus orienté stratégies,conseils et analyses.Je suppose que sonsite est en php?
j'ai pas mal d' idées à develloper on pourrait peut-être les faire à 2,comme un comparateur de cotes,ou encore un programme de prédictions,ça amortirait mieux les couts.
Si tu peux lui en parler ça serait super,en plus je ferai un lien pour le recommander ( bon pour nous2 avec le retour)
A+ |
|
|
|
| 15 |
Général / Avis ? / Re:avis pariezmieux.com |
sur: le 04-05-2009 à 15:15:58 |
| Commencé par percheron61, Message par SeanMichael |
Bonjour Percheron
Normalement si tu touches à la feuille de style tu peux mettre le texte en encadré
tu donne un id au div où il y a le texte et tu fais {border: 1px, solid, black} en tout cas mets des majuscules
Tu es un peu obligé de te mettre au html css si tu veux faire des sites Internet. Je trouve le design tu menu déroulant pas super top et dans le cas d'un site de paris sportif si tu veux te faire de la thune avec des affiliations il faut avoir l'air pro.
Ceci dit le nom domaine est bien et quand on tape parier mieux tu apparais en deuxième sur google ce qui est carrément bien.
Le site de mon pote est http://comparateurparissportifs.com/ il a un associé et il bosse comme un cinglé dessus, c'est un passionné de paris.
Voila j'espère que ça t'aide |
|
|
|
| 16 |
Technique - programmation / HTML / CSS / XHTML / Re:Répété une balise <marquee> |
sur: le 01-05-2009 à 10:51:03 |
| Commencé par Kasuus, Message par Arckantos |
Bonjour
Oui c'est tous t'a fait possible en CSS et HTML a toi de voir.
Voici le code CSS, avec la propriété background :
ton_élément{background:url(url de ton image)}
Si tu veux répeter seulement sur la largeur, il faut ajouter "repeat-x", et si tu veux seulement sur la longueur, c'est "repeat-y".
Par exemple :
#img_route{
background:url(route.jpg) repeat-x;
} |
|
Ou essaye ce code dans un fichier .html :
<html>
<head>
<style type="text/css">
#frise{background:url(adresse de ton image) repeat-x;}
</style>
<title>Une frise</title>
</head>
<body id="frise">
</body>
</html> |
|
J'ai trouvé ca, si sa peux t'aider:
id="..." : identifiant de l'élément
Behavior="..." : Comportemnt du défilement (alternate, scroll, slide )
Direction="..." : Sens de défilement (left, right, up, down)
Loop="..." : nombre de défilements ( si non précisé-> boucle à l'infini )
Scrollamount="..." : Valeur de défilement : fixe le nombre de pixels entre chaque déplacement. ( par défaut : 6 )
Scrolldelay="..." : Vitesse du défilement ( par défaut : 90 )
Width="..." : largeur de l'élément MARQUEE %coreattrs, %i18n, %events
Cette balise n'est pas reconnu par Netscape qui ne rendra son contenu qu'en élément fixe et immobile.
L'avantage de l'élément MARQUEE est sa mise en oeuvre facile et son code compact, mais il est possible d'obtenir le même effet avec des scripts.
Si l'attribut width n'est pas présent, la largeur par défaut de l'élément MARQUEE est égale à la largeur de l'élément parent.
Quand un élément MARQUEE est inclus dans une cellule dont la largeur n'est pas spécifiée (<TD>), vous devez fixer la largeur de l'élément MARQUEE avec l'attribut witdh. Si aucune largeur n'est spécifiée, ni pour MARQUEE ni pour TD, la largeur de l'élément MARQUEE est réduite d'office à 1- pixel.( plus de défilement !)
Mais il ne marche que pour Internet Explorer seulement.
J'éspere que je t'est aidé, ou du moin éclairci sur quelques points.
Arckantos |
|
|
|
| 17 |
Général / Discussions générales / Créer votre communauté sans paramétrage |
sur: le 23-04-2009 à 17:21:09 |
| Commencé par vaskez, Message par vaskez |
Bonjour,
Forumactif.com est un service novateur et complet de création de forum gratuit.
Vous pouvez très facilement transformer votre forum en véritable site web sans la moindre connaissance des langages de programmation !! En plus, le service est entièrement gratuit avec des possibilités de personnalisation illimitées. La création d’un site est intuitive et agréable. Il vous suffit de quelques secondes pour créer et gérer très facilement, à votre guise, votre propre site web.
4 Versions à votre choix: PHPBB2.0 - PHPBB3.0 - PunBB - Invision
Vous pouvez même héberger gratuitement et pour une durée illimitée votre galerie de photos et d'images. L'avantage c'est que c'est facile et que ça marche tout le temps ! Il y a aussi énormément de fonctions, et c'est vraiment gratuit, contrairement à d'autres où ils ne le disent pas ou que c'est plein de pubs désagréables.
Créer forum
Rien n'est plus facile que de créer son forum, mais pour fédérer ses amis, ses collègues et de nombreux internautes; créer son forum c'est aussi le gérer, le personnaliser, et enfin en faire sa publicité et sa promotion.
- Créer son forum : c'est l'administrer
L'administrer signifie le gérer, le configurer selon vos propres paramètres, vos propres objectifs. La gestion de votre forum se fait à travers une interface d'administration appelée : panneau d'administration. C'est à partir de ce panneau que vous pouvez gérer toutes les options de votre forum. Si vous n'avez jamais administré de forum, utilisez le mode simple. Pour les plus confirmés d'entre vous, le mode avancé vous offrira de nombreuses possibilités.
- Créer son forum : c'est personnaliser son apparence
Vous êtes le seul maître à bord, choisissez la charte graphique de votre choix (appelée aussi "Thème") qui servira de base à votre personnalisation et effectuez y vos réglages en fonction de vos goûts et préférences.
- Créer son forum : c'est le faire connaître
Créer son forum sur Forumactif.com, c'est bénéficier automatiquement du référencement de votre forum dans l'annuaire des forums de Forumactif.com. Vos forums sont automatiquement référencés dans l'ensemble des moteurs de recherche. Vos forums seront ainsi à la portée de l'ensemble des internautes !
- Créer son forum : c'est enfin le contrôler
En tant qu'administrateur de votre forum, vous êtes en charge de sa modération et de son contrôle. Vous avez bien sûr les droits d'administration et de modération de messages. Une fois votre forum lancé, vous pouvez créer un groupe de modérateurs qui seront chargés de veiller au respect des règles que vous aurez définies. (Respect de l'orthographe, des règles de courtoisie, du thème de votre forum...)
Liste des fonctionnalités dispo chez forumactif:
- Inscription gratuite et rapide,
- Administration simple et complète,
- Possibilité de personnaliser son forum (thèmes, boutons, couleurs...),
- Accès au css (feuille de style),
- Millier de thèmes gratuits sympa disponibles sur Http://www.hitskin.com,
- PHPBB2.0/PHBBB3.0/PUNBB/INVISION quatre versions disponibles,
- Templates modifiables pour PHPBB2.0,
- Création/hébergement des pages HTML personnalisées
- Système de points
- Système de réputation
- Annonces défilantes
- Connexion flottante
- Flood Control
- ...
A vous de jouer maintenant! Créer forum
|
|
|
|
| 18 |
Technique - programmation / HTML / CSS / XHTML / Re:mon site ne fontionne pas avec I.E. |
sur: le 14-04-2009 à 21:24:58 |
| Commencé par kjou06, Message par Pixii |
En fait il détecte automatique les incohérences, même si c'est pas toujours immédiat au niveau sanction.
* utilisation d'un texte blanc sur fond blanc. Ou noir sur noir etc...
* insertion d'un texte derrière une image.
* utilisation d'une feuille de style CSS pour cacher du texte.
* définition de la taille de la police sur 0.
* texte en décalé hors de la page.
etc...
Je pense qu'il faut faire la part des choses entre des "on dit" et des règles qui sont stipulés noir sur blanc. Personnellement je n'ai strictement aucun intérêt dans ce genre d'affaire, c'est seulement à titre informatif que je m'exprime. Allons donc dire à Mr Google que nous ignorions les risques de cette pratique une fois que les problèmes frappent à la porte.
L'adage populaire dit: Mieux vaut prévenir que guérir.
|
|
|
|
| 19 |
Technique - programmation / HTML / CSS / XHTML / Mise en forme image de fond selon resolution |
sur: le 12-04-2009 à 22:18:34 |
| Commencé par bdorbo, Message par bdorbo |
Bonjour,
J'ai un probleme avec une div.
Je souhaiterais que l'image de fond à gauched'une div soit caché ou se "dissimule" avec une résolution 1024*768 ou lorsqu'on diminue la largeur de la fenetre comme sur ce lien :
http://www.lapetitefabricdebijoux.com/index.php?option=com_content&view=frontpage&Itemid=1.
J'ai mis un margin-let de la largeur de l'image du colier qui semble "bloquer".
Voici le site ou l'image de fond reste fixe et donc on a une grande barre de défilement :
http://lapetitefabricdebijoux.net/shop/
Code de la page html
<html>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div id="ombre">
<div id="total">
blablablablablabla
blablablablablabla
blablablablablabla
</div>
</div>
</body>
</html>
Code la feuille de style CSS :
html, body{
margin: 0;
padding: 0;
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:left;
background-image: url('images/rayures.jpg');
background-repeat:repeat-x;
}
div#ombre{background-image: url('images/background.jpg');background-repeat:no-repeat;min-height:750px;}
div#total{clear:both;background-color:#FFFFFF;color: #6d3b61;width:960px;margin-left:325px;}
Merci d'avance pour toute votre aide cligne
Bdorbo |
|
|
|
| 20 |
Technique - programmation / HTML / CSS / XHTML / Re:Problème session vers forum phpBB3 |
sur: le 12-04-2009 à 14:45:14 |
| Commencé par Powerdark, Message par Powerdark |
Voici l'adresse du site internet : http://mangasplaylist.e3b.org
Puis voici ma feuille HTML où est entreposer la session :
<?PHP
define('IN_PHPBB', true);
$phpbb_root_path = (defined('PHPBB_ROOT_PATH')) ? PHPBB_ROOT_PATH : './';
$phpEx = substr(strrchr(__FILE__, '.'), 1);
require($phpbb_root_path . 'common.' . $phpEx);
require($phpbb_root_path . 'includes/functions_user.' . $phpEx);
require($phpbb_root_path . 'includes/functions_module.' . $phpEx);
[...] ?>
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Mangas-PlayerList</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr" />
<meta name="description" content="kit graphique à télécharger gratuitement" />
<meta name="keywords" content="kit graphique à télécharger gratuitement" />
<link rel="stylesheet" type="text/css" href="reeve.css" />
</head>
<body>
<div class="conteneur">
<div class="haut">
<div class="haut_intro">
<p class="para_edito"></p>
<p class="para_haut"></p>
</div>
</div>
<div class="centre">
<ul id="menu">
<li class="box_on"><a href="index.html" >Accueil</a></li>
<li class="box"><a href="musique.html">Episodes</a></li>
<li class="box"><a href="photos.html">Forum</a></li>
<li class="box"><a href="liens.html">Liens</a></li>
<li class="box"><a href="contact.html">Contact</a></li>
</ul>
<div class="gauche">
<div class="haut_gauche">
<img src="images/box.gif" class="imagegauche"/>
<div class="newsletter"><input name="ESSAIS" type="text" /></div>
<img src="images/ok.gif" class="imagegauche2"/>
</div>
<div class="spacer2"></div>
<h2>Connexion</h2>
<?PHP if ($mode == 'login' || $mode == 'logout' || $mode == 'confirm')
{
define('IN_LOGIN', true);
} ?>
<form action="<?PHP echo($phpbb_root_path . 'login.php'); ?>" method="post">
Pseudo <input type="text" name="username"><br />
Mot de passe <input type="password" name="password"><br /><br />
<input type="submit" value="Se connecter" name="Se connecter"><a style="color : #E29D26" href="http://mangasplaylist.e3b.org/forum/ucp.php?mode=register"><b> [M'enregistrer]</b></a>
</form>
<?PHP } else { ?>
<?PHP }?>
<h2>PARTENAIRES</h2>
<h3>Partenaire 1</h3>
<p>Reservé votre place ici !</p>
<p><a href="http://www.zwatla.com/" class="class1"></a></p>
<h3><a href="http://www.sgfx.info/">Partenaire 2</a></h3>
<p>Réservé votre place ici !</p>
<p><a href="http://www.sgfx.info/" class="class1"></a></p>
<h3>Partenaire 3</h3>
<p>Réservé votre place ici !</p>
<p><a href="http://www.violoneli.com" class="class1"></a></p>
</div>
<div class="droite">
<h1>Bienvenue</h1>
<p>Bienvenue sur Mangas-PlayerList, si vous souhaitez découvrir de nouveaux animés mangas alors vous èetes au bon endroit.
Ce nouveau site internet est dédié aux épisodes de vos séries préférés. Elles sont disponnibles en version originale sous-titré
pour les plus grands fans et en version française. Donc le site internet est régulièrement mis à jour par l'équipe. Les vidéos
des épisodes sont tous importés de Wat.tv.<a href="http://www.sgfx.info" class="class3"></a></p>
<h1>News</h1>
<p>Nous recrutons ! Comme vous pouvez le remarquer le site internet et tout neuf et manque énormément de travail dessus. Si vous êtes
asser bon en code HTML et CSS. Si vous êtes propriétaire d'un grand forum asser convoité alors nous sommes intéressés par un partenaria
ensemble. <br/>
Donc si vous ètes intéresser par mon offre vous pouvez me contacter par courriel : ze_skateur@hotmail.f
<p></p>
<p><a href="http://www.zwatla.com/kits_graphiques.html" class="class3"></a></p>
<p></p>
<p></p>
</div>
<div class="spacer"></div>
</div>
<div class="bas"><p>
Copyright 2005 | designed by <a href="http://www.sgfx.info">ksa</a> | XHTML - CSS by
<a href="http://www.zwatla.com">krek</a> </p>
<div class="spacer"></div>
</div>
</div>
</body>
</html>
|
|
|
|
|
|
| 22 |
Petites annonces / Recrutement bénévole / Re:recherche collaboration pour gros projet |
sur: le 01-04-2009 à 09:49:37 |
| Commencé par KexS, Message par KexS |
Bonjour,
Pour ma part, j'ai quelques compétences de base en html et php, j'ai monté quelques sites Internet basiques. J'ai également des compétences sur Photoshop pour tout ce qui sera design du site (graphiques et style CSS compris).
Il me faut donc quelqu'un pour développer la structure et les modules du site. Après m'être renseigné, on m'a dit qu'à priori il faudrait que je trouve quelqu'un qui maîtrise PHP, Javascript et MySQL.
Cordialement,
Romain. |
|
|
|
| 23 |
Général / Avis ? / Re:visitez notre nouveau site |
sur: le 25-03-2009 à 23:02:10 |
| Commencé par ultimo, Message par SeanMichael |
Salut
Le site est bien structuré. Bon tu as fait appel à des tableaux je crois que ça n'est pas top qu'il vaut mieux des <div> et utiliser une feuille de style (CSS).
Le design fait un peu vieillot mais c'est clair et structuré.
Quand on est sur la page le club les icones de navigation qui sont sur la droite sont décalées vers le bas alors que sur la page d'accueil elles bien positionnées.
Il y a la même entête sur chaque page tu pourrais utiliser la fonction include en php pour gagner en vitesse de chargement.
Voila bon courage j'espère que ça t'aide
 |
|
|
|
| 24 |
Technique - programmation / HTML / CSS / XHTML / étrange problème d'affichage sous firefox |
sur: le 23-03-2009 à 18:29:59 |
| Commencé par laulaudebibi, Message par laulaudebibi |
Bonjour,
Je suis en train de refaire mon site en HTML avec CSS. Auparavant il était tout en flash.
J'ai quelques notions de HTML mais j'utilise un modèle de site gratuit que je modifies (avec kompozer pour l'HTML et Topstyle pour les css).
Après avoir quasiment terminé mon site qui fonctionnait très bien offline, je commence à le mettre sur le net (je suis chez hebergeur-discount.com). Et là je m'aperçois que certaines images ne s'affichent pas sur mes pages de galerie. Ou alors elles s'affichent puis disparaissent quand j'actualise. Ou alors une image réapparait et une autre disparait. Bref il se passe un truc bizarre.
Voici le lien de la page que je teste : http://www.laboiteareves.com/autres_ic01fr.html
Voici quelques petites choses que j'ai remarquées et qui rajoutent au bizarre de la chose :
- Ce problème n'apparait pas sur internet explorer
- J'ai mis exactement la même page sur ifrance et pas de problème même sur firefox
Est-ce qu'il y a un truc que mon hébergeur ne digère pas? Je voulais leurs écrire, mais ils ne semblent pas atteignables.
Si quelqu'un pouvait me donner une réponse, je serai bien content.
Merci |
|
|
|
| 25 |
Technique - programmation / PHP / MySQL / script message poster double |
sur: le 14-03-2009 à 20:28:06 |
| Commencé par @nthony, Message par @nthony |
bonjour,
voila en faite j'ai fais un script mais je ne veut pas que les message que l'on poste apparaise on double donc voila mon code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Tout sur naruto shippuden vostfr</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="anthony" href="designe.css" />
<link rel="icon" type="image/jpg" href="images/favicion.jpeg"/>
</head>
<body>
<?php
if ( isset ($_POST['pseudo']) AND isset ($_POST['message']) )
{if ($_POST['pseudo'] != NULL AND $_POST['message'] !=NULL )
{mysql_connect ("localhost", "root", "");
mysql_select_db ("minichat");
$pseudo = htmlspecialchars (mysql_real_escape_string($_POST['pseudo']));
$message = htmlspecialchars (mysql_real_escape_string($_POST['message']));
if($_POST['message'] != $message)
{
mysql_query ("INSERT INTO minichat VALUES ('', '$pseudo', '$message')" ) OR DIE (mysql_error () );
mysql_close (); }}
} ?>
<form method="post" action="test.php">
<p>
<label for="pseudo">pseudo</label> : <input type="text" id="pseudo" name="pseudo" value="<?php echo $_POST['pseudo']; ?> />
<label for="message">votre message</label> : <input type="text" id="message" name="message"/>
<input type="submit" value="valider"/>
</p>
</form>
<?php
mysql_connect ("localhost", "root", "");
mysql_select_db ("minichat");
$reponse = mysql_query ("SELECT * FROM minichat ORDER BY ID DESC LIMIT 0,10") OR DIE (mysql_error () );
mysql_close ();
while ( $donnees = mysql_fetch_array($reponse) )
{ ?> <p><strong><?php echo $donnees['pseudo']; ?></strong> : <?php echo $donnees['message']; ?> </p><?php } ?>
</body>
</html> |
|
mais voila maintenant quand je poste un message sa l'affiche plus donc si vous pourriez me dire ou est mon erreure
merci d'avance |
|
|
|
| 26 |
Webdesign / graphisme / Webdesign / Re:roll over - ation script |
sur: le 19-02-2009 à 14:50:35 |
| Commencé par graph, Message par MarvinLeRouge |
Bon,
En supposant que l'image survolée soit img01.png et que l'image cachée (l'anim) soit img02.png, ça te donnerait ça :
<!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" xml:lang="fr">
<head>
<title>Test</title>
<style type="text/css">
*
{
margin : 0;
padding : 0;
}
img
{
display : block;
}
#anim_01
{
margin : 50px 0 0 0;
display : none;
}
</style>
<script type="text/javascript">
window.onload = function ()
{
document.getElementById("img01").onmouseover = function() {document.getElementById("anim_01").style.display = "block";}
document.getElementById("img01").onmouseout = function() {document.getElementById("anim_01").style.display = "none";}
}
</script>
</head>
<body>
<img src="img01.png" id="img01" width="150" height="100" />
<img src="img02.png" id="anim_01" width="300" height="200" />
</body>
</html> |
|
Bon, personnellement j'utilise jQuery qui permet de faire ce genre de truc plus vite, plus court, et en utilisant l'évènement onReady qui se déclenche plus tôt. Mais sur le principe, une apparition / disparition c'est ça.
Pour l'aspect "lancer une anim sur commande", je demande à un ami en fin de semaine. |
|
|
|
| 27 |
Petites annonces / Recrutement bénévole / [ Site web ] Fansub |
sur: le 10-02-2009 à 18:35:24 |
| Commencé par Stein, Message par Stein |
Bonsoir a tous,
Je m'appelle Stein (Franck) J'ai 18 ans et je suis passionné par le Xhtml/CSS ainsi que par la musique et les mangas.
Mon projet
Cela fait maintenant pas mal de temps que j'ai crée une fansub au nom de Zakura fansub qui a pour but de traduire des mangas en Vostfr (Voix original sous titré français), et d'améliorer la qualité de l'épisode de la rendre en HD ou LD afin de satisfaire les fans.
C'est un projet <gras>Très sérieux</gras>, notre équipe est composer de tout ce qu'il faut :
-Un traducteur, un checkeur, un timeur, un encodeur etc etc
Nous comptons aller très très loin et nous espérons que Zakura fansub vivra le plus longtemps possible
Je vous invite a venir nous rendre visite sur notre site alors n'hésiter pas http://zakura.fansub.free.fr
Ma demande
Comme vous l'avez vu nous avons un site pas terrible terrible :lol:
Un webmaster
Effectivement ma demande concerne un webmaster qui pourrait nous aider a faire un beau site web avec du PHP, peut être même nous trouver un design du style Mangas Japonais etc...
Voila Merci a tous de votre compréhension ainsi que votre réponse a très bientôt ^^ |
|
|
|
| 28 |
Technique - programmation / HTML / CSS / XHTML / Problème avec mon mendu déroulant sur I.E |
sur: le 05-02-2009 à 15:51:19 |
| Commencé par rotterdam, Message par rotterdam |
Bonjour à tous
Je viens à vous, je viens de coder mon menu déroulant en horizontal, il est nickel sur les navigateurs tels que Firefox et Opera, mais sur Internet Explorer mes deux derniers boutons s'affiche en dessous.
Voici mon code html et javascript:
<head>
<title> essai_menuderoulant 01 </title>
<link rel="stylesheet" type="text/css" href="design.css" media="all"/>
<!-- code javascript -->
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</head>
<body>
<ul id="menu">
<li>
<a href="#"><img src="images/bouton_laville.gif"></a>
<ul>
<li><a href="#">historique</a></li>
<li><a href="#">transport</a></li>
</ul>
<li>
<a href="#"><img src="images/bouton_seloger.gif"></a>
<ul>
<li><a href="#">hôtel</a></li>
<li><a href="#">gites</a></li>
<li><a href="#">autres</a></li>
</ul>
</li>
<li>
<a href="#"><img src="images/bouton_sortir.gif"></a>
<ul>
<li><a href="#">restaurant</a></li>
<li><a href="#">boite de nuit</a></li>
<li><a href="#">cinéma</a></li>
<li><a href="#">boire un verre</a></li>
<li><a href="#">visite</a></li>
<li><a href="#">shopping</a></li>
<li><a href="#">sport</a></li>
</ul>
</li>
<li>
<a href="#"><img src="images/bouton_laculture.gif"></a>
<ul>
<li><a href="#">musique</a></li>
<li><a href="#">cinéma</a></li>
<li><a href="#">festival</a></li>
</ul>
</li>
<li>
<a href="#"><img src="images/bouton_images.gif"></a>
<ul>
<li><a href="#">photos</a></li>
<li><a href="#">vidéos</a></li>
</ul>
</li>
<li>
<a href="#"><img src="images/bouton_blog.gif"></a>
</li>
<li>
<a href="#"><img src="images/bouton_forum.gif"></a>
</li>
<li>
<a href="#"><img src="images/bouton_liens.gif"></a>
</li>
</ul>
</body>
</html>
|
|
Voici ma feuille de style CSS :
#menu, #menu ul /* Liste */
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 21px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu /* Ensemble du menu */
{
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : blue; /* couleur de fond */
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 107px; /* largeur */
}
#menu li /* Elements des listes */
{
float : left;
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{
position: absolute; /* Position absolue */
width: 107px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Éléments de sous-listes */
{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li
{
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
#menu li ul ul
{
margin : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul
{
border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover
{
color: #000;
background: #fff;
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
} |
|
Voila, si vous pouvez m'aider, merci. |
|
|
|
| 29 |
Le Coin Détente du Webmaster / Présentation / David |
sur: le 01-02-2009 à 14:24:29 |
| Commencé par DavidN, Message par DavidN |
Bonjour à tous,
David, 18ans, amoureux de la vie, passionné de photographie ( www.davidou.com ), j'étudie en première ES.
Je suis éclectique, et très curieux des choses, des gens et du monde qui m'entoure. Avide de nouvelles expériences, je me lance sans arrêt dans de nouveaux projets. Le web est pour moi un terrain de jeu, un moyen d'expression, une belle encyclopédie, une façon de connaître des gens au delà des frontières et des normes normalement acceptées, et une occasion de découvrir sans cesse de nouvelles choses.
David.
Pour le petit formulaire :
Age : 18ans
Occupation : Vivre !
Etudes : Bac ES ( puis la FAC de droit )
Alcool favori (ou autre vice avouable...) : Vodka, bière, punch...
Musique : J'en aime beaucoup et je ne suis pas adepte d'un style en particulier.
Logiciel favori : Toshop, Lightroom...
Langage de programmation favori : Php / Xhtml / Css
Site web : www.davidou.com
Sport : Kit Surf
Comment j'ai découvert Forum-webmaster : Google !
 |
|
|
|
| 30 |
Webdesign / graphisme / Webdesign / Re:Pouvez-vous m'aider à évoluer ? |
sur: le 01-01-2009 à 13:00:48 |
| Commencé par vazen, Message par detruk |
Salut,
lorsque je parlais de "cadre container" c'était simplement mes propres mots.
En fait, il suffit simplement de mettre ton contenu dans un bloc avec une largeur fixe (voir une hauteur fixe).
Un "bloc" c'est à dire un "div". J'ai regardé ton code et malheureusement tu es resté sur une structure en "table". Tu as utilisé des tableaux pour construire ton site.
Ce n'est pas dramatique en soit mais aujourd'hui on préfère utiliser une structure en "div". On va garder les tableaux pour afficher des données "tabulaires". Pour mettre en forme le contenu on y associe aux balises html (div et autres) des feuilles de style : les css.
L'idée serait donc de placer ton contenu dans un div qui aurait des dimensions fixes et qui servirait de cadre (pas forcément de bordure sur ce cadre).
Sinon, pour lightbox ça demande un peu de se mettre dedans si on ne connait pas le langage html mais c'est pas vraiment sorcier. Il doit y avoir des tutos ?
Par contre, pour l'Anglais c'est vrai qu'aujourd'hui dans les metiers du web c'est quasi obligatoire...
Bon courage à toi. |
|
|
|
| 31 |
Technique - programmation / HTML / CSS / XHTML / Re:cherche un script pour centrer les pages |
sur: le 20-12-2008 à 19:33:15 |
| Commencé par borsalino, Message par easyocas |
Voila le code Complet :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="verify-v1" content="yED6kSh4ivCDCQHrcvmIv4dVbnOtRc85U5nxCq2fLsM=" />
<title>radio emoçao</title>
<style type="text/css">
<!--
/* La c'est la feuille de style */
DIV#exemple { /* Le id du div contenu */
margin:auto;
width:1363px /* Je te conseille 1200px max */
}
.Style1 {
font-size: 36px;
font-weight: bold;
color: #FF3300;
}
.Style2 {
font-size: 24px;
font-weight: bold;
color: #CC6600;
}
body {
background-color: #000000;
}
.Style6 {color: #FF0000}
.Style10 {
color: #00FFFF;
font-size: 24px;
}
.Style14 {font-weight: bold; color: #009F50;}
.Style15 {
color: #A6A600;
font-weight: bold;
}
.Style20 {
color: #CC9900;
font-size: 24px;
}
.Style22 {
color: #FF3300;
font-weight: bold;
font-size: 18px;
}
.Style25 {font-weight: bold; color: #009900;}
.Style19 {font-size: 24px}
-->
</style>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="exemple"> <!-- Ici le div contenu -->
<div id="Layer1" style="position:absolute; left:11px; top:17px; width:1363px; height:1356px; z-index:1"></div>
<div id="Layer2" style="position:absolute; left:15px; top:21px; width:1359px; height:88px; z-index:2"></div>
<div id="Layer3" style="position:absolute; left:58px; top:41px; width:222px; height:60px; z-index:3">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="220" height="59">
<param name="movie" value="button1.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="59" bgcolor="#000000"></embed>
</object>
</div> <!-- Find du div Contenu -->
|
|
|
|
|
|
| 32 |
Technique - programmation / HTML / CSS / XHTML / Re:cherche un script pour centrer les pages |
sur: le 19-12-2008 à 19:01:56 |
| Commencé par borsalino, Message par easyocas |
Ben pour pas compliquer colle simplement le code de style.css dans ta page html
entre les balise :
<style>
ici
</style>
ici la page qui continue |
|
|
|
| 33 |
Technique - programmation / HTML / CSS / XHTML / Re:cherche un script pour centrer les pages |
sur: le 19-12-2008 à 18:56:43 |
| Commencé par borsalino, Message par borsalino |
bonjour , tu me dit de crée une feuille de style CSS , la je suis perdu 
moi j ai fais mes sites avec dreamweaver mx 2004 . je debute dans le webmastering peut tu m expliquer le plus simple possible merci easyocas
en tout deja je veux te dire un grand merci pour t on aide . 
|
|
|
|
| 34 |
Technique - programmation / HTML / CSS / XHTML / Re:cherche un script pour centrer les pages |
sur: le 19-12-2008 à 13:21:23 |
| Commencé par borsalino, Message par easyocas |
Salut ,
je te conseil de crée une feuille de style CSS :
exemple :
style.css :
@charset "utf-8";
/* La c'est la feuille de style */
DIV#exemple { /* Le id du div contenu */
margin:auto;
width:1363px /* Je te conseille 1200px max */
}
.Style1 {
font-size: 36px;
font-weight: bold;
color: #FF3300;
}
.Style2 {
font-size: 24px;
font-weight: bold;
color: #CC6600;
}
body {
background-color: #000000;
}
.Style6 {color: #FF0000}
.Style10 {
color: #00FFFF;
font-size: 24px;
}
.Style14 {font-weight: bold; color: #009F50;}
.Style15 {
color: #A6A600;
font-weight: bold;
}
.Style20 {
color: #CC9900;
font-size: 24px;
}
.Style22 {
color: #FF3300;
font-weight: bold;
font-size: 18px;
}
.Style25 {font-weight: bold; color: #009900;}
|
|
ta page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta name="verify-v1" content="yED6kSh4ivCDCQHrcvmIv4dVbnOtRc85U5nxCq2fLsM=" />
<title>radio emoçao</title>
<style type="text/css">
<!--
.Style19 {font-size: 24px}
-->
</style>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="exemple"> <!-- Ici le div contenu -->
<div id="Layer1" style="position:absolute; left:11px; top:17px; width:1363px; height:1356px; z-index:1"></div>
<div id="Layer2" style="position:absolute; left:15px; top:21px; width:1359px; height:88px; z-index:2"></div>
<div id="Layer3" style="position:absolute; left:58px; top:41px; width:222px; height:60px; z-index:3">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="220" height="59">
<param name="movie" value="button1.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="59" bgcolor="#000000"></embed>
</object>
</div> <!-- Find du div Contenu -->
|
|
|
|
|
|
| 35 |
Technique - programmation / HTML / CSS / XHTML / Re:cherche un script pour centrer les pages |
sur: le 19-12-2008 à 12:43:25 |
| Commencé par borsalino, Message par borsalino |
non je n y arrive toujour pas voila mon début de script ... 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="verify-v1" content="yED6kSh4ivCDCQHrcvmIv4dVbnOtRc85U5nxCq2fLsM=" />
<title>radio emoçao</title>
<style type="text/css">
<!--
.Style19 {font-size: 24px}
-->
</style>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.Style1 {
font-size: 36px;
font-weight: bold;
color: #FF3300;
}
.Style2 {
font-size: 24px;
font-weight: bold;
color: #CC6600;
}
body {
background-color: #000000;
}
.Style6 {color: #FF0000}
.Style10 {
color: #00FFFF;
font-size: 24px;
}
.Style14 {font-weight: bold; color: #009F50;}
.Style15 {
color: #A6A600;
font-weight: bold;
}
.Style20 {
color: #CC9900;
font-size: 24px;
}
.Style22 {
color: #FF3300;
font-weight: bold;
font-size: 18px;
}
.Style25 {font-weight: bold; color: #009900;}
-->
</style>
</head>
<body>
<div id="Layer1" style="position:absolute; left:11px; top:17px; width:1363px; height:1356px; z-index:1"></div>
<div id="Layer2" style="position:absolute; left:15px; top:21px; width:1359px; height:88px; z-index:2"></div>
<div id="Layer3" style="position:absolute; left:58px; top:41px; width:222px; height:60px; z-index:3">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="220" height="59">
<param name="movie" value="button1.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="220" height="59" bgcolor="#000000"></embed>
</object> |
|
|
|
| 36 |
Technique - programmation / HTML / CSS / XHTML / Re:cherche un script pour centrer les pages |
sur: le 18-12-2008 à 20:59:17 |
| Commencé par borsalino, Message par easyocas |
Tu mets le tout dans un div avec id="exemple" puis dans ta feuille de style css :
DIV#exemple {
margin:auto;
}
c'est pas plus compliqué que ca |
|
|
|
Fin des résultats
Revenir à l'index du forum.
| |
|
|
