18041 sujets

Questions générales et questions de débutants

Help ! background-repeat repeat-y ne repete pas grrr grrrr

Tchooooo

ce post fait suite à celui là : http://forum.alsacreations.com/topic-1-51694-1-Demande-daide-pour-mon-theme.html#copy

j'ai quasiment tout résolu, beh ouais, mais !

il persiste un big probleme avec la propriete backhround-repeat: repeat-y
ça ne repete pas

j'ai esaye des tas de solutions sans succces, et c'est préssé que je finisse,
un cador du css aurait il LA solution ?

un exemple par l'image :

http://www.monsterup.com/upload/1287480195.jpg

voici mes css pour les parties droite et gauche du div du milieu


.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background-repeat: repeat-y;
background-image: url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);

			}



là c'est la gauche, la droite est exacdtement idem a part l'image evidemment

vous voyez ? le background repeat y ne fonctionne pas

meme en insérant un ti code dans mon div qui constitue chaque cote, rien à faire
exemple :



<div class="middle_frame">
<div class="middle_left">
<p style=\"margin:0;padding:0;height:100%;\">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p style=\"margin:0;padding:0;\">&nbsp;</p>
</div>
<div class="middle_middle"></div>
<div class=\"middle_right\"></div>
</div>



bien sur avant cette partie du middle, centrale donc, ya une partie top et apres une bottom,
aucun soucis avec celles ci, c'est bien la partie centrale qui pose souci, les COTES donc, puisque il n'y a rien dedans, et bien le conteneur ne peut s'adpater sur rien pour le height, right ?
pour les cotes donc, ALORS QUE pour lapartie du milieu, là ou il y a les données, et bien evidemment, ça s'agrandit en fonction du contenu

c'est pour cela que pour les cotés j'ai essaye d'ajouter des <p> et des &nbsp;, lol & lol & rock & roll




si vous consulté mon précédent post, ici donc : http://forum.alsacreations.com/topic.php?tid=51694&fid=1


vous verrez que j'ai bossé sévère, lol

please aidez moi, c'est sur que vous avez rencontré ce genre de soucis, c'est évident, no ?


a++ Smiley smile
Modifié par alamandra (19 Oct 2010 - 11:59)
bon mes tites images font 18 x 8, j'ai donc essaye de redimmensionner ces tis bouts en 18 x 5000, lol, espérant que donc enfin les parties droite et gauche seraient remplies, évidemment les navigateurs devant tronqué les images dans les limites des hauteurs des divs , mais non, rien, aucun changement

je ne peux pas attribuer une hauteur fixe à cette partie centrale, puisque elle doit évoluer suivant la hauteur du contenu, variable suivant les frames et les blocks et ce qu'ils affichent, re lol

que faire ?

intégrer la définition de ces tis cotés direct dans le html, en me passant du css?
ben non, aucun changement non plus

c'est incriyable, un exemple flagrant qui contrarie la logique,

mince c'est pourtant pas compliqué à comprendre pour un navigateur :

y'as une tite image mon collègue, ben tu la répete verticalement, jusqu'à arriver en bas du div, beuuuuu noooo

grrr grrrr mega irritant comme bug

arrrfffff


Please HELP !!! Smiley smile Smiley smile Smiley smile
et en mettant tout simplement :


.middle_left {

float: left;

width: 18px;

height: 8px;

border: 0px;

background : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png) repeat-y;
}

Je te renvoi tout de même sur ce lien : http://www.aidenet.com/css/css08ca.htm
Modifié par Make In Design (19 Oct 2010 - 17:03)
hehe salut, ben non ça ne change rien, resultat idem,
je vais consulter le lien que tu m'as indiqué, sachant que j'ai déjà parcouru de nombreux articles, sans succes, arrfffff
merci de venir me secourir en tout cas
voici tout ce qui ne fonctionne pas :::

1) aucune image affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background : url('../themes/Menphis-GB/images/middle_left.png') repeat-y;
		}



2) aucune image affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background : url("../themes/Menphis-GB/images/middle_left.png") repeat-y;
		}


3) aucune image affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background : url(../themes/Menphis-GB/images/middle_left.png) repeat-y;
		}



4) aucune image affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background : url(themes/Menphis-GB/images/middle_left.png) repeat-y;
		}


5) aucune image affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background-repeat: repeat-y;
background : url(themes/Menphis-GB/images/middle_left.png);
		}



6) 1 image est affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background-repeat: repeat-y;
background : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
		}



7) 1 image est affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;

background : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
background-repeat: repeat-y;
		}




8) 1 image est affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
height: auto;
background : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
background-repeat: repeat-y;
		}



9) 1 image est affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
height: auto;
display: block;
background-repeat: repeat-y;
background : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
		}




10) 1 image est affichée

.middle_left	{
clear: left;
float: left;
width: 18px;
height: 8px;
border: 0px;
height: auto;
display: block;
background-repeat: repeat-y;
background : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
		}





11) 1 image est affichée

.middle_left	{
width: 18px;
height: 8px;
border: 0px;
height: 100%;
display: block;
background-repeat: repeat-y;
background : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
		}




12) 1 image est affichée

.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
background-repeat: repeat-y;
		}



a ce stade, j'ai réessayé de modifier mon image, au lieu de 18 x 8, je l'ai redimmensionnée à 18 x 3000 !!!
et bien strictement aucun changements, étonnant, non ?
meme pas un petit bout en plus, non


j'ai essaye a nouveau avec un height a 100%,
là l'image n'est carrément pas affichée du tout


je suis donc revenu à mon height: 8px;, ET j'ai retesté le remplissage des divs, avec des <p> et des &nbsp;

comme ceci donc :


<div class=\"middle_left\">

<p style=\"margin:0;padding:0;height:100%;\">&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p style=\"margin:0;padding:0;\">&nbsp;</p>

</div>



super ça marche, hehe mais non, ça marche sur certains block qui atteignent cette hauteur,
mais pas sur les plus hauts ni les moins haut, ET ça decale la partie centrale, bien evidemment,
donc cette option est bel et bien a bannir, aucun interet

une version siplifiee de ceci ?? ok comme cela :::


<div class=\"middle_left\">
<p style=\"margin:0;padding:0;height:100%;\">&nbsp;</p>
</div>



aucun changement on revient à l'affichage de 1 seule image .... arrrfffff


voilà pour mes tentatives du debut de soiree .......

sniffff, snifff
donc, retour a la case depart avec cette def de css :




.middle_left	{
float: left;
width: 18px;
height: 8px;
border: 0px;
background-image : url(http://www.menphis-tk.net/themes/Menphis-GB/images/middle_left.png);
background-repeat: repeat-y;
		}


qui n'affiche toujours que 1 image ......
pour lever tous les doute sur cette saleté de repeat,
j'ai essaye,meem si c'est une hérésie repeat-x aussi, et repeat tout seul ....

donc, j'en suis là, background-repeat, que ce soit un background url ou un background-image url,
non, rien de rien, mais alors a quoi ça sert cette instruction au juste ? lol .......
ben non aucun changement,
je viens d'afficher le code source de ma page,et j'ai recupere le html d'une de mes frames.je fais encore quelques tests avec frtontpage, juste ce html et bien sur l'appel de mon theme.css,
voici ce code :



<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 3</title>


<link rel="stylesheet" type="text/css" href="http://www.menphis-tk.net/themes/Menphis-GB/theme.css">

</head>

<body>













<div class="top_frame"> 
<div class="corner_top_left"></div> 
<div class="top_middle_frame"><p class="div.Texte.caption"><b>Membres en Ligne ces dernières 5 minutes</b></p></div> 
<div class="corner_top_right"></div> 
</div> 
<div class="middle_frame"> 
<div class="middle_left" height="100%"> 

</div> 
 
<div class="middle_middle"><a href="account-details.php?id=1"> 
<font style=" color:"><span style='border: 1px solid; background: black;  margin: 5 5 5 5; padding: 0 0 0 0; font-family: verdana; font-weight: bold; color: cyan;'>&nbsp;CrazyCoder&nbsp;</span></font></a><img src='images/star.gif' border='0' title='CoLocataire'><img src='images/god.gif' width='16' height='18' border='0' title='Yoda'><a href="account-details.php?id=679"> 
<font style=" color:"><span style='border: 1px solid; background: black;  margin: 5 5 5 5; padding: 0 0 0 0; font-family: verdana; font-weight: bold; color: white;'>&nbsp;davidll&nbsp;</span></font></a><img src='images/pvt.gif' width='16' height='18' border='0' title='Coccinelle'><a href="account-details.php?id=919"> 
<font style=" color:"><span style='border: 1px solid; background: black;  margin: 5 5 5 5; padding: 0 0 0 0; font-family: verdana; font-weight: bold; color: white;'>&nbsp;NeutraL&nbsp;</span></font></a><img src='images/pvt.gif' width='16' height='18' border='0' title='Coccinelle'><a href="account-details.php?id=1088"> 
<font style=" color:"><span style='border: 1px solid; background: black;  margin: 5 5 5 5; padding: 0 0 0 0; font-family: verdana; font-weight: bold; color: white;'>&nbsp;staffrobot&nbsp;</span></font></a><img src='images/pvt.gif' width='16' height='18' border='0' title='Coccinelle'></div> 
<div class="middle_right"><img src="http://www.menphis-tk.net/themes/Menphis-GB/images/blank.gif" 
style="height:100%;overflow:hidden;repeat:repeat-y;"></div> 
</div> 
<div class="bot_frame"> 
<div class="corner_bot_left"></div> 
<div class="bot_middle_frame"></div> 
<div class="corner_bot_right"></div> 
</div> 
<div class="spacer_between"></div> 














</body>

</html>


je vais tester toutes les balises possibles et imaginables que je trouverai sur le net, on va voir ........ c'est vraiment fou ....
hahaa trop drole .... je ne suis en aucun cas un pro du css, ni du reste d'ailleurs .......
mais très certainement un génie .... ouais ça je le sais depuis 40 ans, lol .......

aller dans quelques instant je vous poste LA solution .... meme si ça implique d'ajouter une table,
et que je ne voulai que des divs ..... lol & lol & rock & roll

A tout .......

voici quand meme au cas ou je meurs de sommeil sur mon clavier,
une tite capture ecran ::::

http://www.monsterup.com/upload/1287540160.jpg

vous voyez mes frames ??? hihihiiiiii reste a appliquer ma solution aux blocks ....

a++ Smiley smile Smiley smile Smiley smile
Sujet clos
Aller à