Fork me on GitHub




(1) 2 »


seb
Neophite besoin Aide en css
#1
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
Bonjour

voila j'ai creer un menu mootools 1.11 avec css , il est en accordion horizontal , tous est ok sauf les sous menus je n'arrive pas à les mettre comme il faut en desous de chaque catégorie...
ils vont sur la droite au lieu d'etre en dessous !!!

pouvez vous m'aider ? merci d'avance

le lien vers le menu http://espace.modemradio.fr/sebplayersmenu/js2/js/index.html

Open in new window voici le soucis

le css

/* @group Reset */ 
 
* 
{ 
    margin: 0; 
    padding=0; 
    float: left; 
    font-family: verdana, arial, sans-serif; 
    font-size: 11px; 
    line-height: 15px; 
} 
 
/* @end */ 
 
/* @group Allgemeine Dedinitionen */ 
 
 
 
h1  
{ 
    margin-bottom: 15px; 
    float: left; 
    font-size: 20px; 
    line-height: 22px; 
    font-weight: normal; 
    color: #509bba; 
} 
 
/* @end */ 
 
/* @group Accordion */ 
 
dl.accordion 
{ 
     
    float: left; 
    border-left: 1px solid #e6e2af; 
    border-right: 1px solid #e6e2af; 
    border-bottom: 0px solid #e6e2af; 
} 
 
/* @group Ebene 1 */ 
 
dl.accordion dt 
{ 
    position: relative; 
    height: 105px; 
    padding: 5px 0 2px 25px; 
    float: left; 
    font-weight: bold; 
     
    color: white; 
    background: #00506c url(icon_accordion_closed.png) no-repeat; 
     
    cursor: pointer; 
    border-top: 1px solid #e6e2af; 
} 
 
* html dl.accordion dt 
{ 
    cursor: hand; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_accordion_closed.png', sizingMethod='crop'); 
    background-image: none; 
} 
 
dl.accordion dt.open 
{ 
    background-image: url(icon_accordion_open.png); 
} 
 
* html dl.accordion dt.open 
{ 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_accordion_open.png', sizingMethod='crop'); 
    background-image: none; 
} 
 
dl.accordion dd 
{ 
    float: left; 
    position: relative; 
    overflow: hidden; 
    background: #efecca; 
} 
 
/* @group Inhalt */ 
 
dl.accordion dd.sub_accordion 
{ 
float: left;     
} 
 
dl.accordion dd.accordion_content 
{ 
    padding: 0 10px 0 25px; 
    float: left; 
     
} 
 
dl.accordion dd.accordion_content p 
{ 
    padding: 5px 0 7px 0; 
    float: left; 
} 
 
/* @end */ 
 
/* @end */ 
 
/* @group Ebene 2 */ 
 
dl.accordion dd dl dt 
{ 
    float: left; 
    padding-left: 45px; 
    background-color: #217492; 
    background-position: 20px 0; 
} 
 
dl.accordion dd dl dd.accordion_content 
{ 
    float: left; 
    padding-left: 45px; 
} 
 
/* @end */ 
 
/* @group Ebene 3 */ 
 
dl.accordion dd dl dd dl dt 
{ 
    float: left; 
    padding-left: 65px; 
    background-color: #509bba; 
    background-position: 40px 0; 
} 
 
dl.accordion dd dl dd dl dd.accordion_content 
{ 
    padding-left: 65px; 
    float: left; 
} 
 
/* @end */ 
 
/* @group Ebene 4 */ 
 
dl.accordion dd dl dd dl dd dl dt 
{ 
    float: left; 
    padding-left: 85px; 
    background-color: #7bc3e4; 
    background-position: 60px 0; 
} 
 
dl.accordion dd dl dd dl dd dl dd.accordion_content 
{ 
    padding-left: 85px; 
    float: left; 
     
} 
.espace{ 
    width:100px; 
    float:left; 
} 
.toto{ 
    width:170px; 
    float:left; 
} 
#accordion_content{width:710px;} 
/* @end */ 
 
/* @end */

Posté le : 10/12/2010 10:24

www.modemradio.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Ghia
Re: Neophite besoin Aide en css
#2
Xoops accro
Inscrit: 20/02/2008 20:27
De Belgium
Messages: 2708
Enlevez les float:left;

Posté le : 10/12/2010 11:13

