Sujet Précédent Sujet Suivant

[AIDE]Problémes de CSS avec un template ???

cs_masta64 Messages postés 51 Date d'inscription samedi 12 avril 2003 Statut Membre Dernière intervention 14 février 2009 - 4 févr. 2007 à 21:24
cs_masta64 Messages postés 51 Date d'inscription samedi 12 avril 2003 Statut Membre Dernière intervention 14 février 2009 - 5 févr. 2007 à 04:17
Bonjour à tous, je débute en php et pour débuter facilement on m'as conseiller Joomla !!! Donc je l'ai installer depuis une semaine et depuis deux jours j'ai tenter de m'attaquer à faire un template perso (que je maitrise presque totalement en html) mais la je bloque sur une chose, voila je vous explique, je souhaiterais assigner une image de 787x1 pixels en background qui se repeterais en y (voir le screenshot ci dessous avec la partie manquante de l'images background que je voudrais assigner) !!! J'ai essayer enormement de chose mais j'avoue que je bloque, pourriez vous m'aidez svp et m'indiquer quelle fonction ou quel code utiliser (je suppose qu'il faudrait lui assigner une ID et le parametrer dans le CSS ??? ) !!!

Je vous joint le code du CSS et celui de ma page PHP si vous voulez l'étudier et à la rigueur corriger mes erreurs qui doivent etre nombreuses ;) débutant oblige !!!

Code CSS

/* CSS Document */

html {
        background: #000000;
    height: 0%;
}

body {
    height: 100%;
    margin-bottom: 1px;
}

.clr {
    clear: both;
}

.outline {
  border: 1px solid #ffffff;
  width: 1000px;
  background: #000000;
  padding: 2px;

}

#buttons_outer {
    width: 635px;
      margin-bottom: 2px;
    margin-right: 2px;
    float: left;

}

#buttons_inner {
    border: 1px solid #ffffff;
    height: 21px !important;
    height: 23px;
}

#pathway_text {
  overflow: hidden;
    display: block;
    height: 25px;
    line-height: 25px !important;
    line-height: 22px;
    padding-left: 4px;
    border: 1px solid #ffffff;
    margin-bottom: 2px;
}

#pathway_text img {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 6px;
}

#buttons {
    float: left;
    margin: 0px;
    padding: 0px;
    width: auto;
}

ul#mainlevel-nav
{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
}

ul#mainlevel-nav li
{
    background-image: none;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    margin: 0;
    font-size: 11px;
    line-height: 21px;
    white-space: nowrap;
    border-right: 1px solid #ffffff;
}

ul#mainlevel-nav li a
{
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: #333333;
    background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

    ul#mainlevel-nav li a:hover
{
    color: #fff;
    background: #c64934;
}

#search_outer {
    float: right;
    width: 165px;
}

#search_inner {
  border: 1px solid #ffffff;
    padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
    border: 0px;
    padding: 3px 3px 3px 5px;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    color: #c64934;
}

#header_outer {
    text-align: left;
    border: 0px;
    margin: 0px;
}

#header {
    float: center;
    padding: 0px;
    margin-left: 195px;
    width: 820px;
    height: 272px;
    background: url(../images/headerN.jpg) no-repeat;
}

#top_outer{
    float: left;
        margin-left: 15px;
        margin-top: -250px; 
    width: 165px;
       
        float: right;
}

#top_inner {
  border: 1px;
    padding: 2px;
  height: 300px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: right;
}

#left_outer {
  float: left;
margin-left: -px;
       
    margin-top: 202px;
    width: 165px;
}

#left_inner {
  border: 1px solid #ffffff;
    padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
    padding: 0px;
    margin-top: -2px;
    margin-left: 46px;
    /** border: 1px solid #ffffff; **/
    float: left;
    width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: ;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 720px;
    padding: 0px;
    margin: 0px;
       
}

table.content_table td {
 width: 770px;
    padding: 0px;
    margin: 0px;
                                
}

#banner_inner {
    float: center;
    padding: 0px;
    height: 60px;
}

#right_outer {
    margin-left: 15px;
        margin-top: 80px;
    width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px ;
  padding: 2px;
}

.user1_inner {
    border: 1px solid #ffffff;
  float: none !important;
  float: left;
    margin: 0px;
    padding: 2px;
}

.user2_inner {
    border: 1px solid #ffffff;
  float: none !important;
  float: left;
    margin: 0px;
    padding: 2px;
}

