Forum des sites Hawa Blog - Hawa Music - Hawa Games - Hawa Tools

Version complète: Script Auto Resolution
Vous regardez actuellement la version basse qualité d'un document. Voir la version complète avec le bon formatage.
oui, pas de problème : http://www.vaalibamkartharuku.com/
Bon je pense avoir trouvé le problème et cela ne va pas forcément vous rassurer... l'image de la partie haute qui refuse de se redimensionner est dans ce qu'on appelle le "Body" (corps de page), autrement dit, le body définit l'ensemble de la page et ne peut pas contenir de dimensions : tout se répète à l'infini.

voici le bout de code dans la feuille de styles (CSS) " feuille.css " qui est appelée dans votre page pour assigner les tailles :

body {
background: url(images/background.png ) #000000 repeat;
background-repeat: repeat-x;
background-color:#000;
text-align:center;
margin:0;
padding:0;
font-size:100.1%;
font:83%/1.4 comic c Sans MS, verdana, arial, helvetica, sans-serif;
}

1 - En rouge, j'ai indiqué l'image qui détermine le fond derrière votre bannière (celui qui pose problème depuis le départ en somme..) : l'url de l'originale est ici : http://www.vaalibamkartharuku.com/images/background.png (ouvrez les yeux elle est très fine lol) et se trouve dans le dossier "images" de votre ftp

2 - Toujours en rouge le paramètre qui est indiqué " repeat-x " mais qui de toute façon ne sert qu'a répéter l'image de fond qui a l'origine fait 1 pixel de large. Donc même en faisant la même image dans photoshop ( 100 pixel) cela ne résoudrait pas le problème car cette image se répèterait également. On tourne en rond quoi...

En clair, la seule solution aurait été de faire ceci :

1 - placer l'image " background.png " dans une DIV ou un tableau, et faire qu'elle se répète à cet endroit au lieu de la placer dans le " body " qui est plutôt réservé à la couleur de fond, voir, un fond d'écran...

2 - enfin, superposer tous vos éléments (bannière, champ de recherches, etc, etc...) par dessus le background.png

En ce qui me concerne, et quand je fais un site je procède de cette manière :

1 - je ne fais pas d'image aussi haute et je préfère découper des barres à l'horizontal de telle manière à mieux contrôler les dimensions, placements, etc, etc... comme ceci :



2 - je dispose les différents éléments au dessus de chaque découpe.

Voila... Donc là j'imagine en plus que le template (design) est fournit avec le logiciel dont vous me parliez (Cariboost) ? Quoi qu'il en soit, ce design fût prévu pour être comme je vous le disais au départ : extensible. Là où ils ont mal prévu leur coup c'est que la page est extensible mais pas le contenu... Dommage Fou
ok merci ^^

donc ce que je dois faire je dois enlever de mon CSS le background puis sur mes codes HTML je fais :

Citation :
/*En Tête | HTML -------------*/
<div id="header">
<div class="bannièrevk"></div>

------------------------
/*En Tête | CSS -------------*/

.bannièrevk
{
float:left;
height:152px;
width:1000px;
text-align:right;
background-image:url(images/vk1.jpg);
}


est-ce que c'est comme sa ?

En fait ce n'est pas un problème de CSS à proprement dit : plutôt de placement de l'image background.png qui ne doit passe trouver dans le "body" si vous souhaiter lui assigner une taille bien précise...

Je ne sais pas quoi vous répondre d'autre... La classe CSS est correcte sinonAsmile
quand vous me dite de lui donner une taille bien précise, c'est comme pour la bannière ? non ?

par exemple : height:100px;
width:100px;

bah je peux enlever le background.png comme sa y aura pas de problème (je pense)

Edite : je viens de mettre height:100, width:100px; la partie gauche et parfait sauf la partie droite non Tongue lol
Heu oui mais vous n'aurez plus design en haut... Enfin il restera uniquement le champ de recherches, la bannière et les menus.
non tous est normal sauf sur la partie droite y a du blanc ^^