Salutations, Gerard.
PS: Excusez mon mauvais français.
De la bonne manière de poser les questions
Partager Twitter Partagez cette article sur GG+
Rapport Haut
seb
Re: Neophite besoin Aide en css
#3
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
lequel dois je enlever ?

Posté le : 10/12/2010 18:56

www.modemradio.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
seb
Re: Neophite besoin Aide en css
#4
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
Voila j'ai modifier mais toujours le soucis et je ne comprend pas d'ou cela peu venir !!!

je met le code css : modifier

merci pour votre aide

/* @group Reset */

*
{
    margin: 0;
    padding: 0;
    
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 15px;
}

/* @end */

/* @group Allgemeine Dedinitionen */



h1 
{
    margin-bottom: 15px;
    
    font-size: 20px;
    line-height: 22px;
    font-weight: normal;
    
    color: #509bba;
}

/* @end */

/* @group Accordion */

dl.accordion
{
    
    
    border-left: 1px solid #e6e2af;
    border-right: 1px solid #e6e2af;
    border-bottom: 1px solid #e6e2af;
}

/* @group Ebene 1 */

dl.accordion dt
{
    position: relative;
    height: 105px;
    padding: 5px 0 2px 25px;
    float: left;
    font-weight: bold;
    
    color: white;
    background: #00506c url(icon_accordion_closed.png) no-repeat;
    
    cursor: pointer;
    border-top: 1px solid #e6e2af;
}

* html dl.accordion dt
{
    cursor: hand;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_accordion_closed.png', sizingMethod='crop');
    background-image: none;
}

dl.accordion dt.open
{
    background-image: url(icon_accordion_open.png);
}

* html dl.accordion dt.open
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon_accordion_open.png', sizingMethod='crop');
    background-image: none;
}

dl.accordion dd
{
    position: relative;
    overflow: hidden;
    background: #efecca;
}

/* @group Inhalt */

dl.accordion dd.sub_accordion
{
    
}

dl.accordion dd.accordion_content
{
    padding: 0 10px 0 25px;
}

dl.accordion dd.accordion_content p
{
    padding: 5px 0 7px 0;
}

/* @end */

/* @end */

/* @group Ebene 2 */

dl.accordion dd dl dt
{
    padding-left: 45px;
    background-color: #217492;
    background-position: 20px 0;
}

dl.accordion dd dl dd.accordion_content
{
    padding-left: 45px;
}

/* @end */

/* @group Ebene 3 */

dl.accordion dd dl dd dl dt
{
    padding-left: 65px;
    background-color: #509bba;
    background-position: 40px 0;
}

dl.accordion dd dl dd dl dd.accordion_content
{
    padding-left: 65px;
}

/* @end */

/* @group Ebene 4 */

dl.accordion dd dl dd dl dd dl dt
{
    padding-left: 85px;
    background-color: #7bc3e4;
    background-position: 60px 0;
}

dl.accordion dd dl dd dl dd dl dd.accordion_content
{
    padding-left: 85px;
}

/* @end */

/* @end */

Posté le : 10/12/2010 20:46

www.modemradio.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
seb
Re: Neophite besoin Aide en css
#5
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
petit up

Posté le : 11/12/2010 19:04

www.modemradio.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
caradoc
Re: Neophite besoin Aide en css
#6
Semi pro
Inscrit: 08/06/2005 17:15
De Where ?
Messages: 513
pas un peu de code html à donner, car juste le css est un peu limite

Posté le : 11/12/2010 20:33
Partager Twitter Partagez cette article sur GG+
Rapport Haut
seb
Re: Neophite besoin Aide en css
#7
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
bonsoir ok
voici le mootools clic http://espace.modemradio.fr/sebplayersmenu/js2/js/mootools-1.11.js
--------------------------------------------------
pour le fichier fonctions.js clic ici http://espace.modemradio.fr/sebplayersmenu/js2/js/fonctions.js
--------------------------------------------------
pour le ficher style ici http://espace.modemradio.fr/sebplayersmenu/js2/js/styles.css
---------------------------------------------------
le fichier original est ici en milieu de page http://blog.medianotions.de/de/artike ... verschachteltes-accordion


