begin process at 2012 05 29 04:57:18
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

demande d'aide sur une découpe CSS

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

demande d'aide sur une découpe CSS

vendredi 18 juillet 2008 à 11:19:46 | demande d'aide sur une découpe CSS

chabgyver
Bonjour,

Je suis en train de travailler à la création d'un site : http://balistiq.free.fr/0000/
J'ai fais le design mais j'avoue ne pas être super à l'aise en ce qui concerne la découpe CSS.
J'ai fais en sorte dans la disposition des fichiers images que ça soit facilement utilisable pour une découpe, enfin, j'espère.

Quelqu'un peut-il m'apporter une aide ?

D'avance, merci.
vendredi 18 juillet 2008 à 12:09:02 | Re : demande d'aide sur une découpe CSS

kazma

Administrateur CodeS-SourceS
jour
les image sont tres lourdes le temp de chargement est long et le logo ne fontionne pas sur IE et FF  sinon le design est pas mal
vendredi 18 juillet 2008 à 13:05:16 | Re : demande d'aide sur une découpe CSS

chabgyver
T'a quel version de IE et de FF car moi, ça fonctionne super bien avec IE7, FF3 et 2
Sinon, je fais ce site pour mon cousin et il est satisfait du design même si c'est un peu lourd. Et puis, bon, de nos jours presque tout le monde à l'adsl, ceux qui fonctionnent encore en bas débits sont peu nombreux, en tout cas largement minoritaires et j'ai fais le choix de ne plus en tenir compte.
vendredi 18 juillet 2008 à 13:41:01 | Re : demande d'aide sur une découpe CSS

bultez