si j'efface la background la tous par Tongue

je vais essayer le <div class="background"> ensuite je vous informe ^^
Faites un petit test avec une méthode pas forcément "propre" mais qui va vous faire comprendre en temps réel ce dont je vous parle :

1 - Créez un nouveau site vierge (via votre logiciel)
2 - Si vous ne l'avez pas, créez également une simple page HTML vierge
3 - Créez un dossier "images"
4 - prenez votre image background.png et placez là dans le dossier "images"
5 - Dans la page HTML vierge copiez/collez ce bout de code entre les balises " body" et "body" :

CODE A COPIER/COLLER (sans le "citation" ^^):

Citation :
<div align="center">
<table border="0" width="1000" style="border-collapse: collapse" background="images/background.png" height="264" cellpadding="0">
<tr>
<td>
<div align="center">
<table border="0" width="1000" style="border-collapse: collapse" height="264" cellpadding="0">
<tr>
<td height="55"><font color="#FFFFFF">Champ de recherches</font></td>
</tr>
<tr>
<td>Bannière</td>
</tr>
<tr>
<td height="58"><font color="#FFFFFF">Menus</font></td>
</tr>
</table>
</div>
</td>
</tr>
</table>


Si tout se passe bien vous devriez voir ceci (cliquez pour agrandir):

[attachment=78]

C'est un exemple qui utilise exactement la même image "background.png" en mélangeant des DIV (pour le fond) + tableaux superposés découpés en 3 lignes (champ recherches, bannière, menu).

Le tout sans aucun CSS...

Bonne chance !

oui j'ai bien obtenue ce que vous avez mis en image ^^

j'ai essayer de mettre les autre code mais sa par en l'air c'est plus comment avant, en plus j'ai pas l'habitude de faire un site juste avec les <div> et <table>, c'est la 1er fois alors j'ai du mal Tongue.

si non y pas un autre moyen pour la bannière ?
si non je laisse tomber et je vais attendre quelle que année pour metriser, les CSS, HTML ect... ^^

wowow je ne savais pas que sans CSS on pouvait faire un template Smile
Mouais lol donc vous avez à peine placé mon code que vous voulez le customiserAsmile

en fait mon petit bout de code à servit à vous montrer ce que je vous expliquais mais n'a rien de définitif. Le défaut majeur des logiciels comme Cariboost (et il y'en a d'autres) c'est qu'ils sont censé faciliter la création mais pas les modifications...

Je ne sais pas si vous devez "attendre" de mieux maîtriser les différents langages mais (sans vous donner de leçon) il faut être méga patient(e) car le développement web est quelque chose d'à la fois génial et horrible en même temps lol

Il vous reste une solution intermédiaire a Cariboost qui est d'utiliser un CMS. Si vous ne connaissez pas voici une liste complète ainsi que l'explication : Liste de CMS

Autrement il y'a aussi la solution BLOG à héberger sois-même (si on veut toucher au design). Voici les 2 plus connus : Dotclear et le 2eme est Wordpress

Une autre solution pour apprendre correctement les différents langages, avancer, etc, etc... reste l'utilisation du logiciel le plus connu (mais payant) : Dreamweaver

En résumé, le CMS (du moins certains) sont des outils très puissants dont le but est de faciliter/apprendre la création de sites. Il faut quand même faire attention au choix de départ en allant par exemple sur les différents forum pour y vérifier si leur communauté est sympa (en cas de demande précise par exemple). Les BLOGS eux aussi sont des outils puissant et évolutif, mais moins qu'un CMS si l'on souhaite "customiser", déplacer des blocs, modules, etc, etc... Le tout est de vraiment prendre son temps, de tester et de s'avérer patient(e).. Sinon bah heu... on finit par allumer la télé et postuler pour un autre boulot Icon_cheesygrin

Courage, rien est impossibleAsmile
Pages: 1 2 3
URLs de référence