Quel serait le meilleur moyen de créer ma navigation?

  • SharkShark
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 24, 2004
  • Messages: 1013
  • Loc: Living In Today
  • Status: Offline

Message Mai 26th, 2004, 7:56 pm

Hey guys,

En ayant un peu de mal sur mon site de la Commission. J'ai besoin de créer la navigation en haut, mais honnêtement Im ne savez pas comment faire. Je ne veux pas les avoir comme les images que je veux être clair liens texte (c'est-à-dire les liens subnav) Im, mais ne savez pas comment faire pour les placer là. Existe-t-il une façon de faire à l'aide de CSS ou un div? juste si vous avez une idée voici le lien:

http://www.playersnmotion.com/main_site

vous pouvez voir les liens en haut ne sont pas cliquables, que toute la section de la bannière à la barre de lien est une image, j'ai essayé de placer l'image comme arrière-plan de la TD, mais c'est complètement mess de la page. Je voudrais les liens pour être placés et espacés de la même façon qu'ils sont dans l'image. Si tout cela fait sens pour vous, s'il vous plaît aider!
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mai 26th, 2004, 7:56 pm

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

Message Mai 27th, 2004, 8:00 am

Je le ferais comme ceci:

Code: [ Select ]
<div style="background:url(myBkgnd.gif);height:Xpx;">
<a href="blah.htm">Blah</a><a href="bleh.htm">Bleh</a><a href="blek.htm">Blek</a>
</div>
  1. <div style="background:url(myBkgnd.gif);height:Xpx;">
  2. <a href="blah.htm">Blah</a><a href="bleh.htm">Bleh</a><a href="blek.htm">Blek</a>
  3. </div>
- dM
  • SharkShark
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 24, 2004
  • Messages: 1013
  • Loc: Living In Today
  • Status: Offline

Message Mai 27th, 2004, 8:33 am

Merci DM! maintenant il est un moyen plus simple d'aligner les liens que j'ai indiqué sur le site, sans avoir à insérer une bande de <br> et? parce que maintenant les liens sont en haut à gauche, j'ai besoin d'eux pour sart bas à gauche. Merci. :D
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Mai 27th, 2004, 8:56 am

CSS:
sur la TD, vertical-align: bottom

sur les liens, padding: 5px

leur enverra au fond et l'espace entre eux, les liens shouls fin de 5px à partir du bas et les côtés, 10px les unes des autres.

Si un utilisateur utilise le zoom de texte devrait développer des liens sur le titre et de ne pas gâcher la mise en page trop.
CSS website design tutorials
  • SharkShark
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 24, 2004
  • Messages: 1013
  • Loc: Living In Today
  • Status: Offline

Message Mai 27th, 2004, 9:16 am

Im n'ont pas vraiment utilisé les CSS. comment pourriez-vous écrire ce code, s'il vous plaît?
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Mai 27th, 2004, 9:32 am

Code: [ Select ]
<td id="titleNav">


dans la tête:

Code: [ Select ]
<link rel="stylesheet" type="text/css" href="/style.css" />

<- Check it :D


puis créez un fichier nommé style.css et enregistrer dans le répertoire / (probablement seront www /)

puis dans style.css:

Code: [ Select ]
#titleNav{
  vertical-align:bottom;
}
#titleNav a{
  padding:5px;
/* You may also need these styles, remove the comment
  if you do need them
  display:block;
  float:left;  */
}
  1. #titleNav{
  2.   vertical-align:bottom;
  3. }
  4. #titleNav a{
  5.   padding:5px;
  6. /* You may also need these styles, remove the comment
  7.   if you do need them
  8.   display:block;
  9.   float:left;  */
  10. }


Vous devez également avoir un doctype valide else IE <i> exemple </ i> jeter un bancale sur vous.

Puis arrivé à http://www.w3schools.com et cliquez sur le tutoriel css et d'apprendre :wink:
CSS website design tutorials
  • SharkShark
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 24, 2004
  • Messages: 1013
  • Loc: Living In Today
  • Status: Offline

Message Mai 27th, 2004, 9:53 am

lol j'ai commencé à apprendre hier comme une question de fait :) . Merci RTM je l'ai eu plus ou moins comment i want it. Mauvais chiffre sur le reste. Merci vous deux: d
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Mai 27th, 2004, 9:59 am

