comment visualiser son fichier txt sur le web - Page 2

**firstorangutan** · 16/02/2011, 14h40

Ben LOL dartmania180, c'est un peu l'inverse que demande darkbreeds, là!

Citation:

Envoyé par darkbreeds

Bon voilà je m'explique je commence à étudier le (X)html ...

Il n'est pas en train de faire un sujet d'aide, il est plutôt dans le sens de demander un peu d'aide.

Oui, tu as raison, dans mon deuxième poste j'ai aussi indiqué le wiki au niveau Xhtml, ce qu'est en train d'étudier darkbreeds de prêt, mais des petits avis en direct live sont toujours sympa quand on commence un boulot que l'on a un peu de mal à cerner

darkbreeds · 16/02/2011, 17h55

juste un point que j'aimerais savoir : en fait j'utilise un moteur de recherche qui s'appel SRWare Iron et quand je visualise mes images elles sont nickelle. En revanche quand je les visualisent sur IE ou Firefox je voit un cadre autour de l'image.

Voici donc mon code source pour que vous testiez si possible et me dire ce que vous visualisez à l'écran.

Code:

<html>
<head>
<style>
body {
font-family: arial;
font size: large;
background: url("http://www.logiciel-freeware.net/wallpapers/userpics/10001/3d_abstrait_05.jpg")
}
h1 {
color: white;
}
p {
font-size: 18px; 
color: white;
}
div {
border: 3px solid white;
}
.imageflottante
{
   float: left;
}
</style>
<title> mes forums favoris </title>
</head>
<body>
 <h1><center><U>mes forums favoris</U></center></h1>
 
	<p><A HREF="http://www.univers-pc.com/forum/"><img src="http://img689.imageshack.us/img689/2748/forumuniv.png" class="imageflottante" alt="image flottante" title="forum univers-pc"/></A></p>
<BR><p><img src="http://i27.servimg.com/u/f27/15/77/62/12/acceui11.png"/> un syst&egrave;me de news (Th&egrave;me interchangeable dans votre compte).
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/calend10.png"/> un wiki <a href="http://www.wiki-pc.fr/Accueil" title="Wiki-pc"><FONT color="yellow">Wiki-pc</FONT></a> qui permet le t&eacute;l&eacute;chargement d'un grand nombre de logiciels, des tutoriaux, de la programmation...
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/galeri10.png"/> une grande communaut&eacute; avec <a href="http://www.univers-pc.com/forum/" title="forums univers-pc"><FONT color="yellow">les forums d'univers-pc</FONT></a>
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/faq10.png"/> <a href="http://univers-pc.fr/Upload/fr/" title="univers upload"><FONT color="yellow">un h&eacute;bergement d'images</FONT></a>
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/recher10.png"/> plusieurs <a href="http://www.univers-pc.com/sites-mangas" title="sites de mangas"><FONT color="yellow">sites de mangas</FONT></a>
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/membre10.png"/> Nous cherchons des newsers pour le site, inscrivez vous et contactez-nous.</FONT></p></br>

    <br><p><A HREF="http://mysocialgeek.fr/Forum/"><img src="http://img827.imageshack.us/img827/7103/forummsg.png" class="imageflottante" alt="forum MSG" title="forum MSG"/></A></p>
<BR>
<BR><p><img src="http://i27.servimg.com/u/f27/15/77/62/12/acceui11.png"/> un profil pour faire savoir quel genre de geek vous &ecirc;tes
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/calend10.png"/> <a href="http://mysocialgeek.fr/Accueil/geekmap.php" title="geekmap"><FONT color="yellow">geekmap</FONT></a>, une carte de France, avec tous les geeks inscrits.
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/galeri10.png"/> un chat avec diff&eacute;rents salons <a href="http://mysocialgeek.fr/Tchat/" title="tchat msg"><FONT color="yellow">tchat MSG</FONT></a>
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/faq10.png"/> un forum pour geek <a href="http://mysocialgeek.fr/Forum/" title="forum msg"><FONT color="yellow">forum MSG</FONT></a>
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/recher10.png"/> un blog qui fait &eacute;tat du site et de son avancement <a href="http://mysocialgeek.fr/blog/" title="blog msg"><FONT color="yellow">blog MSG</FONT></a>
	
	<br>
	<br>
	<br>
    <br><p><A HREF="http://kara-liscious.forumactif.com/"><img src="http://img827.imageshack.us/img827/3341/forumkara.png" class="imageflottante" alt="forum karalicious" title="forum karalicious"/></A></p></br>
<BR>
<BR>
<BR><p><img src="http://i27.servimg.com/u/f27/15/77/62/12/acceui11.png"/> un forum sur le groupe de KPOP KARA <a href="http://kara-liscious.forumactif.com/" title="forum kara"><FONT color="yellow">karalicious</FONT></a>
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/calend10.png"/> un profil histoire de conna&icirc;tre votre KARA pr&eacute;f&eacute;r&eacute;e et vos coups de c&oelig;urs
<BR><img src="http://i27.servimg.com/u/f27/15/77/62/12/galeri10.png"/> une chatbox pour discuter en direct

