CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Différents problèmes de codage.. | |
| Bella22
{ Membre }
Messages : 3
| Bonjour tout le monde, Je vous explique rapidement mes différents problèmes (je ne savais pas si il fallait faire différents sujets ou pas donc j'ai décidé de tout regrouper mais de bien différencier les problèmes). Problème n°1 :J'ai tenté de coder mes haut et bas de catégorie pour forum, cependant j'ai un espace entre l'image et la catégorie, est-ce que vous savez d'où ça peut venir ? De plus, si on regarde, le bord droit de mon image est coupé alors que mon image est entière si je fais clique droit > afficher l'image. Et enfin, je voulais savoir si il était possible de modifier la largeur de la colonne "dernier message", au moment où je l'ai fusionnée avec les catégories, elle s'est disproportionnée.. du coup tout est écrasé : https://nsa26.casimages.com/img/2012/05/14/120514041356371131.jpg Voici mon CSS : - Code:
-
/*HAUT DE CATEGORIE*/ .secondarytitle { background-image: url('http://img152.imageshack.us/img152/5308/haut.png'); height:150px; width: 800px; margin-bottom: -10px; } Mon template : - Spoiler:
- Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <th colspan="4"><table width="100%"><td nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</td> </table></th><div> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <td class="row3 over" align="center" valign="middle" height="50" width="250"> <span class="gensmall"><br /> {catrow.forumrow.LAST_POST} <br/>{catrow.forumrow.POSTS} messages {catrow.forumrow.TOPICS} sujets.</span></td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="http://img204.imageshack.us/img204/9954/bas2.png" alt="" height="59" width="800" /><br><br><!-- END tablefoot --><!-- END catrow --> Problème n°2 :Je suis actuellement en train de coder ma page d'accueil, mais impossible de rajouter du texte manuellement... Sur ma page d'accueil, j'ai un espace "Bienvenue" pour mettre manuellement le message d'accueil, cependant j'ai beau essayé tout les codes que je trouve, rien ne fonctionne.. Est-ce que ça s'organise comme pour une image avec le href ? - Spoiler:
- Code:
-
<img src="http://img823.imageshack.us/img823/3857/pa2c.png" alt="" usemap="#pa2c.png" style="border: 0;" />
<map name="pa2c.png"> <area shape="rect" coords="34,92,464,153"/>
<area shape="rect" coords="16,217,207,240" href="http://stewart-france.forumactif.org/t538-le-reglement-de-stewart-france" /> <area shape="rect" coords="16,249,207,271" href="http://stewart-france.forumactif.org/f2-presentations" /> <area shape="rect" coords="16,281,207,302" href="http://stewart-france.forumactif.org/f3-faq" /> <area shape="rect" coords="16,310,207,333" href="http://stewart-france.forumactif.org/f12-flood-co" /> <area shape="rect" coords="16,340,207,365" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" />
<area shape="rect" coords="277,362,306,308" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" /> <area shape="rect" coords="313,362,342,308" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" /> <area shape="rect" coords="350,362,378,308" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" /> <area shape="rect" coords="385,362,414,308" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" /> <area shape="rect" coords="277,315,306,362" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" /> <area shape="rect" coords="313,315,342,362" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" /> <area shape="rect" coords="350,315,378,362" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" /> <area shape="rect" coords="385,315,414,362" href="http://stewart-france.forumactif.org/f16-publicites-et-partenariats" />
<area shape="rect" coords="560,113,604,154" href="http://stewart-france.forumactif.org/t536-staff-du-forum" /> <area shape="rect" coords="616,113,659,154" href="http://stewart-france.forumactif.org/t536-staff-du-forum" /> <area shape="rect" coords="668,113,712,154" href="http://stewart-france.forumactif.org/t536-staff-du-forum" />
<area shape="rect" coords="748,264,763,280" href="mailto:stewartfr@gmail.com" /> <area shape="rect" coords="739,286,767,296" href="http://loulii.livejournal.com/" />
</map>
Merci d'avance à ceux qui prendront le temps de m'aider | | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Bonjour!
Pour ton second problème, il te suffit de créer un div en position absolue qui englobe toute ton image, ainsi qu'un second div, dans le premier, en position absolue, qui contiendrait ton texte. Ainsi tu aurais:
- Code:
-
<div class="premier_div_en_absolute"> <div class="second_div_en_absolute"> Ton TEXTE </div> <img ....... /> <map name=.....> ........ </map> Et ainsi, dans ton CSS, pour le premier div tu ne mets que position: absolute, et pour le second, tu mets position: absolute, et tu modifies la position avec des top/left/right/bottom.
Aussi, pour ton premier problème, il suffit de faire:
- Code:
-
<tr class="mon_titre"> <th colspan="4"><table width="100%"><td nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</td> </table></th><div et de mettre dans ton CSS, pour .mon_titre, le CSS que tu as mis à secondarytitle, en mettant width: 100% Bien sûr, n'oublie pas d'enlever/mettre en commentaire secondarytitle (mets plutôt en commentaire, pour être sûre que ça marche!)
| | |
| | | Bella22
{ Membre }
Messages : 3
| Je suis vraiment désolée, je n'ai pas tout compris. Du coup pour la page d'accueil, qu'est-ce que tu appelle position en absolue ? En vrai dans tout ce que tu as mis, tu me parle un peu chinois là lol.
| | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Désolée, je pensais qu d'après ton niveau CSS tu connaîtrais les positions ^^
Il existe en CSS une "fonction" qui s'appelle position. Comme height, width, color ou background, elle permet de modifier un div. Cette fonction, quant à elle, permet de modifier la position sur la page de la div. Tju as une position normale, et une position que tu peux changer. Il existe plusieurs arguments pour cette fonction: fixed, relative et absolute.
Ici, je te dis de créer deux div, une englobant l'image et l'autre div, et la seconde qui encadrerait le texte. Comme ceci: - Code:
-
<div class="premier_div_en_relative"> <div class="second_div_en_absolute"> Ton TEXTE </div> <img ....... /> <map name=.....> ........ </map> La première div aurait dans sa classe, dans le CSS, ceci: - Code:
-
.premier_div_en_relative { position: relative; } Note que je me suis trompée: le div qui entoure ton image et ton div doit entre en position relative pour ne pas avoir de problème avec les résolutions d'écrans!
Quant au second div, il devait avoir ceci dans sa classe, dans le CSS: - Code:
-
.second_div_en_absolute { position: absolute; top: XXpx; left: XXpx; } Tu peux également utiliser, au lieu de top (haut) et left (gauche), right et bottom pour positionner ton texte. Tu peux aussi donner au div des caractéristiques pour les texte, comme sa couleur, sa police, etc.
As-tu mieux compris? ^^
| | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Ce problème est-il toujours d' actualité ? Si ce sujet n'a toujours pas de reçu de réponse dans trois jours, il sera archivé. Merci d'avance. | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello ! N'ayant toujours pas obtenu de réponse depuis l'intervention de Murtagh, je considère ce sujet comme résolu ! Si le problème persiste, merci d'ouvrir un nouveau sujet (: Merci de ta compréhension | | |
| | | Contenu sponsorisé
| | | | | Différents problèmes de codage.. | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|