Table HTML qui ne se repositionne pas

[Pang]

Tu trouveras sur le « Site du ZérO » (“Le site pour débutants où tout est expliqué... à partir de Zéro !”) des tutoriels fort bien faits dont je n'ai entendu dire que du bien. Ils semblent en effet particulièrement didactiques,

C'est exactement ce qu'il me fallait !! Merci ^^

 

Tres bon conseil de Dylav, va sur le site du zero les tutos sont vraiment bien et apprend a bosser avec un fichier css (feuille de style) pour la mise en page. En fait tout ca c'est just des bonnes habitudes a prendre qui te faciliteront ton devellopement web. De toute facon si ca te plait tu y viendra a un moment ou un autre....

Non, ça me plait pas vraiment (enfin pas pour le moment parce que je m'en sors pas très bien ;-d)

il y a deux objectifs : avoir une approche globale de la programmation WEB (parce que pour l'instant trop ignorant sur le sujet) et créer mon petit site internet sans prétentions afin de mettre mes productions sonores en ligne et le tout de manière un peu décalé; par exemple je n'ai pas l'intention d'avoir une page qui ressemble à une autre sur mon site... c'est peut être pour cela que je me suis dis un jour que CSS ne devait pas m'intéresser (certainement à tort).

 

-----

 

 

Dites donc, c'est vachement chronophage comme activé la programmation WEB (plus que MSDOS en tout cas)

 

Merci à vous ^^

[Pang]

Ca devrait donner quelque chose comme ca (j'ai un peu simplifier ton code):

 

<table border="1" cellpadding="2" cellspacing="2" width="100%" height="629">
<tr>
	<td width="33%" align="center" bgcolor="#FFCC66">
		texte texte texte texte etc<br>
		texte texte texte texte etc<br>
		texte texte texte texte etc<br>
	</td>

	<td  width="33%" align="center" valign="middle">
		<img style="width: 411px; height: 629px;" alt="lamark" src="lamark_1946.jpg">
	</td>

	<td width="33%" align="center">
		<img style="width: 270px; height: 177px;" alt="Simsynth" src="sim.gif"><br>
		texte texte texte texte etc<br>
		texte texte texte texte etc<br>
		texte texte texte texte etc<br>
		<embed src="dewplayer.swf?son=/son/lamark.mp3&bgcolor=FFFFFF" quality="high" bgcolor="FFFFFF" name="dewplayer" allowscriptaccess="sameDomain"
		type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="20" width="200">
	</td>
</tr>
</table>

 

 

Mais je te le dis franchement , tu t'embarque dans une belle galère.

Juste pour te dire que j'ai recopier ton code à la place du 'mien'; deux remarques :

- ça marche beaucoup mieux comme ça

- la page est plus légère !!

3350 ko à l'origine et 3085 avec ton code; super !

 

 

Je vais jeter un oeil sur la souris folle de Dylav...

[Mickey-3d]

Oups, j allait oublier un truc super important, attention si tu passe tes pages en php, pour pouvoir les lire tu va devoir passer par un emulateur de serveur php, perso j utilise Wampserver mais y en a d autre. Ca n a rien de compliqé a utiliser et c est surtout obligatoire pour voir tes page hors ligne. Au fait t as une adresse pour qu on voit evoluer ton site?

 

Dsl, je repond a chaque fois en nocturne, mais c est pas que je suis insomniaque mais plutot que j ai un leger decalage horraire, 12h

[Pang]

Au fait t as une adresse pour qu on voit evoluer ton site?

Oui, y'a forcement une URL, mais bon, pour le moment et vu l'avancement des travaux, je préfère garder le chantier pour moi

 

-----

[Dylav]

Je vais jeter un oeil sur la souris folle de Dylav...

Houlalà ! C'est qu'elle n'est pas à moi, la « Souris folle » ! En fait, c'est l'œuvre humoristique de Tangui,

- humoristique au niveau du contenu,

- mais un vrai petit bijou sur le plan XHTML/CSS (qui a dit que je me répétais ?) !

 

Quant à ta remarque sur le CSS, tu as vraiment tort ! Peu importe que chacune de tes pages ait une feuille de style différente. Le problème n'est pas là : il est dans la séparation contenu/mise en forme.

 

D'autant plus que ta feuille de style n'est pas obligatoirement séparée de la page HTML. Tu peux très bien avoir une feuille de style interne, dans le header (entre les balises <head> et </head>) : tu inclus tes spécifications CSS entre les balises <style> et </style>, c'est tout ! De sorte que le corps de ta page (entre <body> et </body>) ne contient que... du contenu.

 

C'est incontournable, de ne pas tout mélanger. Et il est ensuite tellement plus simple de modifier le contenu, quand il apparaît comme le nez au milieu de la figure. Plus simple aussi de modifier la présentation, grâce à des spécificités données pour un ensemble de blocs ("class") ou pour un bloc particulier ("id").

 

Sans vouloir trop la ramener, je te conseille de jeter un œil sur mon topic “Passer du HTML sauvage à XHTML et CSS”, qui reste encore et toujours d'actualité

[Pang]

Sans vouloir trop la ramener, je te conseille de jeter un œil sur mon topic “Passer du HTML sauvage à XHTML et CSS”, qui reste encore et toujours d'actualité

Beau travail bien écrit (non je ne suis pas étonné )

 

Ok, j'ai capté l'intérêt de CSS.

 

Je regarde le code source de la souris folle (c'est clair et lisible), je vois ça que je comprends pour la feuille de style :

<link rel="stylesheet" href="defaut.css" />

 

mais juste en dessous, ça je ne comprends pas à quoi ça sert :

<script src="http://www.google-analytics.com/+sfgRmluamFuX1R5cGU9amF2YV9zY3JpcHQmRmluamFuX0xhbmc9dGV4dC9qYXZhc2NyaXB0+/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-54717-3";
urchinTracker();
</script>

 

?

Modifié le 18 septembre 2009 par Pang

[Dylav]

Il s'agit de scripts écrits en JavaScript. La première balise <script> référence un fichier script externe, de chez Google semble-t-il, qui doit en particulier décrire une fonction “urchinTracker”, outil d'analyse d'audience (?), et la seconde balise <script> initialise le paramètre _uacct et appelle ladite fonction.

 

Voili voilou. Pour plus de détails, je te conseille de contacter Tangui

[Greywolf]

Google Analytics

https://www.google.com/analytics/reporting/...reporting%2F%3F

[Dylav]

outil d'analyse d'audience

Google Analytics https://www.google.com/analytics/reporting/...reporting%2F%3F

Salut, Loup Gris !

Oui, je crois que nous parlons bien de la même chose…