table td.body_outer {
    padding: 2px;
    border: 1px solid #ffffff;
}

.maintitle {
    color: #ffffff;
    font-size: 40px;
    padding-left: 15px;
    padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
    float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #ffffff;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #ffffff;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
    margin-right: 10px;
    float: right;
}

#footer {
    text-align: center;
    padding: 3px;
        background-image: url(../images/main_bottom.jpg);
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

td {
    text-align: left;
    font-size: 11px;
}

body {
    margin: 15px;
    height: 100%;
    padding: 0px;
    font-family: Arial, Helvetica, Sans Serif;
    line-height: 120%;
    font-size: 11px;
    color: #333333;
    background: #ffffff;
}

/* Joomla core stuff */
a:link, a:visited {
    color: #c64934; text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #900;    text-decoration: none;
    font-weight: bold;
}

table.contentpaneopen {
  width: 100%;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
    padding-left: 4px;
}

table.contentpane {
  width: 100%;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
   
}

table.contentpane td {
    margin: 0px;
    padding: 0px;
}

table.contentpane td.componentheading {
    padding-left: 4px;
}

table.contentpaneopen fieldset {
    border: 0px;
    border-bottom: 1px solid #eee;

}

.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #ffffff;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
    padding: 2px;
    border:solid 1px #ffffff;
    background-color: #ffffff;
}

.componentheading {
    background: url(../images/subhead_bg.png) repeat-x;
    color: #666666;
    text-align: left;
    padding-top: 4px;
    padding-left: 4px;
    height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;

}

.contentcolumn {
    padding-right: 5px;
}

.contentheading {
    height: 30px;

    color: #c64934;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

.contentpagetitle {
    font-size: 13px;
    font-weight: bold;
    color: #cccccc;
    text-align:left;
}

table.searchinto {
    width: 100%;
}

table.searchintro td {
    font-weight: bold;
}

table.moduletable {
    width: 100%;
    margin-bottom: 5px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

div.moduletable {
    padding: 0;
    margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
    background: url(../images/subhead_bg.png) repeat-x;
    color: #666666;
    text-align: left;
    padding-left: 4px;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 0 2px 0;
}

table.moduletable td {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
    background-color : #ffffff;
}

.sectiontableentry2 {
    background-color : #f9f9f9;
}

.small {
    color: #999999;
    font-size: 11px;
}

.createdate {
    height: 15px;
    padding-bottom: 10px;
    color: #999999;
    font-size: 11px;
}

.modifydate {
    height: 15px;
    padding-top: 10px;
    color: #999999;
    font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
    text-align: left;
    padding-top: 2px;
    padding-left: 4px;
    height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
    display: block;
    background: url(../images/menu_bg.png) no-repeat;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #ccc;
    text-align: left;
    padding-top: 5px;
    padding-left: 18px;
    height: 20px !important;
    height: 25px;
    width: 100%;
    text-decoration: none;
}

a.mainlevel:hover {
    background-position: 0px -25px;
    text-decoration: none;
    color: #fff;
}

a.mainlevel#active_menu {
    color:#fff;
    font-weight: bold;
}

a.mainlevel#active_menu:hover {
    color: #fff;
}

a.sublevel:link, a.sublevel:visited {
    padding-left: 1px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #c64934;
    text-align: left;
}

a.sublevel:hover {
    color: #900;
    text-decoration: none;
}

a.sublevel#active_menu {
    color: #333;
}

.highlight {
    background-color: Yellow;
    color: Blue;
    padding: 0;
}
.code {
    background-color: #ddd;
    border: 1px solid #bbb;
}

form {
/* removes space below form elements */
    margin: 0;
     padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
    display: block;
    height: 1.5em;
}

/* Code */

.noRepeat {
background-repeat: no-repeat;
}

.noRepeatx {
background-repeat: repeat-y;
}

__________________________________________________________________________________________________________________________________

code PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>MastaBullzWorld - Accueil</title>

<meta name="description" content="">
<meta name="keywords" content="">
<meta name="Generator" content=" - Copyright (C) 2005 - 2006 Open Source. All rights reserved.">
<meta name="robots" content="index, follow">
    <link rel="shortcut icon" href="/images/favicon.ico">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="/templates/rhuk/css/template_css.css" rel="stylesheet" type="text/css"></head>

            ----

                             

                   

                       

                        <li>               
       

               

                           
       

               

                           
       

               

                           
       

               

                           
       

       
       

                             

                 

                 

                   

                                                                      ----

                                                                   

                                   

                                 
                                   

                                   
                               ,
                           
                           

                                                                          ----

                                                            <table class="content_table" border="0" cellpadding="0" cellspacing="0" width="100%">

                                                                    ----

                                                                                 ,
                                             

                                                     

                           
                    Derniers articles               

               
    <li class=\"latestnews\">
                            Newsflash 3
            </li>
                   
       
</td></tr></tbody></table>                                    </td>
                                </tr>
                                </tbody></table>

                            </td>
                                                      <td>
                             

                                 

                                         

                           
                    Sondage               

                        <script language="javascript" type="text/javascript">
        <!--
        function submitbutton_Poll1() {
            var form         = document.pollxtd1;           
            var radio        = form.voteid;
            var radioLength = radio.length;
            var check         = 0;

            if ( 'z' != 'z' ) {
                alert('Vous avez déja voté pour ce sondage aujourd`hui.');
                return;
            }
            for(var i = 0; i < radioLength; i++) {
                if(radio[i].checked) {
                    form.submit();
                    check = 1;                   
                }
            }       
            if (check == 0) {
                alert('Vous n`avez rien sélectionné, veuillez recommencer');
            }
        }       
        //-->
        </script>       
        <form name="pollxtd1" method="post" action="/index.php?option=com_poll">
       
               
        ----

                            Cette installation Joomla! fut ....           ,
       
       
        ----

                            <table class="pollstableborder" border="0" cellpadding="0" cellspacing="0">
                                            ----

                               ,
                                   
                                </td>
                                                                    <label for="voteid1">
                                        Super simple                                    </label>
                               ,
                           
                                                ----

                                                                   
                               ,
                                                                    <label for="voteid2">
                                        Assez facile                                    </label>
                               ,
                           
                                                ----

                                                                   
                               ,
                                                                    <label for="voteid3">
                                        Pas évidente mais ça a marché                                    </label>
                               ,
                           
                                                ----

                                                                   
                               ,
                                                                    <label for="voteid4">
                                        J'ai dû installé d'autres trucs sur mon serveur                                    </label>
                               ,
                           
                                                ----

                                                                   
                               ,
                                                                    <label for="voteid5">
                                        Aucune idée, c'est un ami qui l'a faite                                    </label>
                               ,
                           
                                                ----

                                                                   
                               ,
                                                                    <label for="voteid6">
                                        Mon chien est parti avec le README ...                                    </label>
                               ,
                           
                                   

            </td>
        </tr>
        <tr>
            <td>
               

                   
                    &nbsp;
                   
               

            </td>
        </tr>
        </tbody></table>

       
       
       
        </form>
               

               

                           
                    Qui est en ligne               

                Il y a actuellement 1 invité en ligne       

                                         

                             

                          </td>
                         
                        </tr>
                        </tbody></table>
                 

             

          </td>
      </tr>
  </tbody></table>

    © 2007 MastaBullzWorld

</html>

___________________________________________________________________________________________________________________________________

<--- Masta Bullz Man ---->
     Underground  Web
                 

2 réponses

Réponse 1 / 2
vilhjalms Messages postés 591 Date d'inscription mercredi 20 juillet 2005 Statut Membre Dernière intervention 16 juillet 2009 2
5 févr. 2007 à 01:24
Saell og blesuð

Bah sur le body du css : background-image:url(chemnin_de_l_image);

Vilhjálms
Sigurðsdóttir aka Frëyjá
0
Réponse 2 / 2
cs_masta64 Messages postés 51 Date d'inscription samedi 12 avril 2003 Statut Membre Dernière intervention 14 février 2009
5 févr. 2007 à 04:17
Non, désolé, deja essayé, ca ne marche pas non plus !!! Merci quand meme

<--- Masta Bullz Man ---->
     Underground  Web
                 
0

Discussions similaires

générer une facture via PHP
cs_midoxe -
Gaston-Muganza -

4 réponses
exemple de page d'accueil avec la balise div et css
belkaiednaim -
belkaiednaim -

5 réponses
code source HTML
bandifull -
bandifull -

5 réponses
Formulaire de connexion et d'inscription
Nemebertrandlkn -
djimtolouma -

3 réponses
Interface pour chaque page
Xini28 -
malalam -

4 réponses
Rejoignez-nous