</body>
</html>

**firstorangutan** · 17/02/2011, 12h18

Oui en effet, dans ton code, tu laisses les paramétrages par défaut pour les images hors mis le fait que tu les veux flottantes à gauche.

Remplace par ton code:

Code:

.imageflottante
{
   float: left;
}

Par:

Code:

.imageflottante
{
   float: left;
   border: 10px solid;
   width: 300px;
   height: 250px;
}

Bon, en plus de border, j'ai ajouté width et height pour t'amuser et ce qui n'a rien à voir avec ton bord mais qui te permet de contrôler la hauteur et largeur de tes images lorsque par exemple tu veux des icones tous de la même taille.

Biensur tu peux aussi contrôler cette hauteur et largeur et bords par image en ajoutant des options dans le label "Style" sur une ou plusieurs de tes balises <img>, ce qui ce fait de temps en temps pour ajuster les images à sa page Web. On l'évitera autant que possible, pour ne pas trop alourdir le code.
<img .... style="border: 10px solid ; width: 294px; height: 335px;" ... />

Histoire de te casser les pieds tu remarqueras que plutôt que de le faire disparaître, j'ai renforcé le cadre

.
Il suffit de mettre "0" à la place de "10" et tout devient comme tu le souhaites.

Ca commence à prendre forme cette petit page.

darkbreeds · 08/03/2011, 12h40

bon ben je créé mon petit site internet au fur et à mesure

. Pour l'instant c'est assez vide mais je le complète dès que j'ai fini de traiter un manga. Je vous laisse jeter un coup d'oeil.

http://mangabr.loyal-hoster.com/

Si parfois vous le voyez inaccessible c'est par ce qu'ils font des MAJ régulières de leur serveur pour améliorer leur services, ça peut paraître pénible mais si ça peut aider à avoir un site stable ça ne me dérange pas

.

darkbreeds · 20/03/2011, 00h47

MAJ du site encore un nouveau skin

17/02/2011, 12h18	#18
firstorangutan Correcteur d'orthographe level 10 Date d'inscription: juillet 2006 Localisation: Grenoble Messages: 5 246 Pouvoir de réputation: 11	Oui en effet, dans ton code, tu laisses les paramétrages par défaut pour les images hors mis le fait que tu les veux flottantes à gauche. Remplace par ton code: Code: .imageflottante { float: left; } Par: Code: .imageflottante { float: left; border: 10px solid; width: 300px; height: 250px; } Bon, en plus de border, j'ai ajouté width et height pour t'amuser et ce qui n'a rien à voir avec ton bord mais qui te permet de contrôler la hauteur et largeur de tes images lorsque par exemple tu veux des icones tous de la même taille. Biensur tu peux aussi contrôler cette hauteur et largeur et bords par image en ajoutant des options dans le label "Style" sur une ou plusieurs de tes balises <img>, ce qui ce fait de temps en temps pour ajuster les images à sa page Web. On l'évitera autant que possible, pour ne pas trop alourdir le code. <img .... style="border: 10px solid ; width: 294px; height: 335px;" ... /> Histoire de te casser les pieds tu remarqueras que plutôt que de le faire disparaître, j'ai renforcé le cadre . Il suffit de mettre "0" à la place de "10" et tout devient comme tu le souhaites. Ca commence à prendre forme cette petit page. __________________ Délirer, délirer, mais pas se moquer. Super cool, mais pas taper. Prendre la vie du bon côté jusqu'à ce que ça change de côté. Si ça change prendre la vie comme elle vient. Rien n'est acquis. Tout se transforme. Ca change tout le temps. Visiter UNIVERS-PC. Zaclutchohnille. Dernière modification par firstorangutan ; 17/02/2011 à 12h25.

08/03/2011, 12h40	#19
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	bon ben je créé mon petit site internet au fur et à mesure . Pour l'instant c'est assez vide mais je le complète dès que j'ai fini de traiter un manga. Je vous laisse jeter un coup d'oeil. http://mangabr.loyal-hoster.com/ Si parfois vous le voyez inaccessible c'est par ce qu'ils font des MAJ régulières de leur serveur pour améliorer leur services, ça peut paraître pénible mais si ça peut aider à avoir un site stable ça ne me dérange pas . __________________ Dernière modification par firstorangutan ; 09/03/2011 à 15h50.

20/03/2011, 00h47	#20
darkbreeds level 7 Date d'inscription: novembre 2008 Localisation: dans le 94 (sisi) =) Messages: 1 166 Pouvoir de réputation: 0	MAJ du site encore un nouveau skin __________________ Dernière modification par firstorangutan ; 21/03/2011 à 10h19.

Outils de la discussion	Rechercher
Afficher une version imprimable Envoyer un lien vers cette page par email	Rechercher: Recherche avancée
Modes d'affichage
Mode linéaire Choisir le mode hybride Choisir le mode arborescent