Recherche dans le forum:
Rechercher


« Voir le sujet précédent :: Voir le sujet suivant »  
Auteur Message
Message15/02/2009, 07 07 28 (UTC)    
Sujet du message: Problème d'affichage !

Bonjour les amis
J'ai un très gros problème dont je n'arriverai pas a résoudre seul. Je vous explique :

J'ai mis un tout nouveau désign que j'ai trouvé récemment et que je trouve très beau. mais j'ai un problème un peu différent, pour cela il faut des gens qui s'y connaissent fortement en CSS.

Mon probleme est en bref que je n'arrive pas a enlever les genre de petite barre pour désendre la page, voici le screen qui explique.

http://www.imagefreehost.com/files/15022009/id22227731612.bmp

Je voudrait enlever tous ces "barre" afin que tout soit sur la barre de droite qui est comme sur toute les page des écran, a DROITE.
J'espere que j'aurais une réponse qui aidera le plus rapidement possible
PS : Voici les code !


En haut de design
Code:
<div id="Design"> <div id="Header_oben"></div>


en bas de désign
Code:
<div id="Feld_oben"><b>   </b></div></div> <div id="Feld_oben_2"><b>   </b></div></div> <div id="Feld_unten-2"><b>   </b></div></div> <div id="Feld_rechts_3"><b>   </b></div></div> <div id="Feld_rechts_5"><b>   </b></div></div> <div id="Feld_rechts_6"><b>   </b></div></div> <div id="Feld_rechts_7"><b>   </b></div></div> <div id="content_2"><b>   </b></div></div> <div id="Nav_hinten"> <b>   </b></div></div> <div id="top_1"><b>   </b></div></div> <div id="Anzeige"> kie, 2009 - Toutes les illustrations sont la propriété d'Ankama Studio et de Dofus - Tous droits réservés </div></div>


Code CSS sans tag de style
Code:
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} div{z-index: 2px;} #Header_oben { height: 115px; width: 980px; background:; background-image:url(http://www.imagefreehost.com/files/13022009/ki33108738819.bmp); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:26px; } #top_1 { height: 25px; width: 980px; background:; background-image:url(http://img.webme.com/pic/p/probieren2/top10.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:141px; } body {background-image:url(); background-attachment: fixed; background:#000000; background-repeat: repeat-y; background-position: center center; z-index: -2; font-size: 12px; font-family: Arial; } a{color#000000; font-size: 12px; text-decoration: none;} a:hover {color: #000000; font-size: 12px; text-decoration: none;} a:link {color: #00013B; font-size: 12px; text-decoration: none;} a:active {color: #000000; font-size: 12px; text-decoration: none;} a:visited {color: #000000; font-size: 12px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 10px; padding-left: 0px text-decoration: none; text-align: center; width: 180px; height: 20px; background-image:url(http://img.webme.com/pic/p/probieren2/navi3.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 10px; padding-left: 0px text-decoration:  background-color:} * { padding: 0; margin: 0; } * { padding: 0; margin: 0; } #Design { width: 921px; height: 1520; } #nav_container {height: 300px; width: 200px; background:; background-image:url(); color:#ffffff; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:240px;} #Nav_hinten{ width: 218px; height: 430px; background:; background-image:url(); color: ; margin: 0px 0px 0px 0px; padding: 0px; float: left;overflow:auto; z-index: 1; position:absolute;left:650px;top:183px;} #content { height: 726px; width: 730px; background:; background-image:url(); color: #000000; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; border: 1px solid #6E6E6E; z-index: 4; position:absolute;left:25px;top:239px;} #content_2 { height: 1000px; width: 980px; background:; background-image:url(http://img.webme.com/pic/p/probieren2/condent3.png); color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; z-index: 0; position:absolute;left:13px;top:27px;} #sidebar_container { height: 396px; width: 200px; background:; background-image:url(); color:#000000; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:570px;} #Feld_oben { width: 202px; height: 20px; background-image:url(http://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:220px;} #Feld_oben_2 { width: 202px; height: 20px; background-image:url(http://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:550px;} #Feld_rechts_5 { height: 20px; width: 732px; background:; background-image:url(http://img.webme.com/pic/p/probieren2/top1.6.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; z-index: 2; position:absolute;left:25px;top:220px;} #counter{ position:absolute; left: 815px; top: 6px; font-size: 12px; z-index: 6; color: #ffffff; } #Anzeige{ position:absolute; left: 40px; top: 223px; z-index: 5; font-family:; color: #ffffff; }



Voila j'espere avoir une aide le plus rapidement possible,
Kie !


Dernière édition par kie-dofus le 15.02.2009, 08:40; édité 1 fois
Message15/02/2009, 08 08 45 (UTC)    
Sujet du message:

Si tes blocs ne scrolle plus ,comment tu veux faire entrer les contenu?