voici le html
merci d'avance
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        
        <title>Verschachteltes Mootols-Accordion</title>
        
        <!-- Mootools JS Framework | http://www.mootools.net -->        
        <script type="text/javascript" src="mootools-1.11.js"></script>
        
        <!-- Verschachteltes Accordion -->    
        <script type="text/javascript" src="functions.js"></script>

        
        <!-- Beispiel-Styles -->
        <link href="styles.css" type="text/css" rel="stylesheet" />
    </head>
    
    <body>
                
        <dl class="accordion">
            <dt class="accordion_toggler_1"><img src="images/stories/267909442718poprock.png" alt="Modem Radio Pop Rock la webradio du meilleur de la pop et du rock" title="modem radio Pop Rock le son le meilleur de la pop er du rock" />
</dt>
            <dd class=" accordion_content_1"><div class="auto-style1"><tr>
            <td><span class="highslide">

            <a href="http://www.modemradio.fr/players/listen-pricipal.ram">
            <img src="images/stories/17884-robino-realplayer.png" alt="Ecouter Modem Radio Pop Rock avec le lecteur real player " title="ecouter nous avec le lecteur realplayer" style="border: 0pt none;" border="0" height="37" width="37" /></a></span></td>
            <td><a href="http://www.modemradio.fr/players/listen-pricipal.m3u">
            <img src="images/stories/itunessz.png" alt="Ecouter Modem Radio Pop Rock avec le lecteur Itune" title="Ecouter nous avec le lecteur Itune " style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td><a href="http://www.modemradio.fr/players/listen-pricipal.m3u">
            <img src="images/stories/winampsz.png" alt="Ecouter Modem Radio Pop Rock avec le lecteur Winamp" title="Ecouter nous avec le lecteur Winamp" style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td><a href="http://www.modemradio.fr/players/listen-pricipal.wax">
            <img src="images/stories/windowsmpsz.png" alt="Ecouter Modem Radio Pop Rock avec windows Media player" title="Ecouter nous avec le lecteur windows media player" style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td>

            <a href=".../index.php?option=com_content&view=article&id=68:ecouter-avec-un-iphone-ou-ipod-touch&catid=1:modemradio">
            <img src="images/stories/iphone.png" alt="Ecouter Modem Radio Pop Rock avec téléphone iphone " title="Ecouter nous avec votre téléphone iphone" border="0" height="58" width="51" /></a></td>
        <td><a href="http://www.modemradio.fr/script%20radio/lecteurweb/modemplayerprincipal.html" target="wclose">
<img alt="Ecouter Modem Radio Pop Rock avec le webplayer" border="0" height="70" src="images/stories/casque-playeur-web.png" alt="Ecouter Modem Radio Pop Rock avec le webplayer" title="Ecouter nous avec votre téléphone iphone" border="0" height="70" width="70" /></a></td>
 </tr></div>
        <a href="http://www.modemradio.fr/script%20radio/lecteurweb/lecteurweb.html" onclick="window.open('/script%20radio/lecteurweb//lecteurweb.html','wclose',  'width=375,height=245,toolbar=no,status=no,left=0,top=0')" target="wclose">
        <!-- Fin BLOCK 1--><!-- Fin content -->
        </a>
</div>
</dd>

                <dl>
                    </dl>                        
                                
                                        
                    <dt class="accordion_toggler_1"><img src="images/stories/crystalmodemradio.png" alt="Modem Radio crystal la webradio 100% Italo disco et euro dance" title="Modem Radio crystal la webradio 100% Italo disco et euro dance" />
</dt>
                    <dd class=" accordion_content_1">
                                        <a href="http://modemradio.fr/players/listen.ram">
            <img src="images/stories/17884-robino-realplayer.png" alt="Ecouter Modem Radio Cristal avec le lecteur real player " title="ecouter nous avec le lecteur realplayer" style="border: 0pt none;" border="0" height="37" width="37" /></a></span></td>
            <td><a href="http://modemradio.fr/players/listen.m3u">
            <img src="images/stories/itunessz.png" alt="Ecouter Modem Radio Cristal avec le lecteur Itune" title="Ecouter nous avec le lecteur Itune " style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td><a href="http://modemradio.fr/players/listen.m3u">

            <img src="images/stories/winampsz.png" alt="Ecouter Modem Radio Cristal avec le lecteur Winamp" title="Ecouter nous avec le lecteur Winamp" style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td><a href="http://modemradio.fr/players/listen.wax">
            <img src="images/stories/windowsmpsz.png" alt="Ecouter Modem Radio Cristal avec le lecteur windows media player" title="Ecouter nous avec le lecteur windows media player" style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td>
            <a href=".../index.php?option=com_content&view=article&id=68:ecouter-avec-un-iphone-ou-ipod-touch&catid=1:modemradio">
            <img src="images/stories/iphone.png" alt="Ecouter Modem Radio Cristal avec votre téléphone iphone " title="Ecouter nous avec votre téléphone iphone" border="0" height="58" width="51" /></a></td>
        <td><a href="http://www.modemradio.fr/script%20radio/lecteurweb/modemplayer.html" target="wclose">
