Fork me on GitHub


 Bas   Précédent   Suivant

(1) 2 3 4 ... 16 »


seb
Re: Neophite besoin Aide en css
#1
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
pourquoi pas mais comment faire pour que l'effet du sous menu soit bien en dessous ?

merci

Posté le : 15/12/2010 23:44
Transférer la contribution vers d'autres applications Transférer


seb
Re: Neophite besoin Aide en css
#2
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
si j'enlève ceci float: left; dans dl.accordion dt

ceci me fait un menu vertical .

comment faire pour que tous soit en horizontal ? le menu et les sous menus en dessous de chaque menu

Posté le : 15/12/2010 17:17
_________________
www.modemradio.fr
Transférer la contribution vers d'autres applications Transférer


seb
Re: Neophite besoin Aide en css
#3
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
même les paddin-left ?

Posté le : 15/12/2010 17:08
_________________
www.modemradio.fr
Transférer la contribution vers d'autres applications Transférer


seb
Re: Neophite besoin Aide en css
#4
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
non dans un dossier de mon serveur , je peux faire un zip

voici le zip http://espace.modemradio.fr/sebplayersmenu/js2/js.zip

merci

Posté le : 15/12/2010 12:25
_________________
www.modemradio.fr
Transférer la contribution vers d'autres applications Transférer


seb
Re: Neophite besoin Aide en css
#5
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
Transférer la contribution vers d'autres applications Transférer


seb
Re: Neophite besoin Aide en css
#6
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
Transférer la contribution vers d'autres applications Transférer


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
Transférer la contribution vers d'autres applications Transférer


seb
Re: Neophite besoin Aide en css
#8
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
petit up

Posté le : 11/12/2010 19:04
_________________
www.modemradio.fr
Transférer la contribution vers d'autres applications Transférer


seb
Re: Neophite besoin Aide en css
#9
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
Transférer la contribution vers d'autres applications Transférer


seb
Re: Neophite besoin Aide en css
#10
Régulier
Inscrit: 30/09/2005 12:22
Messages: 152
lequel dois je enlever ?

Posté le : 10/12/2010 18:56
_________________
www.modemradio.fr
Transférer la contribution vers d'autres applications Transférer



 Haut
(1) 2 3 4 ... 16 »




Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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