On peut enlever les barres ,mais ça changera ensemble de ton design .Le contenu de chaque bloc va se déverser sur l'autre bloc qu'il se trouve en dessous.
Il faudrait tout modifier. Je vais pas rentrer dans les détailles,ce ne pas la peine...
A la fin ton design ne ressemblera plus a design actuel.

Wink
______________

Visitez :
Message15/02/2009, 09 09 04 (UTC)    
Sujet du message:

webmaster-shop a écrit:
Si tes blocs ne scrolle plus ,comment tu veux faire entrer les contenu?


Bonjour,
Comme elle a dit webmaster-shop tes blocs ne scrollent pas. Donc il te reste une seule chose à faire pour 'eliminer tes barres.
Pour la page de contenu tu dois retirer un maximun de texte .Le texte que tu dois afficher ne doit pas dépasser un écran.
Pour ton menu et ta barre horizontale ,tu as un titre qui dépasse la largeur de ton menu,tu dois modifier ce titre pour qu'il reste dans les proportions de ton menu.
Salutations...
Message15/02/2009, 09 09 26 (UTC)    
Sujet du message:

je n'y connais pas en CSS, si possible quelqu'un peut modifier et m'envoyé le code MODIFIé ? ca serai sympa !
Message15/02/2009, 09 09 50 (UTC)    
Sujet du message:

Il n' y a pas beaucoup de gens qui s'y connaisse en CSS,Ils se comptent sur les doigts de la main ceux qui le savent.
Mais pour le moment pour arranger la presentation de ton site et enlever les barres de défilement, tu dois faire comme je te l'ai dis plus.Tu dois diminuer la taille de tes textes en largeur et en longueur.
Quand à ton menu la barre horizontale va disparaitre quand tu vas diminuer de la longueur des titres qui dépassent mais la barre verticale va rester parce que tu dépasse de loin le nombre de titres prévus par le concepteur du script.
Salutations...
Message15/02/2009, 10 10 17 (UTC)    
Sujet du message:

Comment réduire la taille des textes? comment enlever les scrool c'est un peut trop dur pour moi qui comprend rien :'(((
Message15/02/2009, 12 12 20 (UTC)    
Sujet du message:

Voici ton code:

Code:

h1#title{display: none;} h2#title span {display: none;}
div.header{display: none;} li.nav_element{list-style-type: none;} div{z-index: 2px;} #Header_oben { height: 115px; width: 980px; background:; background-image:url(http://www.imagefreehost.com/files/13022009/ki33108738819.bmp); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:26px; } #top_1 { height: 25px; width: 980px; background:; background-image:url(http://img.webme.com/pic/p/probieren2/top10.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:141px; } body {background-image:url(); background-attachment: fixed; background:#000000; background-repeat: repeat-y; background-position: center center; z-index: -2; font-size: 12px; font-family: Arial; } a{color#000000; font-size: 12px; text-decoration: none;} a:hover {color: #000000; font-size: 12px; text-decoration: none;} a:link {color: #00013B; font-size: 12px; text-decoration: none;} a:active {color: #000000; font-size: 12px; text-decoration: none;} a:visited {color: #000000; font-size: 12px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 10px; padding-left: 0px text-decoration: none; text-align: center; width: 180px; height: 20px; background-image:url(http://img.webme.com/pic/p/probieren2/navi3.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 10px; padding-left: 0px text-decoration:  background-color:} * { padding: 0; margin: 0; } * { padding: 0; margin: 0; }

#Design { width: 921px; height: 1520; }

#nav_container {height: 400px; width:200px ; background:; background-image:url(); color:#ffffff; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left;z-index: 4; position:absolute;left:780px;top:240px;}

#Nav_hinten{ width: 218px; height: 430px; background:; background-image:url(); color: ; margin: 0px 0px 0px 0px; padding: 0px; float: left;overflow:auto; z-index: 1; position:absolute;left:650px;top:183px;}


#content { height: 726px; width: 730px; background:; background-image:url(); color: #000000; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left;  border: 1px solid #6E6E6E; z-index: 4; position:absolute;left:25px;top:239px;}

#content_2 { height: 1000px; width: 980px; background:; background-image:url(http://img.webme.com/pic/p/probieren2/condent3.png); color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; z-index: 0; position:absolute;left:13px;top:27px;}

#sidebar_container { height: 296px; width: 200px; background:; background-image:url(); color:#000000; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:670px;}

#Feld_oben { width: 202px; height: 20px; background-image:url(http://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:220px;}

#Feld_oben_2 { width: 202px; height: 20px; background-image:url(http://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:650px;}

#Feld_rechts_5 { height: 20px; width: 732px; background:; background-image:url(http://img.webme.com/pic/p/probieren2/top1.6.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; z-index: 2; position:absolute;left:25px;top:220px;}

#counter{ position:absolute; left: 815px; top: 6px; font-size: 12px; z-index: 6; color: #ffffff; } #Anzeige{ position:absolute; left: 40px; top: 223px; z-index: 5; font-family:; color: #ffffff; }h1#title{display: none;} h2#title span {display: none;}


______________

Visitez :
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com