Positionnement CSS

  • SB
  • Moderator
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Nov 16, 2004
  • Messages: 8668
  • Loc: Aberdeen, Scotland
  • Status: Offline

Message Novembre 16th, 2009, 5:54 pm

I j'étais certain avait déjà posté ceci mais il se trouve que je n'ai pas encore fait.

Le i problème ont ici sont les zones en boîte avec le texte "Bienvenue" et "Dernières Nouvelles" doit être positionné à côté de l'autre et non la manière dont ils le font actuellement.

Je n'ai pas beaucoup de temps à déterrer le code en ce moment, cependant si vous arrivez à voir le code et serait capable de me faire connaître l'endroit où je me trompe alors je vous serais très reconnaissant de la réponse. < br>
Merci.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Novembre 16th, 2009, 5:54 pm

  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Novembre 16th, 2009, 6:16 pm

#right_column et #pied de page ne semble pas avoir de directive du flotteur. Je ne vois pas d'autres positionnements directives appliquées, que ce soit.

Donc, theyre agissant comme DIV. :)
- dM
  • SB
  • Moderator
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Nov 16, 2004
  • Messages: 8668
  • Loc: Aberdeen, Scotland
  • Status: Offline

Message Novembre 18th, 2009, 7:54 am

Im pas trop sûr de ce que vous voulez dire.

Vous mai ont remarqué que ceci est basé au loin d'un tutoriel vous avez posté ici il ya bien des lunes :lol: . Im pas vraiment aussi Clued sur cela, car j'ai déjà été.

Toute idée sur la manière dont j'allais environ en retrait le "environnement" du texte et "Architecture" texte du reste de la navigation?
  • immortality
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Nov 19, 2009
  • Messages: 8
  • Status: Offline

Message Novembre 19th, 2009, 2:56 am

En fait, vous devez préciser votre question si vous voulez des explications détaillées
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Novembre 19th, 2009, 4:39 am

SB a écrit:
Im pas trop sûr de ce que vous voulez dire.

Vous mai ont remarqué que ceci est basé au loin d'un tutoriel vous avez posté ici il ya bien des lunes :lol: . Im pas vraiment aussi Clued sur cela, car j'ai déjà été.

Toute idée sur la manière dont j'allais environ en retrait le "environnement" du texte et "Architecture" texte du reste de la navigation?


Dans votre CSS, dans les sélecteurs #right_column et #pied de page, ajouter "float: left;" et supprimer "position: absolute;". Cela entraînera le DIV à se comporter différemment - plus comme des éléments en ligne, mais pas exactement.

Actuellement, vous avez ce...
Code: [ Select ]
#right_column{background:#ddd;width:600px;height:100px;}
#footer{background:#ccc;width:460px;height:100px;position: absolute;}
  1. #right_column{background:#ddd;width:600px;height:100px;}
  2. #footer{background:#ccc;width:460px;height:100px;position: absolute;}


Essayez ceci...
Code: [ Select ]
#right_column{background:#ddd;width:600px;height:100px;float:left;}
#footer{background:#ccc;width:460px;height:100px;float:left;}
  1. #right_column{background:#ddd;width:600px;height:100px;float:left;}
  2. #footer{background:#ccc;width:460px;height:100px;float:left;}


Après cela, vous devriez la différence que vous recherchez.

Si vous n'êtes pas familier avec cette méthode, vous pourriez rencontrer plus de problèmes, de sorte s'il vous plaît n'hésitez pas à demander. Im not going anywhere. ;)
- dM
  • bilhasry4you
  • Novice
  • Novice
  • No Avatar
  • Inscription: Fév 12, 2008
  • Messages: 33
  • Status: Offline

Message Novembre 25th, 2009, 7:55 pm

Code: [ Select ]
<div id="right_column">
<h3>Welcome</h3>
</div>

<div id="footer">
<p>Latest News</p>
</div>
  1. <div id="right_column">
  2. <h3>Welcome</h3>
  3. </div>
  4. <div id="footer">
  5. <p>Latest News</p>
  6. </div>

Je pense que vous pouvez combiner avec add div supplémentaire comme celui-ci
Code: [ Select ]
<div>
<div id="right_column">
<h3>Welcome</h3>
</div>

<div id="footer">
<p>Latest News</p>
</div>
</div>
  1. <div>
  2. <div id="right_column">
  3. <h3>Welcome</h3>
  4. </div>
  5. <div id="footer">
  6. <p>Latest News</p>
  7. </div>
  8. </div>


définir la largeur de votre div Nouveau, puis essayez d'ajouter à l'id "right_column" et "footer" clé: float: left;
essayer pour ce système et ensuite de confirmer si vous avez des problèmes avec cette
  • SB
  • Moderator
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Nov 16, 2004
  • Messages: 8668
  • Loc: Aberdeen, Scotland
  • Status: Offline

Message Janvier 26th, 2010, 7:08 am

Désolé pour la réponse très très tard à ce fil.

J'ai effectivement lu vos réponses à l'époque et ne l'a les ajustements que vous avez suggéré, mais pour une raison quelconque, au moment où ils ne travaillaient pas et ma sorte l'esprit de la dérive de la conception de sites Web (voir mon sujet ces dernières dans le forum GD pour une grande idée de pourquoi).

Im collé à mon siège et de travail my ass off pour revenir dans le web design aujourd'hui et de nouveau avoir lire les réponses et en se concentrant clairement sur ce que tu viens de dire me semble maintenant être en progrès.

Je ne peux pas vous remercier assez DigitalMedia et tous ceux qui ont répondu.

Afficher de l'information

  • Total des messages de ce sujet: 7 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 80 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC