La Pause Café du Forum Programmation [PART 2]

Insiderz: en général, je ne parle pas des filles « moches » que je croise dans le RER. J’suis un peu comme tout le monde: je parle des filles que je trouve jolies (et là pour le coup, pas mal), et les autres ben … désolé mesdemoiselles…

Startide · Février 19, 2008, 11:26

deltree > je crois qu’ils sont… delta tango charlie

Bon je galère avec mon positionnement de liste le long d’une image… j’ai testé avec le tutorial de openweb mais invariablement sous IE ça me donne pas pareil

<p style="float:left;width:55px;margin:0"><img src="contract.jpg" width="50" height="50"></p>
<p>
<ul class="small_list">
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>

#article .small_list{
font-size:10px;
margin-left:50px;
list-style:square;
}

Comment faire pour caler ma vignette en haut à gauche et que ma liste reste bien à la droite de cette dernière, sans retourner à la ligne quand il n’y a plus de vignette ?

Sinon je le fais avec des tables, mais bon c’est la solution de facilité je trouve

Sans-Nom · Février 19, 2008, 11:44

deltree> j’ai déjà une copine, et j’en ai pas besoin de deux autres (surtout qu’avec les femmes, les problèmes augmentent de manière exponentielles, parait-il)

startide> _ c’est moche en CSS, préfère -. Pour le reste, tu as aussi la solution position: relative; sur l’image.

Crée moi une page exemple, que je te teste ça avec firebug.

Startide · Février 19, 2008, 11:56

Ok je te filerai ca dans l’aprem, merci
Edité le 19/02/2008 à 11:51

wooo ca chauffe : [www.koreus.com...](http://www.koreus.com/video/chlorate-potassium-ourson-gelatine.html)

Startide · Février 19, 2008, 12:00

Bon voilà en gros pour faire simple :

<td><img src="clock.png" width="52" height="52"> 
<ul class="small_list">
  <li>ITEM 1</li>
  <li>ITEM 2</li>
  <li>ITEM 3</li>
  <li>ITEM 4</li>
  <li>ITEM 5</li>
  <li>ITEM 6</li>
</ul></td>

Faut que ca me donne une vignette en haut à gauche, et ma liste à côté. Idéalement la liste reste alignée sur elle même, y compris si l’image est plus « courte » que la liste (ce qui est logiquement le cas).

Merci du coup de main

Startide · Février 19, 2008, 3:29

Vouais je viens de l’installer avec yslow et c’est bien fun L’interface est un peu spéciale, et faut être en dual screen pour être efficace avec ce truc !

Par contre ya pas mal de conseils de yslow je les comprends pas

Dalai-Lama · Février 19, 2008, 3:30

Quel genre de conseil ?

Startide · Février 19, 2008, 3:52

Ceux sur les ETags ou encore utiliser un CDN, ajouterun « expire header » à des fichiers css O_o

Dalai-Lama · Février 19, 2008, 4:01

Même en lisant les aide pour chaque ?
developer.yahoo.com…
developer.yahoo.com…
developer.yahoo.com…

Startide · Février 19, 2008, 4:07

Bon le CDN sur un mutualisé tu peux pas faire manifestement :ane:

Mais par exemple pour ETag je vois pas bien comment je suis censé en définir un d’après leurs explications. Je sais même pas si je peux en vérité ^^

Dalai-Lama · Février 19, 2008, 4:15

Etags c’est le seul dont j’ai pas bien pigé l’utilité mis à part que c’est censé être mieux que « last modified »…

KisSCoOl · Février 19, 2008, 4:25

+1 … le reste, c’est relativement simple à mettre en place :oui: