01net    Web


Actuellement en ligne : 1142 Utilisateurs dont 53 dans Programmation et développement >S'inscrire      >S'identifier      >Recherche      >Aide  
modéré par A.Ouloube, Beno@  
01net > Forum de 01net > Programmation et développement > HTML / Javascript
> y a pas quelqu'un de bien urbain pour me corriger ma CSS?
Auteur
Message
 
<     1       >
laurine123
  
   
      ?   @     Posté le 19/03/2007 23:23:38  
Voter pour ce message
J'en peux plus...!!!!
fo que je rende un site web mercredi... le contenu c'est pas un soucis j'y bosse par ailleurs... mais je coince sur deux boites qui ne veulent pas se mettre l'une à coté de l'autre!!!
je ne suis pas une pro, j'ai pas eu de cours sur le html..;ni sur rien qui s'y rapporche.. mais voilà...fo quand même...
y a pas quelqu'un de bien urbain qui voudrait bien me corriger ma CSS pour me mettre mes deux boites l'une à coté de l'autre!!!(navbar et content) (et qu'en prime ça marche sur mozilla ET sur explorer....)...
moi je vois plus rien..j'ai beau changer les padding, les margin, les position, les top ou left, les relatif ou absolute...y a rien qui y fait, soit je perds toute la hiérarchie de ma page, soit elles sont l'une endessous de l'autre!
***********************************************/
/* Layout Divs */
/***********************************************/

#masthead{
margin: 0;
padding: 10px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
}

#navBar{
margin: 0 0 0 0;
padding: 0px;
background-color: #eeeeee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
clear: both;
width: 180px;
}

#content{
width: 75%;
margin: 0 0;
padding: 0 3 0 0;
}
Minus-et-Cortex
  
   
      ?   @     Posté le 20/03/2007 00:00:06  
Voter pour ce message
Salut!

Sans le document HTML qui va avec, je pense que ça va être dur de corriger... Ceci dit essaye de placer un float:left; ou float:right; quelque part (mais sans le code HTML, je ne sais pas où exactement).

@+
-------
Mieux vaut fermer sa gueule et passer pour un con que l'ouvrir et ne laisser aucun doute à ce sujet.
Gustave Parking
laurine123
  
   
      ?   @     Posté le 20/03/2007 00:23:28  
Voter pour ce message
le code de l index:
<!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">
<body>
<div id="onglet">

<div align="left"><a href="accespro.htm">
</a>-<a href="accesetudiantinit.htm" target="0"><img src="bandeau_etudinit%20copie.jpg" width="310" height="35"></a>-<a href="accesetudiantcont.htm"><img src="bandeau_etudcont copie.jpg" width="282" height="35" /></a>-<a href="accespro.htm"><img src="bandeau-pro copie.jpg" width="276" height="35" /></a></div>!!!
on essaie autre chose!

<div id="masthead">
<img src="dev_asgido.jpg" width="1132" height="107" />

</div>
<!-- end masthead -->
<p class="story"> </p>
<div id="content">
<div id="breadCrumb"> <a href="#">sommaire</a> / </div>
<div class="feature">
<ul class="Style1">
<span class="Style4"><p>Bienvenue sur le site dédié à la présentation de la section GIDO.
<!--ici il faudra mettre un lien!-->
<br />
Pour vous permettre d'accéder au plus vite, aux informations recherchées, nous vous proposons trois accés différents.</p></span></ul>
</div>
<div class="story">
<p align="left" class="Style2"><a href="accesetudiantinit.htm"><img src="bandeau_etudinit copie.jpg" alt="acces normal" width="936" height="120" border="0" /></a></p>
<p align="center" class="Style2"><a href="accesetudiantinit.htm">Acces Etudiant en cycle normal </a></p>
<p align="left" class="Style2"><a href="accesetudiantcont.htm" target="_blank"><img src="bandeau_etudcont copie.jpg" alt="acces cycle continu" width="936" height="122" border="0" /></a></p>
<p align="center" class="Style2"><a href="accesetudiantcont.htm">Acces etudiant en cycle de formation continue </a></p>
<p align="left" class="Style2"><a href="accespro.htm" target="_blank"><img src="bandeau-pro copie.jpg" alt="Acces professionnels" width="939" height="122" border="0" /></a></p>
<p align="center" class="Style2"><a href="accespro.htm">Acces professionels de l'Information et de la Documentation </a></p>
<p align="left" class="Style2"> </p>
</div>
</div>
<!--end content -->
<div id="navBar">
<div id="search">
<form action="index.html">
<label>search</label>
<input name="searchFor" type="text" size="10" />
<input name="goButton" type="submit" value="go" />
</form>
</div>

