Cooling-Masters
Connexion · INSCRIPTION · Site Recevoir à nouveau l'e-mail de validation


php mysql

Ajouter ou retirer ce sujet de vos favoris  ·  Suivre ce sujet  ·  Imprimer ce sujet
Pages : « Première ...  11  12  13  14  15  16  17  18  19 
Vincent


troubleshooting expert :/
Messages : 7306

jeudi 28 juin 2007 à 08:46:16     
merci, je teste ton code
Google




     
Vincent


troubleshooting expert :/
Messages : 7306

jeudi 28 juin 2007 à 09:16:05     
QUOTE :

<style type="text/css">
body{
text-align: center;
background-color: #3C3529
}
#contenu{
width: 75%;
margin: 0 auto;
text-align: left;
background-color: #CCCC99
}

#civilites{
float:left;
width: 50%
}

#photo{
width: 50%;
float:right
}
</style>

<div id="contenu">
<div id="civilites">
  pouet
</div>

  <div id="photo">
  <img src="photocv.png">
  </div>
</div>


pourquoi background-color: #CCCC99 de #contenu ne s'affiche pas? qu'est-ce que j'ai encore fait
debugger


Membre
Messages : 2002

jeudi 28 juin 2007 à 09:39:33     
ça s'affiche, mais a priori il le considère comme vide de contenu alors il ne fait rien

mets un retour <br> avant de fermer le div #contenu
...<img src="photocv.png"></div><br></div>
Vincent


troubleshooting expert :/
Messages : 7306

jeudi 28 juin 2007 à 09:42:15     
merci, cela fonctionne en rajoutant un espace

par contre l'image n'est pas droite de son block pourquoi? SVP juste une piste et la reponse dans un spoiler
debugger


Membre
Messages : 2002

jeudi 28 juin 2007 à 09:55:25     
énigme 1
SPOILER :

pourquoi devrait-elle être à droite ?

énigme 2
SPOILER :

tu ne dis nulle part qu'elle devrait être à droite

solution
SPOILER :

la solution est facile, trouve-la tout seul

Vincent


troubleshooting expert :/
Messages : 7306

jeudi 28 juin 2007 à 10:09:55     
1 )

2)
Vincent


troubleshooting expert :/
Messages : 7306

jeudi 28 juin 2007 à 11:26:55     
<img src="photocv.png" style ="float: right"> ou il y a plus clean
debugger


Membre
Messages : 2002

jeudi 28 juin 2007 à 11:44:01     
<img src="photocv.png" align="right"> c'est une autre façon mais tu perds le côté css pur
Cooling


Membre
Messages : 327

jeudi 28 juin 2007 à 11:54:09     
QUOTE :

<img src="photocv.png" style ="float: right"> whistle.gif ou il y a plus clean


Bah fait un id #photocv par exemple, comme ça t'auras bien séparé ta présentation du contenu.

CODE :


#photocv{
float: right;
}
<img src="photocv.png" id="photocv" alt="Photo CV" />


En tous cas, j'te déconseille très fortement le align="right" proposée par debugger pour la raison évoquée ci dessus en plus du fait que le HTML 4.01T c'est has been.
xalis


Membre
Messages : 9791

jeudi 28 juin 2007 à 11:59:45     
QUOTE (benoît @ jeudi 28 juin 2007 à 00:39:30) :

pour bien utiliser ça (float) il faut que tu crée une div vide en dessous des deux et pour attribu css un bon petit clear:both

Vincent


troubleshooting expert :/
Messages : 7306

jeudi 28 juin 2007 à 12:03:30     
xalis


Membre
Messages : 9791

jeudi 28 juin 2007 à 12:04:52     
c'est une méthode digne des plus grands chefs kurde de cette planète, et attention aux compatibilités inter-navigateurs
debugger


Membre
Messages : 2002

jeudi 28 juin 2007 à 12:29:04     
QUOTE (Cooling @ jeudi 28 juin 2007 à 11:54:09) :

En tous cas, j'te déconseille très fortement le align="right" proposée par debugger pour la raison évoquée ci dessus en plus du fait que le HTML 4.01T c'est has been.

"tu perds le côté css pur" = "tu perds la séparation présentation / affichage" (faut lire mon poste en entier)

"has been" renvoit à une notion de mode, purement subjective donc, et en technique ça n'a pas sa place

