Reprise du message précédent :
Bonjour, peut-être avez vous le temps, j'ai fait une page avec mise en forme par la feuille de style suivante :
 

div {
}
div#head {
        width:100%;
        height:10%;
        background-color:#6D7B8D;
}
div#menu {
        float:left;
        width:20%;
        height:100%;
        background-color:#6D7B8D;
}
div#content {
        float:left;
        width:80%;
        height:80%;
        background-color:#6D7B8D;
}
div#foot {
        clear:both;
        width:100%;
        height:10%;
        background-color:#6D7B8D;
 
}

Je suis pas certain d'une part de la validité de l'utilisation du % dans la description, mais en plus comme vous pouvez peut-être le constater, la signature du pied de page s'affiche par dessus le contenu principal. Comment faire ?
Merci pour vos réponse.

Enlève le height:80%; de ton #content.
De manière générale, tu n'a pas besoin de définir les height de tes div de structure. tu peux tout de même exprimer un "min-height" si tu souhaites avoir une hauteur minimum, ce qui est souvent utile pour avoir un rendu sympa. Cela dit, j'utilise rarement voire jamais les %, sauf pour les width de mes éléments, mais là encore, dès que t'ajoutes une bordure à une box (#content {border 1px solid red;}) par exemple, ta box va se barrer parce que le pourcentage ne sera plus respecté et qu'il ne prend pas en compte la bordure.
 
D'autre part, il est préférable quand tu commences un design, de partir sur une largeur qui va englober ton site (un warp). 960px est la "norme" sur Internet, parce que ça se divise bien et que ça correspond bien aux résolutions courantes de 1200-1300px.
Ensuite, il suffit d'exprimer des largeurs de box en pixels à l'intérieur de tes 960px de base.
 
 
Si tu veux avoir des exemples imbrication de box assez propres, prends ça :  
http://www.thenoodleincident.com/t [...] boxes.html
 
Si tu veux partir sur un reset de CSS utilisant les 960px, celui ci est très bien et te permet ensuite d'utiliser les classes que tu veux. http://960.gs/
Mais si tu débutes vraiment, fais tout à la main depuis le départ (siteduzero etc.).  

Yes, merci pour tout ça wild-rider  
Oui je suis un zero de zero en feuille de style, j'ai juste copier un truc d'un autre forum.
Je sais pas si c'est utile, mais c'est conseillé, donc j'essaie.
Merci pour les liens je jette un coup d'oeil.

960, c'était bien pour les 1024,
maintenant

 
Vu le nombre de périphériques mobiles qui adoptent cette résolution ou du 1280 c'est pas plus mal, la grande majorité des sites 2.0 (start-up & co) sont toujours en 960px:
delicious.com
skillshare.com
zaarly.com
timekiwi.com
asos.com
etc.  
 
Bref, c'est pas demain qu'on changera du 960px amha  

Euh sinon t'as pas entendu parler du responsive?

D'ailleurs je vous invite à lire ce livre :  
http://www.amazon.fr/Responsive-We [...] 2212133316
 
Vous aurez moins de préjugés sur la façon de faire du "responsive" et aurez une autre vision des CSS.
 
Je pensais savoir tout bien faire en responsive webdesign, mais je me suis rendu compte qu'il me manquait pas mal de petites bases.

Excellente référence, la collection A book apart est vraiment très bien foutue, j'ai les 5 et j'attends avec impatience le prochain
 
Aujourd'hui c'est vraiment simple de faire du responsive, que ce soit avec des feuilles de style qu'avec du JS.
 
Et c'est aussi de plus en plus demandé dans le monde du webdesign

Je suis en train de me renseigner sur Sinatra et avant j'avais jeté un coup d'oeil rapide à Silex, mais ça m'a l'air d'être un sacré bordel pour organiser le code avec ces micros frameworks.

commandé

 
Tu devrais aimer, la traduction est bonne et c'est vachement accessible sans pour autant être simpliste.
 