<img alt="Ecouter Modem Radio Cristal avec le webplayer" src="images/stories/casque-playeur-web.png" alt="Ecouter Modem Radio Cristal avec le webplayer" title="Ecouter nous avec votre téléphone iphone" border="0" height="70" width="70" /></a></td>
 </tr></div>

</div><!-- Fin BLOCK 2--><!-- Fin content -->
</dd>            
                
    <dt class="accordion_toggler_1"><img src="images/stories/163916988656france.png" alt="Modem Radio France la webradio 100% chansons française" title="Modem Radio France la webradio 100% chansons française" />
</dt>
            <dd class=" accordion_content_1"><div class="auto-style2">
            <div class="auto-style3">
                <tr>
            <td><span class="highslide">
                <a href="http://modemradio.fr/players/live.ram">
                <img src="images/stories/17884-robino-realplayer.png" alt="Ecouter Modem Radio France avec le lecteur real player " title="ecouter nous avec le lecteur realplayer" style="border: 0pt none;" border="0" height="37" width="37" /></a></span></td>
            <td><a href="http://modemradio.fr/players/live.m3u">

                <img src="images/stories/itunessz.png" alt="Ecouter Modem Radio France avec le lecteur Itune" title="Ecouter nous avec le lecteur Itune " style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td><a href="http://modemradio.fr/players/live.m3u">
                <img src="images/stories/winampsz.png" alt="Ecouter Modem Radio France avec le lecteur Winamp" title="Ecouter nous avec le lecteur Winamp" style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td><a href="http://modemradio.fr/players/live.m3u">
                <img src="images/stories/windowsmpsz.png" alt="Ecouter Modem Radio France avec le lecteur windows media player" title="Ecouter nous avec le lecteur windows media player" style="border: 0pt none;" border="0" height="35" width="35" /></a></td>
            <td></div>
            <div class="auto-style3">
                <a href=".../index.php?option=com_content&view=article&id=68:ecouter-avec-un-iphone-ou-ipod-touch&catid=1:modemradio">
                <img src="images/stories/iphone.png" alt="Ecouter Modem Radio France avec votre téléphone iphone " title="Ecouter nous avec votre téléphone iphone" border="0" height="58" width="51" /></a></td>

        <td><a href="http://www.modemradio.fr/script%20radio/lecteurweb/lecteurweb.html" onclick="window.open('/script%20radio/lecteurweb//lecteurweb.html','wclose',  'width=375,height=245,toolbar=no,status=no,left=0,top=0')" target="wclose">
<img alt="Sur modem radio live retrouver nous pour dialoguer , retrouver toutes nos chroniques et la chanson française ,le pop rock et le rock Dance electro house et Rnb !!!" src="images/stories/casque-playeur-web.png" alt="Ecouter Modem Radio France avec votre téléphone iphone " title="Ecouter nous avec votre téléphone iphone" border="0" height="0" width="70" /></td>
 </tr>
</div>
</div>
</div> 
<!-- Fin BLOCK 3--><!-- Fin content -->

</dd>
                
    </body>
</html>


Posté le : 12/12/2010 00:39

www.modemradio.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
seb
Re: Neophite besoin Aide en css
#8
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
quelqu'un a til une idées ou pourrait me faire un menu similaire en mootools 1.1

par avance merci car je galère depuis quelques semaines avec ceci

Posté le : 12/12/2010 22:44

www.modemradio.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
seb
Re: Neophite besoin Aide en css
#9
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
je ne veux pas que l'on face à place mais que l'on me guide merci

Posté le : 15/12/2010 01:05

www.modemradio.fr
Partager Twitter Partagez cette article sur GG+
Rapport Haut
caradoc
Re: Neophite besoin Aide en css
#10
Semi pro
Inscrit: 08/06/2005 17:15
De Where ?
Messages: 513
les fichiers sont dans ton thème ? dans quel(s) dossier(s) ?

Posté le : 15/12/2010 04:19
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

16 Personne(s) en ligne (10 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 16 | Plus ...