Se connecter / S'enregistrer

Résolu Problème sur mon site web

Solutions (21)
Tags :
  • web
  • Programmation
|
Bonsoir,
J'ai créé un site pour mon groupe de musique avec le logiciel Nuked Klan. Voulant récemment changer de thème, j'en ai téléchargé un "tout fait", que j'ai retravaillé un peu a l'arrache (on fait comme on peut quand on à peu de connaissances en html/css et rien du tout en php !)... Seul problème gênant, le menu censé être a droite se retrouve en bas, et impossible de le faire bouger ! :( 
Pourriez-vous regarder mon script et régler ce problème ?? :s

Le site est http://cart.servhome.org

Thème.php
Spoiler
Citation :
<?php

// Thème SpL_nracers2
// Design by Subleme, PHP by Sp3ll, remasterized by Ptitpic
// Copyright
// Clantemplates.com
// Nuked-Klan.org

function top()
{
global $nuked, $op, $file, $user, $bgcolor2, $page;
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n"
. "<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"fr\"><head>\n"
. "<meta name=\"keywords\" content=\"" . $nuked['keyword'] . "\" />\n"
. "<meta name=\"Description\" content=\"" . $nuked['description'] . "\" />\n"

. '<link rel="icon" type="image/png" href="themes/SpL_nracers2/imgs/icone.png" />'
. '<link rel="alternate" title="Nuked-Klan RSS : Les 20 derniéres news" href="'. $nuked['url'] .'/rss/news_rss.php" type="application/rss+xml" />'
. '<link rel="alternate" title="Nuked-Klan RSS : Les 20 derniers articles" href="'. $nuked['url'] .'/rss/sections_rss.php" type="application/rss+xml" />'
. '<link rel="alternate" title="Nuked-Klan RSS : Les 20 derniers téléchargements" href="'. $nuked['url'] .'/rss/download_rss.php" type="application/rss+xml" />'
. '<link rel="alternate" title="Nuked-Klan RSS : Les 20 derniers liens" href="'. $nuked['url'] .'/rss/links_rss.php" type="application/rss+xml" />'
. '<link rel="alternate" title="Nuked-Klan RSS : Les 20 derniéres images" href="'. $nuked['url'] .'/rss/gallery_rss.php" type="application/rss+xml" />'
. '<link rel="alternate" title="Nuked-Klan RSS : Les 20 derniers sujets" href="'. $nuked['url'] .'/rss/forum_rss.php" type="application/rss+xml" />'
. '<link rel="search" type="application/opensearchdescription+xml" href="'. $nuked['url'] .'/opensearch.php" title="Nuked-Klan" />'
. "<title>" . $nuked['name'] . " - " . $nuked['slogan'] . "</title>\n"
. "<link href=\"themes/SpL_nracers2/style.css\" rel=\"stylesheet\" type=\"text/css\" />\n"
. "</head>\n"
. "<body>\n"
. "<div id=\"container\">\n"
. "<div class=\"nav_left\"></div>\n"
. "<div class=\"nav_holder\">\n"
. "<ul id=\"navigation\">\n"
. "<li><a href=\"index.php\">ACCUEIL</a></li>\n"
. "<li><a href=\"index.php?file=Download\">TELECHARGEMENTS</a></li>\n"
. "<li><a href=\"index.php?file=Forum\">FORUMS</a></li>\n"
. "<li><a href=\"index.php?file=Links\">LIENS</a></li>\n"
. "<li><a href=\"index.php?file=Contact\">CONTACT</a></li>\n"
. "</ul>\n"
. "</div>\n"
. "<div class=\"nav_right\"></div>\n"
. "<h1 id=\"banner\"></h1>\n"
. "<div id=\"content\">\n"
. "<div id=\"left\">\n";
get_blok('gauche');
echo "</div>\n"
. "<div id=\"center\">\n"
. "<div>\n";
if ($op == "index" && $file != "Admin" && $page != "admin")
{
get_blok('centre');
}
echo "</div>\n";
}

function block_gauche($block)
{
echo "<div class=\"side_header\">" . $block['titre'] . "</div>\n"
. "<div class=\"side_content_menu\">" .$block['content'] . "</div>\n";
}

function block_droite($block)
{
echo "<div class=\"side_header\">" . $block['titre'] . "</div>\n"
. "<div class=\"side_content_menu\">" .$block['content'] . "</div>\n";
}

function news($data)
{
$posted = _NEWSPOSTBY . " <a href=\"index.php?file=Members&op=detail&autor=" . urlencode($data['auteur']) . "\">" . $data['auteur'] . "</a> " . _THE . " ". $data['date']. " " . _AT . " " . $data['heure'];
$comment = "<a href=\"index.php?file=News&op=index_comment&news_id=" . $data['id'] . "\">" . _NEWSCOMMENT . "</a> (" . $data['nb_comment'] . ") " . $data['printpage']. " " . $data['friend'];

echo "<div class=\"center_header\">" . $data['titre'] . "</div>\n"
. "<div class=\"center_content\">\n"
. "<div class=\"center_post_img\">\n"
. "<img src=\"themes/SpL_nracers2/imgs/content_post_img.gif\" alt=\"\" />\n"
. "</div>\n"
. "<div class=\"news_post\">\n"
. "<span class=\"posted\">" . $posted . "</span>\n"
. "<p style=\"padding: 5px;\">" . $data['image'] . "</span><br />" . $data['texte'] . "</p>\n"
. "<p>" .$comment . "</p>\n"
. "</div>\n"
. "</div>\n"
. "<div class=\"heightfix\"></div>\n";
}

function footer()
{

echo "</div><div id=\"right\">\n"

. "<div class=\"side_content_menudroite\">\n"
. "</div>\n";
get_blok('droite');
echo "</div>\n"
. "</div>\n"
. "<div id=\"site_footer\">\n";

echo "</div>\n"
. "</div>\n"


. "</body>\n"
. "</html>\n";

exit();
}

function block_bas($block)
{
echo "<div class=\"center_header\">" . $block['titre'] . "</div>\n"
. "<div class=\"center_content\">\n"
. "<div class=\"news_post\">\n"
. "<p style=\"padding: 3px;\">" . $block['content'] . "</p>\n"
. "</div>\n"
. "</div>\n"
. "<div class=\"heightfix\"></div>\n";
}

function block_centre($block)
{
echo "<div class=\"center_header\">" . $block['titre'] . "</div>\n"
. "<div class=\"center_content\">\n"
. "<div class=\"news_post\">\n"
. "<p style=\"padding: 3px;\">" . $block['content'] . "</p>\n"
. "</div>\n"
. "</div>\n"
. "<div class=\"heightfix\"></div>\n";
}

function opentable()
{
global $file;
echo "<div class=\"center_header\">" . $file . "</div>\n"
. "<div class=\"center_content\">\n";
}

function closetable()
{
echo "</div>\n";
}
?>



Style.css

Spoiler
Citation :

@import 'nav.css';

body
{
font-family: Trebuchet MS, sans-serif;
font-size: 12px;
color: #000;
background: #1e292d url(imgs/bg.gif) no-repeat;
margin: 0; padding: 15px 0 0 0;
}
div#container
{
width: 996px;
margin: 0 auto;
background: #fff;
overflow: visible;
}

textarea{
font-family: Trebuchet MS, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
border:1px solid #1a2326;
color: #000000;
}

select{
color: #000000;
background-color: #FFFFFF;
font-family: Trebuchet MS, sans-serif;
font-size: 12px;
}


input{
color: #000000;
background-color: #FFFFFF;
font-size: 12px;
font-family: Trebuchet MS, sans-serif;
border-right: #1a2326 1px solid;
border-top: #1a2326 1px solid;
border-left: #1a2326 1px solid;
border-bottom: #1a2326 1px solid;
}
h1#banner
{
width: 954px;
height: 345px;
text-indent: -9999px;
background: url(imgs/banner.jpg) no-repeat;
margin: 0 auto;
clear: both;
}
div#content
{
width: 954px;
margin: 0 auto;
padding: 5px 0 0 0;
clear: both;
}
div#left
{
width: 202px;
float: left;

}
div#center
{
width: 540px;
float: left;
margin: 0 0 0 5px;
}
div#right
{
width: 202px;
float: right;
}
.side_header
{
font-size: 13px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
width: 192px;
height: 42px;
line-height: 42px;
padding: 0 0 0 10px;
background: url(imgs/side_header_bg.gif) no-repeat;
}
.side_content_menu
{
width: 200px;
border: 1px solid #769dae;
background: #dde6eb;
margin: 0 0 10px 0;

}
.side_content_menudroite
{
width: 200px;
border: 1px solid #769dae;
background: #dde6eb;
margin: 0 0 10px 0;
float: right;

}
.side_content
{
width: 180px;
padding: 10px;
border: 1px solid #769dae;
background: #dde6eb;
margin: 0 0 10px 0;
overflow: auto;
}
.search_input_left
{
width: 4px;
height: 25px;
background: url(imgs/search_input_left.gif) no-repeat;
float: left;
}
.search_input
{
font-family: Trebuchet MS, sans-serif;
width: 107px;
height: 21px;
padding: 4px 3px 0 0;
background: url(imgs/search_input.gif) repeat-x;
border: 0;
float: left;
}
.search_submit
{
cursor: pointer;
width: 50px;
height: 25px;
background: url(imgs/search_button.gif) no-repeat;
border: 0;
float: left;
}

.center_header
{
font-size: 13px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
width: 530px;
height: 42px;
line-height: 42px;
padding: 0 0 0 10px;
background: url(imgs/center_header_bg.gif) no-repeat;
}
.center_content
{
width: 538px;
background: #dde6eb;
border: 1px solid #749eae;
margin: 0 0 10px 0;
}
.center_post_img
{
width: 533px;
border-top: 1px solid #fff;
border-bottom: 1px solid #749eae;
padding: 4px 0 4px 5px;
}
.center_post_img img
{
display: block;
}
.news_post
{
width: 531px;
padding: 7px 0 0 7px;
background: url(imgs/content_post_bg.gif) top repeat-x;
line-height: 14px;
}
.news_post p
{
margin: 0; padding: 8px 0 8px 0;
}
div#site_footer
{
width: 1000px;
height: 20px;
padding: 0 10px 0 0;
background: url(imgs/site_footer.gif) no-repeat;
clear: both;
}
div#site_footer a
{
text-decoration: underline;
}
div#site_footer a:hover
{
text-decoration: none;
}
div#footer
{
width: 880px;
height: 47px;
padding: 0 0 0 80px;
margin: 0 auto;
}
div#footer a
{
margin: 0 75px 0 0;
float: left;
}
.heightfix
{
height: 1%;
width: 1%;
display: none;
}

a
{
color: #435762;
text-decoration: none;
}
a:hover
{
color: #a7b8c0;
text-decoration: underline;
}
span.posted
{
font-size: 11px;
}

form, input, textarea, h1
{
margin: 0; padding: 0;
}
a img
{
border: 0;
}


Nav.css
Spoiler
Citation :
.nav_left
{
width: 3px;
height: 45px;
background: url(imgs/nav_left.gif) no-repeat;
float: left;
}
.nav_holder
{
width: 984px;
height: 45px;
background: url(imgs/nav_bg.gif) repeat-x;
float: left;
}
.nav_right
{
width: 3px;
height: 45px;
background: url(imgs/nav_right.gif) no-repeat;

float: right;
margin: 0 0 4px 0;
}
#navigation
{
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
list-style: none;
margin: 0; padding: 0;
}
#navigation li
{
float: left;
}
#navigation li a
{
color: #fff;
line-height: 45px;
padding: 0 20px 0 20px;
display: block;
text-align: center;
}
#navigation li a:hover
{
background: url(imgs/nav_bg.gif) repeat-x 0 -45px;
color: #fff;
text-decoration: none;
}





Merci d'avance ! Bonne soirée à vous
Contenus similaires
Meilleure solution
partage
|
Voilà j'ai trouvé, cela viens d' une balise : <div> qui ne sert à rien , supprime là :

Thème.php

  1. get_blok('gauche');
  2. echo "</div>\n"
  3. . "<div id=\"center\">\n"
  4. . "<div>\n"; //ligne à supprimer
  • Commenter cette solution |
Score
0
òh
òi
|
Même problème ça provient d'un <div></div> mal placé, j'ai comparé les pages :

Sur l'accueil tu as :

  1. <div id="center">
  2. <div class="center_header">Facebook</div>


Et sur par exemple la page , d'enregistrement :

  1. <div id="center">
  2. </div> // erreur il ne faut pas la fermer
  3. <div class="center_header">USER</div>


Donc ce n'est pas la même page (theme.php).
Ceci fais partis de l'administration, tu dois surement avoir des fichiers templates , fouille bien tous les fichiers et regarde si l'un d'entre eux ressemble à la page theme.php.
  • Commenter cette réponse |
Score
0
òh
òi
|
Là est le problème... normalement c'est exactement le même. Sinon je ne sais pas où chercher avec nk
  • Commenter cette réponse |
Score
0
òh
òi
|
Ok passe moi le code css et php de la partie administration dans ce cas là.
  • Commenter cette réponse |
Score
0
òh
òi
|
En fait le problème précédent venait directement du thème nk (créé par un particulier)... J'ai eu beau remettre le code de base et corriger l'erreur, j'ai toujours le problème
  • Commenter cette réponse |
Score
0
òh
òi
|
Remet le fichier d'origine que tu as changé.

Sinon à première vue ton problème viens du paramètre : float, au niveau de ton corps et aussi de ta balise bloc </div> global : <div id="content"></div>, tu dois fermé la balise tous à la fin après le footer.
  • Commenter cette réponse |
Score
0
òh
òi
|
C'est moi qui ai essayé de modifier un peu rapidement le script... x) maintenant j'ai un autre problème :s
Regardez par vous même =s



Le menu est en bas, le reste pas de la bonne taille etc... HELP !


(normalement ca devrait ressembler a http://cart.servhome.org/index.php )
  • Commenter cette réponse |
Score
0
òh
òi
|
Au plaisir,

c'est pour ça que c'est plus facile de faire sont thème, ça évite des erreurs tous bête.

Le thème quand tu l'as installé il avais cette erreur ou c'est toi qui la ajouter par égard?
Car sinon honte à nuked-clan...
  • Commenter cette réponse |
Score
0
òh
òi
|
Mais le pire c'est que normalement je le connais (html/css), mais ca faisait longtemps que je n'y avais plus touché... encore merci
  • Commenter cette réponse |
Score
0
òh
òi
|
Pas de soucis, si tu ne connais pas le langage ce n'est pas une honte.
Tu peux mettre ton sujet en résolu en sélectionnant une meilleur réponse.
  • Commenter cette réponse |
Score
0
òh
òi
|
En effet j'avais bien oublié (la honte -_-") le ";"...
Ca marche nickel maintenant, merci beaucoup !
  • Commenter cette réponse |
Score
0
òh
òi
|
Une balise : <div> , seul ne sert pas à grand chose, ça ne fonctionne toujours pas?
  • Commenter cette réponse |
Score
0
òh
òi
|
Et en recomptant, j'ai trouvé exactement le même nombre de <div> que de </div>
  • Commenter cette réponse |
Score
0
òh
òi
|
Tu as oublier de laisser le ";" :

  1. get_blok('gauche');
  2. echo "</div>\n"
  3. . "<div id=\"center\">\n"; // ici
  • Commenter cette réponse |
Score
0
òh
òi
|
Le problème n'est apparemment pas là, quand j'upload thème.php sur le site (avec la ta modification), j'obtiens :
"Parse error: syntax error, unexpected T_IF, expecting ',' or ';' in /home/web1524/web/themes/SpL_nracers2/theme.php on line 48"
  • Commenter cette réponse |
Score
0
òh
òi
|
J'ai trouvé ton problème, enfin ;) 
Je t'explique vite fais car je crois que tu ne connais pas vraiment le html/css :

Ton site est composé de bloc, représenté par la balise : <div></div>, voici le "plan" de ton thème que tu devrais avoir :

  1. <div>bloc qui englobe tous ton site
  2.  
  3. <div>menu gauche</div>
  4. <div>corps</div>
  5. <div>menu droit</div>
  6. <div>footer</div>
  7.  
  8. </div>


J'ai regardé et toi ton plan est comme ça :

  1. <div>bloc qui englobe tous ton site
  2.  
  3. <div>menu gauche</div>
  4. <div>corps // voici l'erreur la balise </div> du bloc n'est pas fermé donc forcément ton menu droit ne va pas bien se placer
  5. <div>menu droit</div>
  6. </div> // la balise se ferme ici
  7. <div>footer</div>
  8.  
  9. </div>


Maintenant que j'ai localisé le problème il faut le modifier au niveau de la fonction concerné.

  • Commenter cette réponse |
Score
0
òh
òi
|
Idem, le bloc se réduit mais le menu reste en bas...
  • Commenter cette réponse |
Score
0
òh
òi
|
J'ai regarder le code source de la page, il ne fais pas appel à cette fonction donc ça ne provient pas de là, par contre erreur de ma part, j'ai regarder à nouveau le code, c'est ces largeurs qui faut changer :

  1. div#left //menu gauche
  2. {
  3. width: 202px; //largeur
  4. float: left; //position gauche
  5.  
  6. }
  7. div#right // menu droit
  8. {
  9. width: 202px; //largeur
  10. float: right; // position droite
  11.  
  12. }
  13. div#center // corps centrale
  14. {
  15. width: 540px; // largeur
  16. float: left; //position gauche
  17. margin: 0 0 0 5px; // marge à gauche de 5px (haut =0 , droite =0, bas = 0, gauche=5)
  18. }


N'hésite pas à mettre une largeur très petite, pour ne pas te prendre la tête pour rien, ce qui te permettra de regarder si le problème viens de là, met par exemple : 20px.
  • Commenter cette réponse |
Score
0
òh
òi
|
Je pense que le problème se situe ici, vu que c'est la partie que j'ai le plus changé (de manière très...sale ^^")

  1. function footer()
  2. {
  3.  
  4. echo "</div><div id=\"right\">\n"
  5.  
  6. . "<div class=\"side_content_menudroite\">\n"
  7. . "</div>\n";
  8. get_blok('droite');
  9. echo "</div>\n"
  10. . "</div>\n"
  11. . "<div id=\"site_footer\">\n";
  12.  
  13. echo "</div>\n"
  14. . "</div>\n"
  15.  
  16.  
  17. . "</body>\n"
  18. . "</html>\n";
  19.  
  20. exit();
  21. }
  • Commenter cette réponse |
Score
0
òh
òi
|
Le problème, c'est que le menu se réduit bien, (j'ai du aussi réduire la taille d'image de fond a 142px pour garder les proportions), mais il ne va toujours pas à droite... et il ne va à droite que sur la page administration... c'est étrange :s
  • Commenter cette réponse |
Score
0
òh
òi
|
Salut,

Ce problème est surement dû à la largeur du menu, c'est pour ça qui va en dessous, donc réduit la largeur de ton menu gauche et droite :

Style.css:

  1. .side_content_menu
  2. {
  3. width: 200px; // ici par exemple tu met : 150px
  4. border: 1px solid #769dae;
  5. background: #dde6eb;
  6. margin: 0 0 10px 0;
  7.  
  8. }
  9. .side_content_menudroite
  10. {
  11. width: 200px; // donc ici met la même largeur pour que ça soit plus présentable
  12. border: 1px solid #769dae;
  13. background: #dde6eb;
  14. margin: 0 0 10px 0;
  15. float: right;
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS