Style-Style Question pour un seul <div> d'une page

  • The Shrew
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Juin 30, 2003
  • Messages: 247
  • Loc: Florida
  • Status: Offline

Message Juillet 16th, 2003, 9:44 am

Ive a essayé de corriger ce problème pour une demi-journée, mais vraiment je ne sais pas comment faire. Comment puis-je définir un style pour un seul <div>? Comme un style d'arrière comme un exemple.

Code: [ Select ]
<style=" background-color: #000000;
background-image: linksbg.gif;
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;" type="text/css"><div id="links"><font color="white">cows</font></div></style>
  1. <style=" background-color: #000000;
  2. background-image: linksbg.gif;
  3. background-repeat:no-repeat;
  4. background-position:top center;
  5. background-attachment:fixed;" type="text/css"><div id="links"><font color="white">cows</font></div></style>


Thats comment on m'a dit que cela fonctionnerait, mais jusqu'à présent je n'ai eu aucun résultat. Cette div est où la grande zone noire est sur mon site: http://www.driftingspace.com/shrewspages/main.shtml
Toute aide serait très appréciée.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 16th, 2003, 9:44 am

  • b_heyer
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juin 15, 2003
  • Messages: 4583
  • Loc: Maryland
  • Status: Offline

Message Juillet 16th, 2003, 10:14 am

Je le ferais dans la tête, ou un fichier CSS séparé:

Code: [ Select ]
div.1 {whatever}

//then in the body:

<div class="1"></div>
  1. div.1 {whatever}
  2. //then in the body:
  3. <div class="1"></div>


Que les grandes œuvres :)
Pixel Acres V2
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Juillet 16th, 2003, 9:29 pm

Id n'avez probablement de cette façon aussi, mais vous pouvez en ligne les informations de style dans la balise div lui-même si vous voulez:

Code: [ Select ]
<div style="color: white; background-color: #000000;
background-image: url(linksbg.gif);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;" id="links">cows</div>
  1. <div style="color: white; background-color: #000000;
  2. background-image: url(linksbg.gif);
  3. background-repeat:no-repeat;
  4. background-position:top center;
  5. background-attachment:fixed;" id="links">cows</div>


Ne pas utiliser type = "text / css" ici - Thats seulement pour la feuille de style incorporée qui apparaît dans la tête ou dans un lien vers un fichier. css autant que je sache, et je pense que vous avez besoin de chemin (URL / nom de fichier . ext) autour de l'image de fond à moins que l'image est dans le même répertoire puis juste url (filename.ext)
Free Programming Resources
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de l’utilisateur
  • Inscription: Mai 28, 2003
  • Messages: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Message Juillet 16th, 2003, 10:12 pm

Mais si c'est pour une seule étiquette, Id probablement la ligne. Pourquoi? Il a priorité sur toute autre chose. Aussi, intégrés ont tendance à faire mieux avec les navigateurs plus anciens qui sont un peu pickier sur l'analyse de style correctement.

Cascading Style ordre de priorité avec le numéro 4 étant plus élevé et 1 étant le plus bas:

1. Navigateur par défaut
2. Feuille de style externe
3. Feuille de style interne
4. Inline Style

