Design vs en pensez quoi? + aide CSS

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 Page Suivante Page Précédente Bas de page
Auteur	Sujet : Design vs en pensez quoi? + aide CSS

lancevo7

salut, voila mon premier site www.sarlsobat.fr
je le trouvais un peu amateur dans la conception donc je m'y suis remit ce matin

niveau design vous en pensez quoi? des chose a ameliorer?

sinon ce n'est en aucun cas de la pub

Message édité par lancevo7 le 14-09-2006 à 19:39:58

Publicité

nargy

Page d'accueil: le texte n'est pas assez lisible sur l'image de fond. L'image devrait être en filigrane. Il manque des liens dans le texte de présentation, vers les rbriques du site, avec des explications et un texte accrocheur.

Dans la rubrique Nos travaux: les photos sont énormes, il faudrait en faire des miniatures sinon le temps de téléchargement est trop long.

La rubrique Nos travaux est la rubrique principale, et n'est pas assez mise en avant.

Le frames vont empêcher les moteurs de recherche de bien te référencer.

La date: on s'en fout, utilise l'espace disponible pour mettre des infos utiles, si tu veux quelquechose de dynamique, mets un texte défilant avec des liens vers les sous-rubriques.

Les photos-icônes qui changent: ça attire inutilement l'oeil. Mets en une seule genre diaporama, et trouve plutôt des icônes statiques mais bien lisibles pour chaque catégorie et sous-catégorie.

Fond bleu foncé: pas terrible comme choix, un fond clair est globalement plus lisible, et ne pose pas de problème lors d'une impression.

lancevo7

donc le debut du nouveau design est mieux?

merci bcp en tt cas!

gen2

Plutôt que tu times new roman, j'utiliserai du Arial ou Verdana (comme dans ton formulaire), c'est plus lisible.
Et tu peux aussi réduie la taille de la police sur la page d'accueil.

CNeo

La balise marquee n'existe pas ...

lancevo7

au faite ca changer maintenant il n'y a que www.sarlsobat.fr avec nouveau design
que veut tu dire par elle n'existe pas?

Message cité 1 fois

CNeo

lancevo7 a écrit :

que veut tu dire par elle n'existe pas?

Elle existe pas dans les standards, elle n'est pas reconnu par le W3C, elle ne doit pas être utilisée.

CNeo

1 - ta page n'a pas de balise doctype, de head, de title, de body.
2 - ta page est faite en tableaux.

Bref c'est du grand n'importe quoi.

Message édité par CNeo le 13-09-2006 à 16:57:35

lancevo7

le coté tableau c'est pour les frames

pour les balises, normal j'ai pas fini, je fesait au plus simple, puis le titre du poste c pas "est ce qu'il y a toute les balise et tout est bien en forme?"

Message cité 1 fois

gooopil

pfiew

lancevo7 a écrit :

le coté tableau c'est pour les frames

pour les balises, normal j'ai pas fini, je fesait au plus simple, puis le titre du poste c pas "est ce qu'il y a toute les balise et tout est bien en forme?"

En même temps, tu postes dans la catégorie html, pas dans la catégorie design, normal que tu ais des critiques au niveau du code... [:spamafote]

Message édité par gooopil le 13-09-2006 à 17:05:29

Publicité

lancevo7

exact j'avais pas vu l'autre categorie, sinon en quoi c'est genant le tableau? moi ca me permet de faire une meilleur mise en forme

Message cité 1 fois

gooopil

pfiew

lancevo7 a écrit :

exact j'avais pas vu l'autre categorie, sinon en quoi c'est genant le tableau? moi ca me permet de faire une meilleur mise en forme

Un peu de lecture

http://css.alsacreations.com/Faire [...] n-concrete

lancevo7

faut que j'etudie ca alors....

mais on peut faire comme ca :

1colone, 2ligne, 1 colone

| |___| |
| |___| |
| | | |

?

gooopil

pfiew

Ben voui

lancevo7

ok, donc question bete encore, je peux abandonner index.php et refaire un index.html avec les style?

jpeux tout mettre dans la meme feuille?

lancevo7

bon new design avec du CSS, mieux? (pas fini)

gooopil

pfiew