Membre Club
Bonjour,
je peux même pas essayer... je suis en bas débit et kazma dit déjà que c'est long !
quand au "largement minoritaire" : plus ou moins nombreux que ceux qui
refusent le javascript ?
                Cordialement            Bul         [mon Site]     [M'écrire]
vendredi 18 juillet 2008 à 13:46:33 | Re : demande d'aide sur une découpe CSS

chabgyver
J'en sais rien, comment le saurai-je ? Mais bon, ce que je veux faire n'a pas grand chose à voir avec du javascript il me semble sauf erreur de ma part.
vendredi 18 juillet 2008 à 13:56:39 | Re : demande d'aide sur une découpe CSS

bultez

Membre Club
ben on est sur le site [d]html/javascript,
je faisais simplement le parallèle...
après tout pourquoi se préoccuper de ceux qui n'utilisent pas IE ?
ils sont [largement] minoritaires ( et ne me demande pas le % : j'en sais rien ! )
                Cordialement            Bul         [mon Site]     [M'écrire]
vendredi 18 juillet 2008 à 14:01:09 | Re : demande d'aide sur une découpe CSS

banbanfr

Membre Club
Bonjour,

Ton découpage actuel n'est pas terrible car a mon avis tu fais ta struture autour de ton exemple fait sous photoshop ou autre et non le contraire.
Je te conseil déjà de faire ta structure, regarde sur google : mise en page css.
Ensuite je te conseil de revoir tes images, moi je suis sous photoshop et il te permet de faire un enregistrement pour le web et il le fait très bien.
il faut aussi savoir qu'une image peut etre répéter mais etre charger 1 fois ce qui evite par exemple de grand fond pour 200Ko mais plus pour 10Ko :)

Tiens pour tester ton site :

[ Lien ]

Donc si on look http://balistiq.free.fr/0000/fond.jpg on pourra en déduire que tu peux la rogner a 50px de large et non de 900 et des brouette je suppose :)

En espérant que ca t aide a avancer.
Je reste a ta disposition pour pus de conseil.
Cordialement
vendredi 18 juillet 2008 à 16:06:54 | Re : demande d'aide sur une découpe CSS

chabgyver
Bon, voilà où j'en suis :

J'ai 2 fichiers :
- index.html
- design.css

Le fichier html a pour code :

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Hotel-Restaurant l'Escapade</title>
<link href="design.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="logo">
</div>
<div class="header">
</div>
<div class="image">
</div>
<div class="espace">
</div>
<div class="menu">
<ul>
<li><a href="">accueil</a></li>
<li><a href="">loisirs</a></li>
<li><a href="">restaurant</a></li>
<li><a href="">hotel</a></li>
<li><a href="">specialites</a></li>
<li><a href="">plan</a></li>
<li><a href="">contacts</a></li>
</ul>
</div>
<div class="left">
</div>
<div class="contener">
Blablablabla
</div>
<div class="right">
</div>
<div class="footer_menu">ddscd
</div>
<div class="corner_left">
</div>
<div class="footer">
Designed and created by Net and Business
</div>
<div class="corner_right">
</div>
<div class="spacer">
</div>

</body>
</html>

Le fichier CSS :

a:visited
{
color:white;
}
a
{
color:white;
}
p:hover
{
color:green;
}
a:hover
{
color:green;
}
h3:hover
{
color:red;
}
body
{
text-align:center;
background-image:url('img/fond.jpg');
margin:auto;
color:white;/
}
div.logo
{
    background-image:url(img/logo.gif);
    height:290px;
    width:75px;
    margin:auto;
    margin-top:15px;
}
div.header
{
background-image:url('img/header.gif');
height:700px;
width:75px;
margin:auto;
margin-top:15px;
}
div.image
{
background-image:url('img/image.gif');
height:290px;
width:148px;
margin:auto;
padding-top:3px;
}
div.espace
{
background-image:url('img/espace.gif');
height:700px;
width:148px;
margin:auto;
}
div.menu
{
background-image:url('img/menu.jpg');
height:180px;
width:527px;
margin:auto;
padding-top:3px;
}
div.menu_vertical_li {
display : inline;
padding : 0 0.5em;
margin:0;
}
div.menu_ul{
list-style-type : none;
margin:0;
}
div.left
{
background-image:url('img/left.gif');
height:9px;
width:509px;
margin:auto;
}
div.contener
{
background-image:url('img/contener.gif');
width:509px;
margin:auto;
}
div.right
{
background-image:url('img/right.gif');
height:23px;
width:509px;
margin:auto;
}
div.footer_menu
{
background-image:url('img/footer_menu.gif');
width:18px;
margin:auto;
padding-top:3px;
}
div.corner_left
{
background-image:url('img/corner_left.gif');
height:9px;
width:18px;
margin:auto;
padding-top:4px;
}
div.footer
{
background-image:url('img/footer.jpg');
height:778px;
width:18px;
margin:auto;
padding-top:4px;
}
div.corner_right
{
background-image:url('img/corner_right.gif');
height:23px;
width:18px;
margin:auto;
padding-top:4px;
}
p
{
padding:15px;
margin:0;
}
h3
{
padding:6px;
margin:0;
text-align:left;
}

Le résultat est visible à l'url mentionnée dans mon premier topic et comme vous pouvez le constarer, c'est pas terrible mais je sais pas corriger mes codes.
vendredi 18 juillet 2008 à 16:26:53 | Re : demande d'aide sur une découpe CSS

PetoleTeam

Membre Club
Bonjour,
Sans bien avoir regardé, tu n'aurais pas inversé la width et la height dans ta feuille de style ?
;O)
vendredi 18 juillet 2008 à 16:41:12 | Re : demande d'aide sur une découpe CSS

chabgyver
Effectivement, il y a eu confusion mais ça ne résoud pas le problème mais là, j'y vois déjà ,plus clair.

1 2 3 4 5

Cette discussion est classée dans : aide, découpe, demande, css

Répondre à ce message

Sujets en rapport avec ce message

demande d'aide [ par krank ] bonjour je suis pas tré doué pour la programation mes j'ai crée mon site est j'aimerai bien y ajouté un chat qui marche si quelqun pouvez maidé sa ser demande aide pour explication de message vacale [ par kidjo1450 ] bonjour a toute et tous je voudrait mettre un message vacale sur mon site quelqun pourai t'il me l'explique merci d'avence pour vos reponse john Demande d'aide svp en javascript [ par Rolrol ] Bonjour,Je débute en jscript et j'essaie d'adapter un script de calcul d'age que j'ai trouvé sur ce site, mais je n'y arrive pas (gros débutant...) al Aide pour un AppletJava [ par christophe515 ] Bonjour @ Tous,Je possède actuellement un T'Chat sur mon site internet, il est visible ICICe que je désirerais, c'est sur < demande d'aide [ par zizouib ] J'ai besoin de construire un menu à onglets.En cliquant sur un onglet je charge une page php dans le corps de celui-ci.Mais je n'y arryve pas du tout. Demande Aide [ par santis87 ] Bonjour, je suis sur la confection d'un site et malheureusement je n'ai pas le temps pour tout faire, mon site doit etre en ligne le plus vite possibl demande d'aide et faisabilite [ par william11 ] bonjour peu t'on m'explique si c'est possible de mettre un lecteur musical sur myspace et prendre de la musique dans ma discotheque perso pop up [ par kyuubi6 ] Bonjour,Tout d'abord je vous demande de m'excuser je ne savais pas dutout ou poster ce sujet, je pensais le mettre simplement en js... demande d'aide pour debutant [ par chez ] bonjour,voila je suis débutant est je cherche un tuto ou des conseil car je ne sais pas comment faire pour mettre un script js sur mon site je sais qu hauteur no scroll pour une iframe [ par ostayamen ] Bonjour, J'utilse la balise iframe, je veux que la taille Height soit adapté au continue que je met sans que j'utilise scrolling (scrolling=NO).


Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Water in the Beginning of the Grand Canyon
Photo Children Camping at Night in a Tent 

Visiter la photothèque

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,889 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)