nouveau design du site

**pepsi-tom** · 03/01/2014, 23h11

hello,

dans appbanner.css (prit dans l'ordre du début) :
- il manque des ;
- pour moi, il y a des : et un . en trop (le point en trop après opacity:.)

Code:

box-sizing:border-box;

transition:all .3s ease-in-out;

border-radius:3px;/*tapatalk*/

transition:all .3s ease-in-out;

text-align:center;

padding:0 2em;

font-size:1.8em;

text-indent:-9999px;

text-align:center;

-webkit-tap-highlight-color:rgba(0,0,0,0.0);

z-index:100;

content:"";

content:"";

box-shadow:inset 0 1px 3px rgba(0,0,0,.7);/*tapatalk*/

background-color:rgba(0,0,0,.13);

text-shadow:0 -1px 0 rgba(0,0,0,.35);/*tapatalk*/

text-shadow:0 -1px 0 rgba(0,0,0,.25);/*tapatalk*/

text-shadow:0 1px 0 rgba(255,255,255,.9);/*tapatalk*/

text-shadow:0 1px 0 rgba(255,255,255,.9);/*tapatalk*/

color:#fff;

display:block;

color:rgba(255,255,255,.5);

color:#4c4c4c;

transition:all .2s ease-out;

color:#9c9c9c;

opacity:.2;

.banner_theme_light .mobile_banner_button::after
{
box-shadow:0 1.5px 0.5px -0.5px rgba(0,0,0,.1);/*tapatalk*/
}

color:#777;

background-image:linear-gradient(top,#68b1dc,#337fae);

.banner_theme_light .mobile_banner_install::after
{
border-top-color:#3c87b7;
}

.banner_theme_light .mobile_banner_button.active::after,.banner_theme_light .mobile_banner_button:active::after
{
border-color:#154867;
}

border-color:#154867;

.banner_theme_light .mobile_banner_open.active::after,.banner_theme_light .mobile_banner_open:active::after
{
border-color:#636363;

font-family:"Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;

a.mobile_banner_button:link   {text-decoration: none;}
a.mobile_banner_button:visited{text-decoration: none;}
a.mobile_banner_button:hover  {text-decoration: none;}
a.mobile_banner_button:active {text-decoration: none;}
a.mobile_banner_install:link   {color: #FFFFFF;}
a.mobile_banner_install:visited{color: #FFFFFF;}
a.mobile_banner_install:hover  {color: #FFFFFF;}
a.mobile_banner_install:active {color: #FFFFFF;}

Puis dans la balise <link qui mène a se fichier css il manque un espace et un / a la fin :
media="screen" />

- l'ensemble de la balise style ci dessous ne semble pas être à l'intérieur des balises <head> </head>
- il manque certainement ceci  autour des class inséré :

Code:

<head>
<style type="text/css">
<!--
.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page 
{
top:auto;
}
-->
</style>
</head>

w3c annonce que la balise ul n'est pas permise ici :
"type de document ne permet pas élément « ul » ici ; en supposant que la balise de début « li » est manquante"

Code:

<ul class="floatcontainer">

                           <li id="vbflink_newposts"><a rel="nofollow" href="search.php?do=getnew&amp;contenttype=vBForum_Post">Derniers messages</a></li>
                        
                    
                
                    
                        
                            <li id="vbflink_pms"><a href="private.php">Messages privés</a></li>
                        
                    
                
                    
                        
                            <li id="vbflink_faq"><a href="faq.php">FAQ</a></li>
                        
                    
                
                    
                        
                            <li id="vbflink_calendar"><a href="calendar.php">Calendrier</a></li>
                        
                    
                
                    
                        <li class="popupmenu" id="vbmenu_community">
                            <a href="javascript://" class="popupctrl">Communauté</a>
                            <ul class="popupbody popuphover">
                                
                                    <li id="vbclink_albums"><a href="http://www.maghreb-sat.com/forum/members/albums/">Albums</a></li>
                                
                                    <li id="vbclink_contacts"><a rel="nofollow" href="profile.php?do=buddylist">Amis & Contacts</a></li>
                                
                                    <li id="vbclink_members"><a href="members/list/">Liste des utilisateurs</a></li>
                                
                                    <li id="link_ody0_293"><a rel="nofollow" href="follow.php?do=profile&amp;action=follow">Follow Users</a></li>
                                
                            </ul>
                        </li>
                    
                
                    
                        <li class="popupmenu" id="vbmenu_actions">
                            <a href="javascript://" class="popupctrl">Actions</a>
                            <ul class="popupbody popuphover">
                                
                                    <li id="vbalink_mfr"><a rel="nofollow" href="forumdisplay.php?do=markread&amp;markreadhash=1388789151-c3cf40479019083e6a62f4102952d0a27b90f2c7">Marquer les forums comme lus</a></li>
                                
                                    <li id="vbalink_settings"><a rel="nofollow" href="profile.php?do=editoptions">Options générales</a></li>
                                
                                    <li id="vbalink_profile"><a rel="nofollow" href="profile.php?do=editprofile">Modifier votre profil</a></li>
                                
                            </ul>
                        </li>
                    
                
                    
                        <li class="popupmenu" id="vbmenu_qlinks">
                            <a href="javascript://" class="popupctrl">Liens rapides</a>
                            <ul class="popupbody popuphover">
                                
                                    <li id="vbqlink_posts"><a href="search.php?do=getdaily&amp;contenttype=vBForum_Post">Messages du jour</a></li>
                                
                                    <li id="vbqlink_threads"><a href="subscription.php">Discussions suivies</a></li>
                                
                                    <li id="vbqlink_contacts"><a href="javascript://" onclick="window.open(getBaseUrl() + 'misc.php?do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">Ouvrir la liste de contacts</a></li>
                                
                                    <li id="vbqlink_online"><a href="online.php">Utilisateurs actuellement connectés</a></li>
                                
                                    <li id="link_ody0_683"><a rel="nofollow" href="follow.php?do=profile&amp;action=follow">Follow Users</a></li>
                                
                            </ul>
                        </li>
                    
                
                    
                        
                            <li id="vsaareg_invlink"><a rel="nofollow" href="misc.php?do=vsaareginv">Invitations</a></li>
                        
                    
                
                    
                        
                    
                
            </ul>

Peut être voir pour les remplacer par des balises <li class="floatcontainer"> CONTENU </li>
si toujours l'ereur, essayer comme ça <li><ul class="floatcontainer"> CONTENU </ul></li>

Discussion: nouveau design du site

Outils de la discussion

Rechercher dans la discussion

Affichage

Mode arborescent

Re : nouveau design du site

Règles de messages