A changer :
- La table dans ton header
- Le <center><font... à faire en CSS
- Le JS qui marche pas
- La validation ( http://validator.w3.org/check?verb [...] obat.fr%2F )

Sinon mieux oui

Message édité par gooopil le 14-09-2006 à 13:54:40

lancevo7

la table dans mon header? quel table?

le JS? si il marche c'est le menu travaux

tien je connaissait pas la validation

gooopil

pfiew

Code :

<DIV ID="1" STYLE="position:absolute; visibility:hidden; left: 125px; top: 177px;" onMouseOut="cache(1)">
<table width=150 bgcolor="#dea" cellpadding=0 cellspacing=1>
<tr><td bgcolor="#ac4" STYLE="padding:4" onMouseOver= "document.getElementById(1).style.visibility = 'visible';controle(1)">
<a href="index.php?page=charpente" title="charpente" style="text-decoration:none"> <font color="#FFFFFF" size="+1"><b>Charpente</b></font></a>
</td></tr></table>
</DIV>

La le table

Le JS il marche, mais génère des erreurs.

Plus au niveau design, je trouve ça génant que dans ton menu, la page en cours réagisse visuellement de la même façon que les pages non actives.

Message édité par gooopil le 14-09-2006 à 14:05:47

lancevo7

"Plus au niveau design, je trouve ça génant que dans ton menu, la page en cours réagisse visuellement de la même façon que les pages non actives."

pas compris

en faite pour le menu de nos travaux, donc qui comporte le script + la table, c'est un truc tout fait du net

si ta un truc du meme genre a me proposer..

gooopil

pfiew

Oublie ma phrase que t'as pas compris, ça vient du fait que le menu ne marche pas sous FF.
Sous IE y'a un truc qui s'affiche, mais c'est pas bien beau...

lancevo7

bah si j'utilise FF justement

pour la page acceuil j'ai utiliser le CSS

Code :

<head>
<style type="text/css">
#h1
{
color:#000066;
font-size:25px;
text-align:center;
}
#h2
{
color:#000000;
font-size:30px;
text-align:center;
}
</style>
</head>
<p id="h1">Entreprise familiale forte de 18 années dexpérience dans le domaine du bâtiment, pouvant satisfaire vos besoins de délais, de prix et de qualité des ouvrages accomplis
<br>
<br>
Pour se faire, nous vous proposons nos services dans différents domaines :
</p>
<p id="h2">* Rénovation de bâtiments anciens<br />
* Agencement et réhabilitation<br />
* Extension de maison, garage, annexe<br />
* Construction neuve<br />
* Aménagement extérieur<br />
* Ravalement neuf et ancien</p>

bon?

reste a trouver un autre menu pour ma page nos travaux

lancevo7

j'en ai trouver un, plus qu'a l'ameliorer

lancevo7

dailleur pourquoi sous FF ca marche nikel mais pas sous ie?

lancevo7

c bon, je corrige petit a petit

MagicBuzz

Salut,

D'après les premières réponses, tu as refais des changements.

Si avant le texte de la page d'acceuil était illisible, il est maintenant bien trop gros. Essaie de mettre plus de texte ou/et des illustrations, et écrit plus petit.

Pour le reste, j'aime bien la présentation générale. Les couleurs ne sont pas agressives et le contraste est correct.

Par contre, le menu déconne avec IE7 RC1, c'est tout moche et le rollup n'est pas en face du menu choisi.

lancevo7

faut que je le replace bien, sinon avec ie6 ca va mieux qu'avant, sinon avec FF c nikel

mIRROR

Chevreuillobolchévik

ouah c est mieux que le truc plein de frames avec les boutons flash tout nases
mais par contre t as un peu massacré le script de sibelius
http://css.alsacreations.com/xmedi [...] zontal.htm
avant de t en inspirer recopie le exactement parce qu il marche parfaitement sur ie et ff

lancevo7

bah la il marche non?
jle recopier et apres j'ai enlever les truc qui me servait pas

mIRROR

Chevreuillobolchévik

il marche super pas et il a pas le meme comportement sur ff et ie [:dawak]
normalement le sous menu doit etre imbriqué dans ta liste de liens "normaux" or toi tu l as extrait du contexte

regarde bien

sur le script initial

Code :

<dl>
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>

le sous menu est dans la meme imbrication de code (le <dl> se ferme a la fin)

alors que dans ton code

Code :

<li><dl><dt onmouseover="javascript:montre('smenu1');" >Nos Travaux</dt></dl></li>

tu fermes le <li> tout de suite donc forcement ca bugge

lancevo7

je comprend ce que tu veux dire, jverrais ca lundi, mais bizare pour ie et FF, moi ca marche nikel

lancevo7

En faite mon probleme ce situe dans cette partie!
help me pour la mise en forme
sous ie ca passe pas

Code :

<ul id="menu">
<li><a href="index.php?page=accueil" title="accueil" style="text-decoration:none">Accueil</a></li>
<li><a href="etape3.html">Etape n°3</a></li>
<li><a href="index.php?page=contact"title="contact" style="text-decoration:none"><font color="#FFFFFF"><b>Contact</b></font></a></li>
<dt onmouseover="javascript:montre('smenu1');" >Nos Travaux</dt>
</ul>
<ul id="sousmenu">
<ul id="smenu1">
<li><a href="index.php?page=charpente" title="accueil" style="text-decoration:none"><font color="#FFFFFF"><b>Charpente</b></font></a></li>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.1</a></li>
</ul>
</ul>

Message édité par lancevo7 le 17-09-2006 à 18:59:43

lancevo7

bon ca changer ne pas tenir compte du msg au dessus
j'ai qu'une erreur ! c deja bien

jverrais la suite demain

lancevo7

si quelqu'un peut m'aider pour le rendu du sous menu sous ie, notament l'espacement anormal

anapajari

s/travail/glanding on hfr/gs;

les dt ça va dans les dl pas dans les ul.
Et tu peux pas ouvrir un "sous"-ul comme ça dans ton deuxième ul, il faut préalablement avoir mis un li.

En résumé il manque li dans le deuxième ul ( et non l'inverse)...

lancevo7

mais mes dt sont dans les dl
tu peux etre plus clair stp?

Code CSS:

Code :

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
dl#menu
{
height: 25px ;
background-color:#dea;
list-style-type: none ;
}
dl#menu dt a
{
width: 130px ;
line-height: 25px ;
font-size: 1.4em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #dea ;
}
dl#menu li a
{
font-size: 1.4em ;
font-weight: bold ;
letter-spacing: 2px ;
display:block;
text-decoration:none;
text-align:left;
color:#FFFFFF;
background-color:#dea;
}
dl#menu dt
{
float: left ;
text-align: center ;
}
dl#menu ul
{
position:absolute;
width:127px;
height:100px;
left: 444px;
top: 177px;
list-style-type: none;
}
dl#menu dt a:hover
{
background-color:#ab4;
}
dl#menu li a:hover
{
background-color:#ab4;
}

Code :

<dl id="menu">
<dt><a href="index.php?page=accueil" title="accueil">Accueil</a></dt>
<dt><a href="etape3.html">Etape n°3</a></dt>
<dt><a href="index.php?page=contact"title="contact" >Contact</a></dt>
<dt><a onmouseover="javascript:montre('smenu1');" >Nos Travaux</a></dt>
<dd id="smenu1">
<ul>
<li><a href="index.php?page=charpente" title="charpente" style="text-decoration:none">Charpente</a></li>
<li><a href="index.php?page=couverture" title="couverture" style="text-decoration:none">Couverture</a></li>
<li><a href="index.php?page=faience" title="faience" style="text-decoration:none">Faïence</a></li>
</ul>
</dd>
</dl>

Message édité par lancevo7 le 18-09-2006 à 15:17:45

lapin21

il voulait dire qu'il manque un ul dans un coin

anapajari

s/travail/glanding on hfr/gs;

sorry mais c'est pas le code qu'il y avait plus haut [:spamafote]
la comme ça j'en sais rien

lancevo7

lol merci qd meme, enfin tester si vous pouvez mais moi sur ie ya un espace dans le sous menu

CNeo

Arrêtez avec vos dl et compagnie. Un menu en ul et li c'est largement suffisant. Pour appliquer un style uniquement à IE utilises les commentaires conditionnels.

Message cité 1 fois

Publicité

Page : 1 2

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

Design vs en pensez quoi? + aide CSS

Sujets relatifs
Aide Blog	[Firefox] <span> et CSS overflow
Appel aide.chm par une commande javascript	Une petite aide sur du javascript
[BATCH] Need aide batch touchant au PATH ! Je connais pas les batch :<	besoin d'aide sur les module de classe
cherche une aide pour la présentation	[Résolu] Positionnement DIV Css
[CSS] Onglets + Cadre: probleme avec FF	Design pour eviter un virtual...
Plus de sujets relatifs à : Design vs en pensez quoi? + aide CSS

Page générée en 0.106 secondes