Page 1 sur 2

Comment mettre une image dans un tableau

Posté : 04 mai 2008, 10:26
par fatalriders
Bonjour à tous

Je voudrais faire quelque modif sur mon site de petites annonces moto, mais je ne sais pas comment faire

1 Je voudrais avoir une image de fond dans chaque rubrique "moto" "pieces detachées" etc
http://www.fatalriders.com/annonce/

2je voudrais aussi que la largeur du site reste toujours la meme sous differente resolution

merci d'avance
:wink:

Posté : 04 mai 2008, 10:32
par zeus
Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

Merci de prendre le temps de lire les règlements
ainsi que l'intitulé de chaque forum avant de poster un nouveau sujet.

Posté : 04 mai 2008, 14:55
par Victor BRITO
Une image de fond est gérée en CSS, grâce à la propriété background-image.

Quant à la largeur du site, soit on définit la largeur des différents blocs en unités relatives (pourcentages, em) soit on la définit en pixels de façon à ce qu'il n'y ait pas de barre de défilement horizontale lorsqu'on est en 800*600 (autrement dit, une largeur maximale autour de 750 pixels).

Posté : 04 mai 2008, 20:00
par fatalriders
Dans le css je ne peux pas mettre une image differente dans chaque categorie, quand je met une image c'est trois categories qui ont la même image

Posté : 04 mai 2008, 22:17
par dunbar
Et pq pas comme ceci ???
<table class="table1" cellpadding="0" cellspacing="0" width="100%" height="181">
	<tr>
		<td class="row1" height="181" width="33%" valign="top" background="image1"><b><span class="gen">
		Moto (0)</span></b>
		<br /><span class="genmed"><a href="./annonces.php?c=2&m=1" class="link2">
		Sportive</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=2&m=4" class="link2">
		Roadster</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=2&m=3" class="link2">
		supermotard</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=2&m=6" class="link2">
		Custom</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=2&m=5" class="link2">
		Routiere</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=2&m=7" class="link2">
		Trail</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=2&m=8" class="link2">
		Tout terrain</a></span>
		</td>
		<td class="row2" height="181" width="33%" valign="top" background="image2"><b><span class="gen">
		Pièces détachées (0)</span></b>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=9" class="link2">
		Aprilia</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=10" class="link2">
		Bmw</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=11" class="link2">
		Ducati</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=12" class="link2">
		Harley</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=13" class="link2">
		Honda</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=14" class="link2">
		Kawasaki</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=15" class="link2">
		Suzuki</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=16" class="link2">
		Triumph</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=3&m=17" class="link2">
		Yamaha</a></span>
		</td>
		<td class="row1" height="181" width="33%" valign="top" background="image5"><b><span class="gen">
		Equipement (0)</span></b>
		<br /><span class="genmed"><a href="./annonces.php?c=4&m=18" class="link2">
		blouson cuir-combinaison</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=4&m=19" class="link2">
		Bottes- Chaussures</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=4&m=20" class="link2">
		Casques</a></span>
		</td>
	</tr>
	<tr>
		<td class="row2" height="181" width="33%" valign="top" background="image3"><b><span class="gen">
		Divers (0)</span></b>
		<br /><span class="genmed"><a href="./annonces.php?c=5&m=21" class="link2">
		Remorques</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=5&m=22" class="link2">
		Outillage</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=5&m=23" class="link2">
		Maquettes moto</a></span>
		</td>
		<td class="row1" height="181" width="33%" valign="top" background="image4"><b><span class="gen">
		Recherche (0)</span></b>
		<br /><span class="genmed"><a href="./annonces.php?c=6&m=24" class="link2">
		Moto</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=6&m=25" class="link2">
		Pièces détachées</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=6&m=26" class="link2">
		Equipement</a></span>
		<br /><span class="genmed"><a href="./annonces.php?c=6&m=27" class="link2">
		Divers</a></span>
		</td>
	</tr>


</table>
Remplace image1, image2 etc.... par tes image et tu aura une image par cellule :!:

Posté : 04 mai 2008, 22:32
par fatalriders
merci :wink:

je dois mettre ca ou?

Posté : 05 mai 2008, 16:10
par dunbar
merci :wink:

je dois mettre ca ou?
Regarde le code cherche image1, image2, etc... et remplace par le lien de ton/tes images(s). :wink:

Posté : 05 mai 2008, 16:51
par Truc
Modération :
Merci d'utiliser un titre clair et qui correspond bien à ta demande.
Les titres contenant "HELP", "Aidez-moi !" n'apportent rien à la compréhension de ton problème.
Par ailleurs, nous savons déjà par ton message que tu as besoin d'aide.

Tu peux corriger ton titre en éditant ton premier message.

Merci de prendre le temps de lire les règlements.

Posté : 05 mai 2008, 19:02
par fatalriders
merci :wink:

je dois mettre ca ou?
Regarde le code cherche image1, image2, etc... et remplace par le lien de ton/tes images(s). :wink:
oui j'ai compris pour image 1 et 2, mais je ne sais pas ou mettre ce code sur mon site, car j'ai essayé dans le css et ca ne fonctionne pas :wink:

Posté : 05 mai 2008, 19:10
par dunbar
merci :wink:

je dois mettre ca ou?
Regarde le code cherche image1, image2, etc... et remplace par le lien de ton/tes images(s). :wink:
oui j'ai compris pour image 1 et 2, mais je ne sais pas ou mettre ce code sur mon site, car j'ai essayé dans le css et ca ne fonctionne pas :wink:
L'exemple que j'ai donner est a placer directement dans ton code HTML de ta page.
C'est une méthode, mais surement pas la meilleur il doit y avoir moyen de faire sa en css mais moi je ne la connais pas sorry