(emprunté à W3Schools --
http://www.w3schools.com/css/css_intro.asp )
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • b_heyer
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juin 15, 2003
  • Messages: 4583
  • Loc: Maryland
  • Status: Offline

Message Juillet 17th, 2003, 9:15 am

donc si j'ai deux styles se référant à la même mais il est tag.class externes et un interne, l'interne sera utilisé?
Pixel Acres V2
  • The Shrew
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Juin 30, 2003
  • Messages: 247
  • Loc: Florida
  • Status: Offline

Message Juillet 17th, 2003, 10:18 am

Cool les gars, merci pour l'aide.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8926
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Juillet 17th, 2003, 1:33 pm

b_heyer a écrit:
donc si j'ai deux styles se référant à la même mais il est tag.class externes et un interne, l'interne sera utilisé?


Sounds like it, yup.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Juillet 17th, 2003, 1:55 pm

Im pretty sure qu'elle va comme ceci:

dites que vous avez une feuille de style externe qui l'emporte sur le navigateur par défaut tag p

Code: [ Select ]
p
{
text-align: left;
font-family: blah, blah, blah;
etc.
etc.
}
  1. p
  2. {
  3. text-align: left;
  4. font-family: blah, blah, blah;
  5. etc.
  6. etc.
  7. }


depuis votre feuille extérieure a un tas d'autres classes utiles et telle que vous l'avez, grâce à tous vos fichiers, mais alors vous rendre compte que sur une seule page que vous voulez avoir tous les points centrés. Vous pouvez remplacer la balise p dans la feuille externe (et le navigateur par défaut) avec une embarqués celui qui s'appliquerait uniquement à cette page.

Code: [ Select ]
<style type="text/css">
p
{
text-align: center;
font-family: blah, blah, blah;
etc.
etc.
}
</style>
  1. <style type="text/css">
  2. p
  3. {
  4. text-align: center;
  5. font-family: blah, blah, blah;
  6. etc.
  7. etc.
  8. }
  9. </style>


Alors vous décidez que seulement l'un des points sur cette page doit être aligné à droite. Vous pouvez remplacer la feuille de style incorporée, CSS externes, et par défaut du navigateur avec un style en ligne qui ne s'appliquent qu'à la balise particulière:

Code: [ Select ]
<p style="text-align: right; font-family: blah, blah, blah;">fourscore and seven years ago</p>


vous pouvez donc utiliser une feuille de style globale de passer outre les paramètres par défaut du navigateur pour créer un look "et la convivialité standard" pour toutes vos pages, vous pouvez surcharger cela avec un objet incorporé un sur des pages individuelles qui ont besoin de quelque chose de différent, et que tout tournera override else avec un style en ligne pour commander un seul élément.
Free Programming Resources
  • The Shrew
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Juin 30, 2003
  • Messages: 247
  • Loc: Florida
  • Status: Offline

Message Juillet 18th, 2003, 10:21 am

Merci pour toutes les entrées, la prochaine fois que je veux faire savoir que les mauvais. Jai eu le site à faire ce que je veux le faire, sauf pour une chose, j'ai eu quelques javascript sous-menus pour mes liens, mais après, j'ai pris pas les cadres, j'ai eu (qui a été le motif de la première question), j'ai déplacé le javascript à partir d'un autre fichier HTML dans un fichier texte qui charge sur chaque page. Toutes les javascript cessé de travailler, ce qui est vraiment bizarre, parce que je ne fait aucune modification de celui-ci dans le transfert. Looking thourgh, je ne vois pas de problèmes...

http://www.driftingspace.com/shrewspages/header.txt Est-ce que le fichier texte
http://www.driftingspace.com/shrewspages Est-ce que le site en question.

Si quelqu'un peut trouver là une raison pour que cela ne fonctionne pas, thatd être grand. Mais sinon, je peux juste faire un peu de sous-indice au lieu d'un sous-menu.
  • b_heyer
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juin 15, 2003
  • Messages: 4583
  • Loc: Maryland
  • Status: Offline

Message Juillet 18th, 2003, 10:47 am

peut-être envie de tenter header.js, je ne sais pas si cela peut faire une différence.
Pixel Acres V2
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Juillet 18th, 2003, 12:31 pm

J'ai remarqué que vous avez un css id "menu"

#menu (position: absolute; top: 119px; left: 0px; largeur: 150 px;)

c'est le même nom que l'une des variables dans le script et l'erreur est survenu sur la ligne:

menu = ( "menu" + n);

de l'écriture - les noms sont peut-être le choc, essayez de changer le nom de l'extérieur autour de la div menu items à autre chose - peut-être navmenu. Im thats pas sûr que le ou pas mais sa vaut la peine d'essayer.
Free Programming Resources
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Juillet 18th, 2003, 2:26 pm

Je viens d'essayer avec une copie de la page que j'ai téléchargé, et il semble au travail.

J'ai changé

#menu (position: absolute; top: 119px; left: 0px; largeur: 150 px;)

à

#navmenu (position: absolute; top: 119px; left: 0px; largeur: 150 px;)

et

<div id="menu">

à

<div id="navmenu">
Free Programming Resources
  • The Shrew
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Juin 30, 2003
  • Messages: 247
  • Loc: Florida
  • Status: Offline

Message Juillet 18th, 2003, 2:32 pm

Merci beaucoup Rich, Im gonna go corriger :D
  • The Shrew
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Juin 30, 2003
  • Messages: 247
  • Loc: Florida
  • Status: Offline

Message Juillet 18th, 2003, 2:56 pm

Woo! Il travaille, weird qu'il s'est arrêté. Merci encore.
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Juillet 20th, 2003, 8:26 pm

Glad you got it working again. Love les pages de la façon dont - en particulier la musaraigne graphiques :D
Free Programming Resources
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 20th, 2003, 8:26 pm

Afficher de l'information

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