juste par simple curiosité, avez-vous besoin de bloquer l'écran et flottent?
CSS website design tutorials
  • SharkShark
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 24, 2004
  • Messages: 1013
  • Loc: Living In Today
  • Status: Offline

Message Mai 27th, 2004, 11:55 am

ummm..... pour être vraiment honnête je n'ai absolument aucune idée de ce que cela signifie. Donc je l'ai laissé là-dedans :oops: . Votre code n'a pas fonctionné pour moi, si. Im not sure why. J'ai déjà eu un lien vers une feuille de style externe et j'ai mis là. i posté un lien vers la page web dans mon sujet, aurait u un coup d'oeil pour moi et dites moi ce que je suis absent?
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Mai 27th, 2004, 12:05 pm

Im vraiment pas sûr....

Vous avez beaucoup de chevauchement des tags, qui doivent être réglés - ils peuvent provoquer toutes sortes de funkdoobieness parce que les différents navigateurs des différentes choses avec eux. Je voudrais commencer par perdre définitivement l'ensemble de ces <br> s et s
CSS website design tutorials
  • SharkShark
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 24, 2004
  • Messages: 1013
  • Loc: Living In Today
  • Status: Offline

Message Mai 27th, 2004, 12:34 pm

ok je me suis débarrassé de toutes les balises de rupture et de l'espace. Maintenant, je dois tout faire, c'est de passer votre code de travailler tous ensemble et Im :D
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Mai 27th, 2004, 12:52 pm

Est l'div supposé contenir des liens ou pas?

Si elle est nous sommes en poo. Ill faut penser à ce sujet lol. Désolé cela vous bricoler un peu.

Pouvez-vous également trier les balises se chevauchent:
Code: [ Select ]
<td>
  <center>
        <div>
    </center>
            <strong>
                &lt;a>
                    <U>text</U>
                </a>
                ...
        </div>
</td>
  1. <td>
  2.   <center>
  3.         <div>
  4.     </center>
  5.             <strong>
  6.                 &lt;a>
  7.                     <U>text</U>
  8.                 </a>
  9.                 ...
  10.         </div>
  11. </td>


la DIV et doivent centre de tri, ainsi que des besoins fort pour être fermée.

Je crois que je sais comment faire le tri maintenant, mais Im gonna faut y penser.
CSS website design tutorials
  • SharkShark
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 24, 2004
  • Messages: 1013
  • Loc: Living In Today
  • Status: Offline

Message Mai 27th, 2004, 12:57 pm

RTM ok, regardez-le maintenant :D . Je sais que j'ai besoin de nettoyer un peu mon code, mais qui devrait être de quoi il s'agit! t-elle apparaître différente dans mozilla?

/ / edit: Vous devriez voir une page web centré avec le haut un peu à des liens en bas à gauche du lien bg. fondamentalement un bon site web. J'ai dû ajouter des codes d'aligner dans ma feuille de style :) Merci de m'avoir lancé!
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Mai 27th, 2004, 1:14 pm

:D

Et je pensais que nous allions être messing autour d'une demi-heure - semble très bien dans Firefox, Mozilla, Netscape et Internet Explorer. Même semble bon sur l'opéra

:D


Désolé, je viens de remarquer, examiner les liens à droite sur tous les navigateurs, mais la page est un peu faussé par environ 5px. J'ai à peine remarqué. Le meilleur moyen est d'obtenir une copie de firefox et voir par vous-même.

C'est un problème mineur, et ses <b> table </ b> methinks problème, de sorte que je ne sera probablement pas en mesure de sorte que l'un pour vous.
CSS website design tutorials
  • SharkShark
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Avr 24, 2004
  • Messages: 1013
  • Loc: Living In Today
  • Status: Offline

Message Mai 27th, 2004, 1:16 pm

NP tables je peux gérer. Merci RTM :D
Yesterday is history.Tomorrow is mystery.Today is a gift.
Car Audio Sytems
LED Emergency Lights
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mai 27th, 2004, 1:16 pm

Afficher de l'information

  • Total des messages de ce sujet: 32 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 146 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