Besoin d'aide pour site
Besoin d'aide pour site - HTML/CSS - Programmation
Marsh Posté le 10-12-2012 à 13:22:57
dans div#all, tu mets :
margin-left: auto;
margin-right: auto;
Ca devrait faire l'affaire.
Edit : alignment-adjust est une propriété du css3. Tous les navigateurs la supportent pas forcément : http://www.cssportal.com/css-prope [...] adjust.htm
Message édité par rufo le 10-12-2012 à 13:28:15
---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Marsh Posté le 10-12-2012 à 14:36:06
Merci pour les infos 
j'ai réussi en mettant ça dans le css
position:absolute;
width: 1020px;
left: 50%;
margin-left: -510px;
J'ai une autre petit question 
, la barre rouge étant ma barre de nav j'aimerais savoir si je me sert d'une div ou ul /li pour pouvoir mettre mon texte avec les liens dans cette barre
Merci d'avance
---------------
Galerie - Site
Marsh Posté le 10-12-2012 à 14:55:39
En général, plutôt un ul / li. Sémantiquement, ça correspond mieux.
---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Marsh Posté le 10-12-2012 à 14:56:53
| wolverineos a écrit : Merci pour les infos |
C'est pas une bonne solution ton position absolute avec un left à 50% et un marhin-left à -510px. T'as testé sur des écran de tailles différentes? Pour center, c'est la solution que je t'ai donnée normalement.
parfois, à rajouter un text-align: center;
---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Marsh Posté le 10-12-2012 à 16:39:36
Reply
Marsh Posté le 10-12-2012 à 16:48:33
| gatsu35 a écrit : margin:0 auto sur le conteneur principal |
Ca revient à faire margin-left auto; et margin-right: auto; sur son conteneur principal (le div ayant pour id "all" ), sauf que ça met pas à 0 le margin-top comme avec ta proposition 
Message édité par rufo le 10-12-2012 à 16:48:44
---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Marsh Posté le 10-12-2012 à 18:43:07
C'est pas un soucis, il n'a aucun margin-top sur #all
---------------
Blablaté par Harko
Marsh Posté le 11-12-2012 à 00:46:23
si je comprends bien ça marche mais c'est pas catholique 
car je souhaites que mon site soit le plus proche du standard W3C. Mais comme je suis graphiste et que je suis plus créatif que codeur, mais que je veux le faire pour comprendre et savoir mieux le vendre à mes clients BREf j'ai ajouté une feuille de style normalyze, d'après ce que j'ai vu sur alsacreation c'est le plus simple.
Est ce que si je met la page en ligne à une certaine vous pouvez me dire ce que ça donne sur des écrans différents et pas en 27" .
Une dernière question, avant que je commence ma recherche, est ce que l'affiche correct sur mobile ou tablette doit passer par le css ou un site entier.
MERKI de votre patience les gars
---------------
Galerie - Site
![[:b-rabbit]](https://forum-images.hardware.fr/images/perso/b-rabbit.gif "[:b-rabbit]")
Marsh Posté le 11-12-2012 à 02:10:39
Ya rien de pas catholique dans ce que je te propose, c'est juste comme ça qu'on écrit 
---------------
Blablaté par Harko
Sujets relatifs:
- Besoin d'aide pour un site web ...
- création de mon nouveau site. Besoin de vos lumieres
- Besoin d'aide pour mon 1er site
- besoin d'aide pour finaliser mon site (position text et hover)
- Besoin d'aide pour creation d'un site web
- besoin d'aide pour un site svp.
- Besoin d'aide pour un futur site > defilement photos (noob)
- Insertion de forum dans un site... Besoin d'aide svp!
- besoin d'aide pour création de site de chien virtuel
- Avis sur une intro en flash
Marsh Posté le 09-12-2012 à 19:52:22
Voila j'ai le design que j'ai fais sous photoshop, étant graphiste pas de soucis, mais quand j'arrive dans dreamweaver avec le html et les css je merde car mes souvenirs sont lointoins ...
Je met le design, les css et le Html si quelqu'un peut m'aider à résoudre ces petits soucis ça serait sympa, et avec une explication que je ne refasse pas les même erreurs
Je n'arrive pas à centrer ma page, j'ai l'impression d'avoir oublié quelquechose
Merci d'avance
voila le design
Voila le css
body {
background-color: #CCC;
}
div#all {
position:absolute;
alignment-adjust:middle;
box-shadow:#333;
border-radius: 2px;
height: 985;
width: 1020px;
background-color: #3e3e3e;
alignment-adjust:auto;
}
div#header {
width: 1020px;
height: 80px;
background-position:left;
background-repeat:repeat-x;
background-image:url(img/fd_header.jpg);
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
h1 : {
color:#C00;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
h2 : {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
div#content_bas {
width: 1010px;
height:auto;
font: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}
div#footer {
width: 1020px;
height: 15px;
alignment-adjust:middle;
font: Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color: #3e3e3e;
font-size:9px;
}
Et le HTML
[quote]
<!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=utf-8" />
<title>accueil ciadesign</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="all" >
<div id="header">
<img src="img/fd_header.jpg" />
<img src="img/logo1.png" width="241" height="79" align="left"/>
<img src="img/gplus-icon.png?google +=" width="48" height="48" align="middle"/>
<img src="img/twitter-icon.png?icone twitter=" width="48" height="48" align="middle"/>
<img src="img/facebook-icon.png?icone facebook=" width="48" height="48" align="middle"/>
<img src="img/linkedin-icon.png?icone linkedin=" width="48" height="48" align="middle"/>
<img src="img/pinterest-icon.png?icone pinterest=" width="48" height="48" align="middle"/>
<img src="img/skype-icon.png?icone skype=" width="48" height="48" align="middle"/>
</div>
<div id="content_haut">
<img src="img/cover_b.png" />
</div>
<div id="content_bas" align="center">
<p>Je suis graphiste freelance. J’interviens à tout les niveaux de la communication. Avant, pendant et après la réalisation de projet, je suis présent.
>> Avant, pour les conseils et l’orientation à donner à votre projet.
>> Pendant, pour mener à bien le projet, sans perte de temps.
>> Après, pour les conseils quant à l’utilisation des moyens de communications mis à votre disposition.
Votre projet est destiné à l’impression, pas de soucis, mon expertise de 12 ans dans ce domaine me permet d’être éfficace et d’anticiper les éventuels soucis pouvant interférer dans la bonne conduite de votre projet.
Votre projet est à destinantion du web, pas de soucis, mon expertise et ma vielle permanente dans l’évolution du web et de ses moyens de communication me permettent de vous proposer des services tout aussi éfficaces et de qualité que pour l’impression.
J’interviens également en temps que formateur sur les logiciels Adobe Indesign, Photoshop & illustrator ainsi que dans le prépresse, la PAO.
Tout comme pour l’audit interne sur vos moyens de communication.
// 12 ans dans la presse en temps que Redacteur Graphiste / D.A
// 5 ans en temps que journaliste
// Co créateur du magazine SCOOTERGT.Fr
// Depuis 2 ans Graphiste/D.A/Formateur/Consultant Freelance </p>
<img src="img/sep_footer.png" align="middle" />
</div>
<div id="footer" align="center">
<p> Copyright Alexandre Becquet - 2012 - T : 06 65 96 92 93 - @ : alexandre@ciadesign.Com</p>
</div>
</div>
</body>
</html>
[quote]
---------------
Galerie - Site