EDIT TYROU : merci d'arreter cette flamewar à la con, y a déjà un topic de fermé, ou va pas devoir en arriver à fermer tous ceux qui causent de php parce que vous vous foutez sur la tronche tout le temps ?

Message édité par Tyrou le jeudi 28 juin 2007 à 12:32:40
Shinuza


Mais bof quoi
Messages : 4419

jeudi 28 juin 2007 à 16:27:15     
Hey hey, stop :

-Aux bastons à la con
-Aux clear:both

Vincent : http://www.blog-and-blues.org/articles/Flo...es_de_formatage utilise ça plutot que clear:both
Cooling : background-color:red et background:red sont équivalents
Vincent


troubleshooting expert :/
Messages : 7306

jeudi 28 juin 2007 à 16:34:07     
merci je regarderai ce soir
Shinuza


Mais bof quoi
Messages : 4419

jeudi 28 juin 2007 à 17:30:56     
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">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <style type="text/css">
 body{
  background: #3C3529; /* Text-align viré, aucun interêt */
 }
 
 #contenu{
  width: 75%;
  margin: auto; /* Zero viré, il ne sert à rien, div est un élement neutre, il n'a ni marges int., ni marges ext. */
 }
 
 #beforestuffs {
  background: #CCCC99;
   /* Contexte de formatage */
  overflow:hidden;
  _overflow:auto;
  zoom:1;
   /* /Contexte de formatage */
 }

 #civilites{
  float:left;
  width: 50%
 }
 
 #photo {
  float:right;
  width:300px; /* Taille de l'image, non obligatoire */
 }
 
 #stuffs {
  background:inherit; /*I know it's awful but it for me to show that stuffs is NOT floated */
 }
 </style>
</head>
<body>
 <div id="contenu">
  <div id="beforestuffs">
   <div id="civilites">
    pouet
   </div>
   <img id="photo" src="photocv.png" />
  </div>
  <div id="stuffs">
   Others stuffs
  </div>
 </div>
 
</body>
</html>


J'ai corrigé ton code en applicant le contexte de formatage, j'ai viré pas mal de trucs inutiles, c'est commenté.
Pour l'image t'es pas obligé de mettre une taille.
xalis


Membre
Messages : 9791

jeudi 28 juin 2007 à 22:42:39     
beaucoup moins kurde que ma méthode vincent, mais ça marche aussi
Cooling


Membre
Messages : 327

vendredi 29 juin 2007 à 07:51:10     
QUOTE (Shinuza @ jeudi 28 juin 2007 à 16:27:15) :

Cooling : background-color:red et background:red sont équivalents

Perso je préfère mon écriture pour la simple et bonne raison que le raccourci background remet aux valeurs par défaut toutes les propriétés non explicitement déclarées (background-image, background-repeat, ...) ce qui peut écraser les déclarations précédentes.

Message édité par Cooling le vendredi 29 juin 2007 à 07:51:53
Shinuza


Mais bof quoi
Messages : 4419

vendredi 29 juin 2007 à 12:21:54     
QUOTE (Cooling @ vendredi 29 juin 2007 à 07:51:10) :

Perso je préfère mon écriture pour la simple et bonne raison que le raccourci background remet aux valeurs par défaut toutes les propriétés non explicitement déclarées (background-image, background-repeat, ...) ce qui peut écraser les déclarations précédentes.

C'est bien la vocation du shortag, éviter

CODE :

background-color:white;
background-image:url("monimage.png");
background-position-x:left;
background-position-y:top;
background-repeat:repeat-x;


et faire

CODE :

background:white url("monimage.png") left top repeat-x;


En l'occurence il n'y a pas de déclaration précedente, et le cas échéant on continuerait la déclaration avec le shortag
debugger


Membre
Messages : 2002

vendredi 29 juin 2007 à 14:41:11     
clair que y'a pas photo

d'autant plus que dans la réalité les cas avec déclarations précédentes antèrieures dans la feuille de style n'existent pas, à moins de ne pas comprendre ce qu'on fait

évidemment il y a des exceptions, mais en règle générale 5 fois moins de code = 5 fois moins de risques de bugs = 5 fois plus de facilité à maintenir
Cooling


Membre
Messages : 327

vendredi 29 juin 2007 à 15:39:17     
QUOTE :

d'autant plus que dans la réalité, les cas avec déclarations antèrieures dans la feuille de style n'existent pas, à moins de ne pas comprendre ce qu'on fait

Dans la même feuille de style, normalement non, mais chez moi la cascade des css via différents fichiers est quand même vachement utilisée alors ce serait con que qq'un mette dans la dernière CSS :

CODE :


div{
 background: url(test1.png);
}


plutôt que :

CODE :


div{
 background-image: url(test1.png);
}


alors que dans la CSS chargée avant il soit écrit :

CODE :


div{
 background-repeat: repeat-y;
 background-image: url(test2.png);
}


Dans ce cas la valeur de l'attribut background-repeat serait remplacée par l'attribut par défaut ce qui n'est absolument pas le comportement désiré... donc méfiance...maintenant il est mis en garde...

Message édité par Cooling le vendredi 29 juin 2007 à 15:39:51
Shinuza


Mais bof quoi
Messages : 4419

vendredi 29 juin 2007 à 15:58:28     
Bah déja en prod t'évites :

-De charger 20 fichiers CSS, les hits c'est pas le plat préféré d'un serveur.
-Et donc d'avoir une séparation des styles concurents.

Y'a absolument aucun interêt d'écraser des styles dans le même espace, tu sépares par sections ou par univers.

L'exemple que tu montres est le fruit d'une organisation à revoir

CODE :


.light {
width:18px;
height:18px;
float:left;
margin:0 10px 0 0;
background:url("../skin/switchers.png") right -34px;
overflow:hidden; /* IE Adds weird space when injecting the object in the template*/
}

li.lightActive .light{
background-position:left -34px !important;
}


Ici j'écrase la propriété position, uniquement si le parent à la classe lightActive, et je modifie la priorité sinon, ça ne marche pas
Cooling


Membre
Messages : 327

vendredi 29 juin 2007 à 18:35:55     
QUOTE :

Bah déja en prod t'évites :

-De charger 20 fichiers CSS, les hits c'est pas le plat préféré d'un serveur.
-Et donc d'avoir une séparation des styles concurents.
Y'en a qui choisissent les perfs, d'autres la modularité, d'autres font un mix... Perso à la base j'étais axé perfs mais quand j'vois que nos serveurs ont un load average minable, à quoi bon s'emmerder ? J'me gêne pas pour faire du découpage intensif : ça m'fait gagner du temps pour la maintenance et ça ne se ressent absolument pas au niveau de la charge.
Et ceci, sans compter le fait que nos brouteurs sont assez malins pour faire des HEAD au lieu des GET, que les fichiers sur le serveur sont en cache donc niveau i/o sur les disques c'est même pas à prendre en compte donc bref, on s'en tape un peu...

QUOTE :

L'exemple que tu montres est le fruit d'une organisation à revoir
J'ai l'impression que t'as pas saisi où je voulais en venir avec mon exemple... Je met en garde l'utilisation des raccourcis pour la raison que j'ai évoquée 2 posts avant, imagine sur une page qui a sa propre CSS, tu veux modifier le fond du site qui est en repeat-y, t'as intérêt à pas avoir la facheuse habitude d'utiliser les raccourcis sinon tu vas te faire baiser parce que le repeat va repasser en valeur par défaut alors que si t'utilises la propriété "longue", aucun souci t'es sûr de ne modifier que ça... Après tu vas me dire que par rapport à son exemple, le raccourci suffisait, j'suis totalement d'accord mais c'est dommage pour Vincent qui demande qu'à apprendre de dire "background-color:red et background:red sont équivalents" sans avertir des dangers potentiels comme je l'ai fais...
Shinuza


Mais bof quoi
Messages : 4419

vendredi 29 juin 2007 à 18:50:02     
"Les dangers potentiels"

Comme tout ce qui est fait en prog, tu dois maitriser ton environnement et les principes d'application. Comme je l'ai montré dans mon exemple, je sais ce que je modifie, et c'est pour ça que je n'utilise pas le shortag...
Cooling


Membre
Messages : 327

vendredi 29 juin 2007 à 19:02:58     
QUOTE (Shinuza @ vendredi 29 juin 2007 à 18:50:02) :

shortag

Au fait, tu fais ton debugger ou quoi ? T'arrêtes pas d'écrite shorttag avec un seul t alors qu'y en a 2 !
Google




     
Pages : « Première ...  11  12  13  14  15  16  17  18  19