Posté : 05 mai 2008, 19:38
par fatalriders
tout mes fichiers sont en php , j'ai essayé mais ca marche pas :cry:
En tout cas merci quand meme :wink:

Si quelqu'un a une solution à mon probleme, ca serai sympa de m'aider :D

Posté : 05 mai 2008, 19:43
par dunbar
tout mes fichiers sont en php , j'ai essayé mais ca marche pas :cry:
En tout cas merci quand meme :wink:

Si quelqu'un a une solution à mon probleme, ca serai sympa de m'aider :D
Si ici
<td class="row2" height="181" width="33%" valign="top" background="image2"><b><span class="gen"> 
tu y met à la place
<td class="row2" height="181" width="33%" valign="top" background="images/image1.gif"><b><span class="gen"> 
cela dois fonctionner même dans une page php :wink:
image/image1.gif
Représente le chemin de ton images a toi d'y mettre le chemin exact

Posté : 05 mai 2008, 20:17
par fatalriders
le probleme c'est que toi tu regarde le code source de la page, mais le probleme c'est que c'est mes fichiers php qui crée ce code.

Posté : 05 mai 2008, 20:20
par dunbar
le probleme c'est que toi tu regarde le code source de la page, mais le probleme c'est que c'est mes fichiers php qui crée ce code.
Montre ton code alors #-o

Posté : 05 mai 2008, 20:23
par fatalriders
voici index php

<?php
/***********************************************
 *   
 *   copyright  : (C) 2007, Ezzar Mehri Emna
 *   email      : [email protected]
 *       
 *      PHPANNONCES IS NOT FREE SOFTWARE
 *
 **********************************************/
 
 /* * * * * * * *
  * You are licensed to install and use 1 (one) copy of this script on 1 (one) 
  * website for each license you purchase from www.annonces-express.net/download/.
  *
  * You may not redistribute copies or modified copies of any of the files included in 
  * the PHPannonces distributions under any circumstances.
  *
  * The Annonces-express group reserves the right to modify these terms at any time. 
  * * * * * * * */

define('IN_INDEX', true);

$script_path = './';
include($script_path . 'common.php');

$cat_id = -1;

$page_title = !empty($script_config['home_title']) ? $script_config['home_title'] : $script_config['site_name'];
include($script_path . 'includes/page_header.php');

$template->set_filenames( 
    array('body' => 'index_body.tpl')
);

$j = 0;
for ($i = 0; $i < count($cats_array); $i++)
{
    if ( $j == 0 || $j > 2 )
    {
        $template->assign_block_vars('lignes', array());
        $j = 0;
    }
        
    $template->assign_block_vars('lignes.colonnes', array(
        'CAT_NAME' => $cats_array[$i]['cat_title'],
        'CAT_POSTS' => $cats_array[$i]['cat_posts'],
        'ROW_CLASS' => (($i % 2) == 0) ? 'row1' : 'row2',
        'CAT_ID' => $cats_array[$i]['cat_id'])
    );



$deletetime = time()-3600*24*30;mysql_query("DELETE FROM " . ANNONCES_TABLE . " WHERE annonce_date <$deletetime");














    
    unset($image);
    
    $show_again = true;
    $count_sublist = 0;
    for ($k = 0; $k < count($sub_cats_array); $k++)
    {
        if ( $show_again )
        {
            if ( $sub_cats_array[$k]['cat_id'] == $cats_array[$i]['cat_id'] )
            {
                if ( $count_sublist < 9 )
                {
                    $url = rewrite_url(REWRITE_MENU, $cats_array[$i]['cat_id'], $sub_cats_array[$k]['menu_name_rewriting'], $sub_cats_array[$k]['menu_id']);
                    $template->assign_block_vars('lignes.colonnes.sub_categories', array(
                        'MENU_LIST' => '<span class="genmed">' . make_url($sub_cats_array[$k]['menu_name'], $url) . '</span>')
                    );
                   $count_sublist++; 
                }
                else
                {
                    $url = rewrite_url(REWRITE_CAT, $sub_cats_array[$k]['cat_id'], $cats_array[$i]['cat_title_rewriting']);
                    $template->assign_block_vars('lignes.colonnes.sub_categories', array(
                        'MENU_LIST' => '<span class="genmed"><b>' . make_url('Afficher toutes les catégories...', $url) . '</b></span>')
                    );
                    $show_again = false;
                }
            }            
        }
    }
    $j++;
}

if ( $userdata['user_logged_in'] )
{
    $user_lastvisit = time()-$userdata['user_lastvisit'];
    $lastvisit = 'Dernière connexion : il y a ';
    if ($user_lastvisit < 60)
    {
        $lastvisit .= 'quelques secondes';
    }
    else if ($user_lastvisit < 3600)
    {
        $lastvisit .= '<b>' . intval($user_lastvisit/60) . '</b> minutes';
    }
    else if ($user_lastvisit < 86400)
    {
        $lastvisit .= '<b>' . intval($user_lastvisit/3600) . '</b> heures et <b>' . intval(($user_lastvisit % 3600) / 60) . '</b> minutes';
    }
    else if ($user_lastvisit > 86400)
    {
        $lastvisit .= '<b>' . intval($user_lastvisit/86400) . '</b> jours et <b>' . intval(($user_lastvisit % 86400) / 3600) . '</b> heures';
    }
}

$template->assign_vars(array(
    'LAST_LOGIN' => !empty($userdata['user_lastvisit']) ? $lastvisit : '',
    'COLSPAN' => intval(count($sub_cats_array)/8)+1)
);

$template->pparse('body');
include($script_path . 'includes/page_tail.php');
?>
:cry: