PHP

[RESOLU] CSS/PHP

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU] CSS/PHP

sandykoala

Bonjour, je voudrais créer des vignettes sous forme de tableau sans utiliser <table>, juste avec des css
j'ai donc plusieurs class:

Code :

.vignette1
{
...
left:0px;
top:0px;
}
.vignette2
{
...
left:0px;
top:10px;
}
.vignette3
{
...
left:0px;
top:20px;
}
.vignette4
{
...
left:10px;
top:0px;
}
...

J'ai créer un script en PHP pour déterminer les positions des vignettes suivant leurnuméro.

Ce que je cherche à faire, c'est créer un script qui génère automatiquement les class vignette. Voila ce que j'ai tenter de faire:

Code :

for ($c=1; $c<=$nb_colonnes; $c++)
{
$top = 0;
// Boucle d'une colonne de vignettes
while ( ($x<=3) && ($num != $nb_vignettes) )
{
$num ++;
echo"#Vignette"; echo $num; echo" a.v";echo $num;
echo "{
left:";echo $left;echo "px;
top: ";echo $top;echo "px;
};
//Incrémentation des variables
$top = $top + 134;
$top_texte = $top_texte + 116;
$x++;
} // fin boucle while

Je veux faire un tableau avec maximum 3 lignes (d'où le

Code :

$x<=3

de la boucle while

ce code est dans une feuillede style (avec l'extension .php) que j'apelle dans une autre page php mais ca ne marche pas.
Voici le code complet de ces deux pages: Page PHP et Feuille de style CSS

Merci d'avance

Message édité par sandykoala le 08-01-2008 à 16:19:01

Publicité

flo850

moi je

mais au secours, ce que tu fais est 1000 fois pire qu'un tableau

regarde plutot du cote de float en CSS

---------------

Dj YeLL

$question = $to_be || !$to_be;

Et pourquoi tu ne veux pas utiliser une table ?

---------------
Gamertag: CoteBlack YeLL

sandykoala

OUPS!
Ok en gros faut que j'arrete les degats. je cherche un moyen simple pour ajouter une vignette et qu'elle se place automatiquement.
Je voulais éviter les tableaux mais il vaut peut-etre mieux que je tape toutes les class en clair.

Je ne veux pas utiliser les table parce que j'ai lu que c'était assez gros à charger et les css le font très bien!

Message cité 1 fois
Message édité par sandykoala le 08-01-2008 à 12:14:13

Dj YeLL

$question = $to_be || !$to_be;

sandykoala a écrit :

OUPS!
Ok en gros faut que j'arrete les degats. je cherche un moyen simple pour ajouter une vignette et qu'elle se place automatiquement.
Je voulais éviter les tableaux mais il vaut peut-etre mieux que je tape toutes les class en clair.

Donc je réitère ma question

---------------
Gamertag: CoteBlack YeLL

dwogsi

Défaillance cérébrale...

Ça pu la mode des sites complètement tabless (j'ai bien dis site et pas mise en page)
On lui a dit que les tab c'était pas bien, mais il pas trop cherché à comprendre le pourquoi du comment semble-t-il.

Message édité par dwogsi le 08-01-2008 à 12:17:31

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

sandykoala

est-ce que je peux écrire un truc comme ca:

.vignette1
{
...
left:0px;
top:10px;
background: url(../../memo/images/Projets/<? echo $_SESSION['Img1'];?>".gif) 0 0 no-repeat;
}

Dj YeLL

$question = $to_be || !$to_be;

Rhoalalalalalalalala [:mister mystere]

Message cité 1 fois
Message édité par Dj YeLL le 08-01-2008 à 12:20:19

---------------
Gamertag: CoteBlack YeLL

FlorentG

Tes vignettes c'est quoi au juste ?

Message cité 1 fois

sandykoala

Dj YeLL a écrit :

Rhoalalalalalalalala [:mister mystere]

lol

Et comment je peux faire pour passer une variable de ma page PHP. J'ai plusieurs pages qui fonctionne pareil donc j'aimerai éviter de faire une feuille de style pour chaque feuille.

Publicité

sandykoala

FlorentG a écrit :

Tes vignettes c'est quoi au juste ?

C'est des images en gif de 85px sur 85px : Aperçu

flo850

moi je

le but du CSS c'est de separer la forme du contenu

donc en php tu genere ta liste de vignette

Code :

<div class="conteneurVignette">
<img src="vignette1.jpg">
<img src="vignette2.jpg">
<img src="vignette3.jpg">
<img src="vignette4.jpg">
</div>

et en css tu gère la façon dont ca s'affiche

Message cité 1 fois
Message édité par flo850 le 08-01-2008 à 12:29:23

---------------

sandykoala

flo850 a écrit :

le but du CSS c'est de separer la forme du contenu

donc en php tu genere ta liste de vignette

Code :

<div class="conteneurVignette">
<img src="vignette1.jpg">
<img src="vignette2.jpg">
<img src="vignette3.jpg">
<img src="vignette4.jpg">
</div>

et en css tu gère la façon dont ca s'affiche

je suis pas sur de bien comprendre comment est la class conteneurVignette parce que les vignettes ne sont pas disposées de la meme manière. La ca va les superposé non?!

sandykoala

ok je crois que j'ai compris, j'essai ça tout de suite merci

Dj YeLL

$question = $to_be || !$to_be;

Une fois de plus, si les messages étaient clair dès le départ, ça éviterait de perdre du temps...

C'est si difficile que ça de rédiger une vraie demande, concrète, en expliquant en détail ce qu'on veut faire, pourquoi on veut le faire, les contraintes à respecter etc...

Je sais pas moi, quand on cherche de l'aide, la moindre des choses est de prendre l'initiative de donner des détails, et pas attendre les questions au compte goutte.

Message cité 1 fois

---------------
Gamertag: CoteBlack YeLL

sandykoala

Dj YeLL a écrit :

désolé c'est pas évident d'expliquer quelque chose quand ca fait un moment qu'on planche dessus. En plus je commence tout juste en css et php donc encore 1000 excuses :whistle:

sandykoala

J'ai fait comme tu m'as dit NazzTazz mais quand je modifie la taille du conteneur, les images ne vont pas à la colonne suivante. Voila mon code:

CSS:

Code :

.TableauVignette
{
position:absolute;
width:80%;
height:80%;
margin:0 0 0 200px;
};
.Vignette {
position:relative;
float:top:
margin:0 200px 50px 0;
padding-right:100px;
}
#TexteVignette
{
position:absolute;
color: #FFFFFF;
font-size: 16px ;
font-family: "Arial, Helvetica";
position:relative;
display:inline;
top:-34.5px;
margin-left:20px;
}

HTML:

Code :

<div class="TableauVignette">
<div class="Vignette">
<a href="Logements/Logements_Macon.php">
<img src="../../memo/images/Projets/Marches_Publics/Logements/Macon/Vignette_Macon.gif" alt="Macon" name="Macon" width="85" height="85" border="0">
</a>
<a id="TexteVignette" href="Logements/Logements_Macon.php">Macon</a>
</div>
<div class="Vignette">
<a href="Logements/Logements_Venarey.php">
<img src="../../memo/images/Projets/Marches_Publics/Logements/Venarey/Vignette_Venarey.gif" alt="Venarey" name="Venarey" width="85" height="85" border="0">
</a>
<a id="TexteVignette" href="Logements/Logements_Venarey.php">Venarey</a>
</div>
</div>

Pourquoi quand je met à 10% la hauteur du conteneur, les vignettes ne forment pas une nouvelle colonne?

Message édité par sandykoala le 08-01-2008 à 13:59:22

flo850

moi je

honnetement, te fais pas chier , fait un tableau

la , ca va etre vraiment long

ensutie, tu t'achete un bon bouquin de CSS que tu lis , parcequ'il faut un minimum de bases pour commencer

---------------

sandykoala

Vous voulez pas m'aider plutot? J'ai eplucher pas mal de site sur le css mais je sais pas tout faire donc j'aimerai que ceux qui savent faire m'aide (normal non?! on est la pour ca)
Mes questions de debutante sont peut-etre pas très interessante pour les experts, n'empeche que tout le monde à commencer comme moi et qu'un forum c'est fait pour aider
Donc merci à tout ceux qui vondront bien faire en sorte que je progresse :jap:

dwogsi

Défaillance cérébrale...

Le commencement, ça passe par l'apprentissage des bases. Enseigner les bases, c'est loin d'être l'objectif d'un forum, pour des raisons qui me paraissent assez évidentes. Commence par apprendre les bases sur l'un des nombreux sites qui traitent du sujet.

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

sandykoala

J'ai appris les bases sur les sites mais là, je ne comprend pas donc j'aimerai avoir une explication mais apparement c'est pas possible :non:

Message cité 1 fois

Dj YeLL

$question = $to_be || !$to_be;

Je REREREpose la question :

Pourquoi tu n'utilises pas une table dans le cas présent ?!

---------------
Gamertag: CoteBlack YeLL

sandykoala

Parce que (je l'ai deja dit) on m'as dit que les tableaux c'était trop lourd.

J'ai réussi à faire mes vignettes au plus simple, en créant une feuille de style avec une class par vignette que j'utilise pour toutes mes pages.
:jap:

flo850

moi je

sandykoala a écrit :

J'ai appris les bases sur les sites mais là, je ne comprend pas donc j'aimerai avoir une explication mais apparement c'est pas possible :non:

non
tu ne sais pas ce qu'est un float, un relative, l'utilisation des marge ,des %

je te consielle le tres bon bouquin de raphael goetter qui te permettra de comprendre ca

---------------

Publicité

FORUM HardWare.fr

Programmation

PHP

[RESOLU] CSS/PHP

Sujets relatifs
[BASH] test si variable contient ./* [Résolu]	[RESOLU] Signification d'un return
[résolu]probleme de chaine vide non détectée	Pour son expansion,NEtWebmaster recherche un Développeur Flash - PHP.
Problème sur un script PHP de calendrier	[BASH] Probleme cron et autres [Résolu]
Hacks CSS	[Résolu] Défine préprocesseur contenant un point
[resolu] transmission de variables à un CSS via PHP	[PHP] Upload photo + Galerie CSS XHTML [Résolu]
Plus de sujets relatifs à : [RESOLU] CSS/PHP

Page générée en 0.094 secondes