1

voila ma question :

je veux faire ceci : http://cineblog.spipu.net/_test/
bon, pas de pb, vu que je l'ai fait smile

seulement voila, je trouve que ca fait beaucoup de CSS et d'HTML pour si peu.. d'où ma question : est-ce que je pourrais simplifier le css et l'html ?

voici le css : http://cineblog.spipu.net/_test/css/style.css
voici le code HTML :

<?php
	$width	= '500';
	$height	= '300';
	
	$haut	= "Titre de la fenetre";
	$milieu	= "Plein de contenus et autre";
	$bas	= "bas de page";
?>
<div style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px; overflow: auto">
	<table class="fenetre_popup" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<table class="top" cellpadding="0" cellspacing="0">
					<tr>
						<td class="left"><img src="./imgs/spacer.gif" alt="" height="22" width="22"></td>
						<td class="middle"><?php echo $haut; ?></td>
						<td class="right"><img src="./imgs/spacer.gif" alt="" height="22" width="124"></td>
					</tr>
				</table>
				<table class="middle" cellpadding="0" cellspacing="0" style="height: <?php echo ($height-5-22-22); ?>px">
					<tr> 
						<td><?php echo $milieu; ?></td>
					</tr>
				</table>
				<table class="bottom" cellpadding="0" cellspacing="0" >
					<tr> 
						<td><?php echo $bas; ?></td>
					</tr>
				</table>
				<table class="shadow" cellpadding="0" cellspacing="0">
					<tr>
						<td class="left"><img src="./imgs/spacer.gif" alt="" height="4" width="8"></td>
						<td class="middle"><img src="./imgs/spacer.gif" alt="" height="4" width="8"></td>
						<td class="right"><img src="./imgs/spacer.gif" alt="" height="4" width="8"></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>


vous en pensez quoi ?



Ancien pseudo : lolo

2

j'oubliais, je veux bien passer par des DIV à la place des tableaux, mais seule petite contrainte, j'aimerais que la largeur et la hauteur de la fenetre soit hyper facile à parametrer, comme dans le code d'origine. D'ailleurs, si vous aviez une astuce pour ne pas être obligé de mettre height: <?php echo ($height-5-22-22); ?>, ca serait le méga top smile
Ancien pseudo : lolo

3

Quand on commence à vouloir faire des fenêtres un peu "complexes", je trouve que les CSS deviennent assez peu adaptées : on est obligé de pourrir l'html avec plein de <div> ou autres qui ne véhiculent aucune information autre que la présentation, c'est dommage de ne pas pouvoir contrôler complètement l'affichage à partir uniquement du CSS.

Tout ça pour dire que j'ai le même problème que toi; pour Mirari j'avais opté pour la solution à base de <div>, qui est peut-être un peu plus courte en html (et qui permet de régler la taille de la fenêtre puisque le <div> conteneur est en display:block), mais ça reste quand même assez sale je trouve sad
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

4

ouep va falloir attendre qu'ils donnent la possiblité de mettre plusieurs bg à un div, ça roxxerait sa mere sad
avatar

5

par exemple oué, parceque c'est en partie ça qui oblige à multiplier les <div> pr avoir le rendu qu'on veut :/

bon sinon j'ai isolé la css de mon cas, l'html est pas tellement mieux au final : http://databob.free.fr/priv/file/css01/
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

6

c'est vrai que tout ça pour ça c'est quand meme bien de la merde tongue
avatar

7

boargh, en mm temps un design slick sans boxes trop compliquees et voila smile
la beaute par la simplicite ^^


Sinon, les CSS3 - border decorations etc. ca devrait aider je pense...

8

Donc en fait, c'est bien ce que je pensais... en l'etat actuel des choses, j'aurais du mal à faire plus simple vu le resultat voulu... sad
Ancien pseudo : lolo