N'hésites pas à checker le reste de la collection en particulier les n° 1 (HTML5 For Webdesigner), n°2 (CSS3), n°4 (Design For Emotion) et le n°8 qui parle de la typo (je suis en train de le finir).
 
Sur leur site tu peux commander toute la collection pour 107$, par contre je ne sais pas si tu peux te faire livrer in France

J'evite de commande une brouette de lired 'un coup, sinon, je ne prends pas le temps de les lire comme il faut  
mais je note les autres références
 
pour mes histoire de logo/design, je pense que je vais partir avec de solutions low cost ( themforest / freelogoservices ou un truc du genre ) dans un premier temps

Je pense que t'as raison, si ça mord il sera temps d'investir plus tard dedans. il faut juste que ça ai l'air fini pour démarrer

C'est un logo pour quel type de société? En fait le prix va dépendre essentiellement des contraintes et des éléments fournis, si tu as déjà une charte graphique ou du moins une idée assez concrète de ce que tu veux ça peut être fait assez rapidement et pour un prix contenu.
 
Si tu veux un logo c'est la base de l'identité visuelle d'une corp, logiquement il n'est pas sensé être modifié ou le moins possible par la suite donc c'est assez long à réaliser. Il faut qu'il colle à l'identité philosophique de la boite, qu'il soit adaptable à tout type de support (utilisation sur fond sombre/clair, qu'il ressorte même lorsque son échelle est réduite), qu'il soit intemporel, etc...
 
Ca demande une recherche artistique conséquente et des connaissances en communication. Il peut plaire du premier coup au client comme le client peut refuser la maquette plusieurs fois de suite, et comme ça tu peux pas le deviner lors du devis tu dois prendre tes précautions.
 
En ce qui concerne le web design, c'est un peu pareil, si tu as une charte graphique c'est moins long donc moins cher (en théorie). Cependant tu peux trouver des templates qui te plaisent et demander à ce que le designer complète ou modifie la source de manière légère. Enfin tu as plein de possibilité mais aujourd'hui avec les charges à payer et la "complexité" ou devrais-je dire l'étendue graphique du webdesign ainsi que la concurrence de merde qui fait rage (themforst & Cie) il faut se lever de bonne heure pour trouver un WD qui veulent bien juster modifier un template pour pas cher. C'est vachement plus rentable de faire un web design complet que de juste modifier quelque chose parce que ça engendre très souvent des contraintes ALC

ce que je pense aussi
le proto a au suffisament de succès pour qu'on gagne le concours, et nous motiver pour aller plus loin (en plus de payer l'hebergement/les licences/un peu de matos et d'avoir aps mal de retour divers )
on prépare donc une v2, en enlevant les contraintes du concours , et en essayant de faire mieux.

je replace le contexte : un projet , fait avec un copain dans nos garages respectifs
2 ou 3K , c'est énorme quand c'est sur fond propre.

Si ça prends un peu d'ampleur, soit on passera à la caisse, soit on essayera de trouver un designer pour rejoindre notre galère.

Dans mon taf, suivant les cas j'utilise themforest( un intranet à usage interne ) ou une boite de com (pour le site publique )

OK, je ne savais pas que c'était pour un projet "perso"

d'ailleurs la première version ( qui est plus une étude de faisabilité qu'autre chose) est dans ma signature.
 
la V2 devrait etre fini d'imaginer d'ici un mois , et on repart pour quelques mois de réalisation

Oui dans ce cas ça fait beaucoup.

Connaissez-vous un script Open-source qui permets de stocker ses propres fonctions, une sorte de libraire consultable en ligne (du genre : http://code.seebz.net/p/ )

github ?

 
 
Bonsoir, je reviens ici parce que je trouve pas l'adresse en question, la feuille elle est écrite en dur sur la sortie standard de la CGI.
Si quelqu'un pouvait m'aider, je souhaite utiliser une feuille de style avec une CGI.
 
Je fais ça avec Ada.
 

with Gnat.Cgi;
use Gnat.Cgi;
with Ada.Text_Io;
use Ada.Text_Io;
procedure Webstart is
   
   File : File_Type;
begin
   if not Ok then
      raise Program_Error;
   end if;
   
   Put_Header;   
   Open(File, In_File, "e:\index.css" );
   while not End_Of_File(File) loop
      declare
     Line : String := Get_Line(File);
      begin
     Put(Line);
      end;
   end loop;
   Close(File);
   Open(File, In_File, "e:\index.html" );
   while not End_Of_File(File) loop
      declare
     Line : String := Get_Line(File);
      begin
     Put(Line);
      end;
   end loop;
   Close(File);
   
end Webstart;

 
Résultat : webstart

Wouais, non, faut pas renvoyer la feuille de style comme ça, faut juste mettre son adresse URL dans la page html.

Bon ben t'as l'air d'avoir resolu le pb, feloches

 
Merci à toi.    
 

reçu
excellent livre, je l'ai dévoré et j'ai déjà beaucoup appris

Je suis en train d'auditer un site web

est ce qu'il peut y avoir une raison intelligente pour utiliser le fonctionnement suivant :
un click sur lien ( n'importe lequel) fait une requete ajax en envoyant par exemple le numero de la ligne du tableau au serveur
le serveur fait l'association entre le numero de la ligne  et l'id de l'objet, mets cet objet en session  
puis il y a rechargement de la page , qui affiche le détail de l'objet

betement j'aurai utilisé un lien detail?id=le_vrai_id , moi

C'est un site qui est en jsp + richfaces

rechargement de la page en ajax ( toute la page : les styles inline, les javascripts inlines, .... )  
 
D'un autre côté , je voulais faire un client alternatif pour ce site, ça complique un peu les choses

plus je creuse , plus c'est moche
 
J'ai l'impression de voir un mauvais site du début des années 2000, alors qu'il a recemment été complètement refait   : la dernière version majeure date de la semaine dernière.  
Avant  il fonctionnait avec des frames

Ouais, mais t'utilises pas de web 2.0 dans ta solution

J'ajouterai un , ça compte ?  
 
 

Quelqu'un sait comment fonctionne preg_replace_callback() en php ?
 
Je veux l'utiliser pour nettoyer des <span> imbriqué vide de tout formatage
 

La première partie me sort bien toutes les propriétés indésirable mais par contre je me retrouves avec une suite de span imbriqué qui ne servent à rien, je sais bien que c'est valide Xhtml d'imbriqué des span mais dans le TinyMCE, y'a un fil d'ariane en bas permettant de cibler directement la balise à modifié et si on a 6 span vide, c'est un peu chiant...
 
Je suppose que vu l'imbrication je suis obligé d'utiliser preg_replace_callback mais je me casse les dents dessus...

My eyes, it burns!

 
     
Wtf is this shit. I'm 28 and what is this.

Yo dawg, I herd you like span ...

Est-ce peut-être une méthode complètement stupide pour conserver la page actuelle si le user fait un F5.
En tout cas, celui qui a pondu devrait être pendu

Ouais ben je sais que c'est moche, c'est pour ça que je veux nettoyer !  
Contexte : un textarea enrichi par du TinyMCE ou j'ai bien limité la saisie avec des class et des balises sémantique mais ou j'ai quand même des utilisateurs qui copie / colle depuis word et qui me font ce genre de cochonneries...
 
Je nettoie la première partie pour au moins avoir un affichage correct, mais si en plus on pouvait se débarrasser de ces <span> useless... :- /

 
Mais tu peux pas simplement parser ton html avec un parseur xml et enlever ce que tu veux proprement?

Je sais pas si c'est pas quelqu'un d'ici qui disait que les REGEX était plus performantes que les manipulations de DOM (après il se peut qu'il parlais de JS et pas de PHP ^^), en plus instancier un objet DOM xml et parcourir tous les nœuds à la recherche de <span> vide imbriqué me semble un peu excessif et plus compliqué qu'une bonne expression régulière (éventuellement récursive)...
 
...mais ceci dit je me trompe peut-être !    

Que pensez vous  de ça  ? ( au niveau esthetique)

Un de mes derniers essais a base de jquery mobile
edit : oups il y a encore des typos