<div id="headlines">
<h3>Accés rapide</h3>
<ul>
<p>Université de tutelle:<br />
<a href="http://www.iut2.upmf-grenoble.fr/" target="_blank">IUT 2 (accés au site)</a>
<p>Département info-communication:<a href="#"> Plaquette de présentation (pdf)</a>
<p>
</ul>
</div>
</div>
<!--end navbar -->
<div id="siteInfo"></div>
<br />
</div>
<div align="right">mise à jour le 16-Mar-2007<img src="" width="44" height="22" /> | <a href="quisommesnous.htm" target="_blank">Qui sommes nous? </a> | <a href="plansite.htm">Plan du site </a> | <a href="http://www.cnil.fr/" target="_blank">Vie Privée </a>| <a href="contacts.htm" target="_blank">Contact</a> | ©2003 <a href="index.html"><img src="ASGIDO copie.jpg" width="261" height="113" border="0" /></a></div>
</body>
</html>
//////////////////

Oui, en effet....
Avec du float left et float right..elle reste encore en bas!!!
merci de ta remarque... mon code html est un peu cahotique... c'est du grand art!! :D
Minus-et-Cortex
  
   
      ?   @     Posté le 20/03/2007 00:51:30  
Voter pour ce message
J'ai ajouté un petit id :
<div id="bottom" align="right">mise à jour le 16-Mar-2007<img src="" width="44" height="22" /> | <a href="quisommesnous.htm" target="_blank">Qui sommes nous? </a> | <a href="plansite.htm">Plan du site </a> | <a href="http://www.cnil.fr/" target="_blank">Vie Privée </a>| <a href="contacts.htm" target="_blank">Contact</a> | ©2003 <a href="index.html"><img src="ASGIDO copie.jpg" width="261" height="113" border="0" /></a></div>

et le CSS qui va bien
#masthead{
margin: 0;
padding: 10px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
}

#navBar{
margin: 0 0 0 0;
padding: 0px;
background-color: #eeeeee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
/*clear: both;*/
float:left;
width: 180px;
}

#content{
width: 75%;
margin: 0 0;
padding: 0 3 0 0;
float:right;
}

#bottom {
clear:both;
}

@+
-------
Mieux vaut fermer sa gueule et passer pour un con que l'ouvrir et ne laisser aucun doute à ce sujet.
Gustave Parking
laurine123
  
   
      ?   @     Posté le 20/03/2007 08:58:49  
Voter pour ce message
ouahhhhh!
alors là, je te remercie vraiment.... cool....
je te citerai dans mon rendu (cahier des charges: réalisation!!!)lol!!!
merci!!!
Si je peux faire quoique ce soit pour toi.... par ordinateur interposé biensûr!! :whistle: (c'est pas simple mais sait on jamais!)
Milles merci, maintenant je vais pouvoir le finir mon site
<     1       >

01net > Forum de 01net > Programmation et développement > HTML / Javascript
> y a pas quelqu'un de bien urbain pour me corriger ma CSS?

Aller à :

Page générée en : 0.249s - X2board 2.2

Nous contacter | Charte de confiance | Voir notice légale

Tous droits réservés © 1999 - 2008 Groupe Tests - 01net.


Sites du réseau 01net Network : 01net - 01men - Rmc.fr - Bfmtv.fr - Radiobfm.com - TousLesPodcasts - Micro Achat

Ecoutez
Info, Talk, Sport ! La radio RMC en direct, partout en France, depuis votre ordinateur, Ecoutez !
Jeux
Nouveauté : Testez votre agilité cérébrale dans 45 activités ludiques dont 15 entièrement nouvelles.