Retour à Forum de site web

Novice conception des questions de CSS titlebar page web

  • kentga
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Déc 28, 2009
  • Messages: 9
  • Status: Offline

Message Décembre 28th, 2009, 5:08 pm

Salut

J'ai été l'aide de Dreamweaver depuis des années et a décidé qu'il était temps de commencer à enterting le monde réel du webdesign

J'ai quelques noms très bonne dans les sites Web, mais je commence avec un de mes plus petits

Lorsque je tente de saisir mon Titre du pic et de l'aligner en CSS, il n'apparaît pas.

Voici la page en HTML
Code: [ Select ]
<html>
<img style="width: 186px; height: 102px" alt="" width="186" height="102" src="pics/title1.jpg">
</body>
</html>
  1. <html>
  2. <img style="width: 186px; height: 102px" alt="" width="186" height="102" src="pics/title1.jpg">
  3. </body>
  4. </html>


Now using CSS
Code: [ Select ]
<html>
<style type="text/css">
<img src="pics/title1.jpg" alt="power4sports" id="titlebar" />
img#titlebar {
/* Titlebar */
}
</style>
</html>
  1. <html>
  2. <style type="text/css">
  3. <img src="pics/title1.jpg" alt="power4sports" id="titlebar" />
  4. img#titlebar {
  5. /* Titlebar */
  6. }
  7. </style>
  8. </html>

Maintenant, je ne vois plus le titre à tous les

Thx

Kent
Moderator Remark: Use [code][/code] tags to increase readability
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Décembre 28th, 2009, 5:08 pm

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juil 25, 2005
  • Messages: 2735
  • Loc: Nashville, TN
  • Status: Offline

Message Décembre 28th, 2009, 5:24 pm

Vous devez déplacer la balise image à l'extérieur de votre section style. Youre manque également certaines balises HTML très simples qui devraient aller dans n'importe quelle page. Essayez-le comme tel:

Code: [ Select ]
<html>
<head>
<style type="text/css">
img#titlebar {
/* Titlebar */
}
</style>
</head>
<body>
<img src="pics/title1.jpg" alt="power4sports" id="titlebar" />
</body>
</html>
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. img#titlebar {
  5. /* Titlebar */
  6. }
  7. </style>
  8. </head>
  9. <body>
  10. <img src="pics/title1.jpg" alt="power4sports" id="titlebar" />
  11. </body>
  12. </html>
I'd love to change the world, but they won't give me the source code.
  • kentga
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Déc 28, 2009
  • Messages: 9
  • Status: Offline

Message Décembre 28th, 2009, 5:42 pm

Thx

Si vous mettez vos styles CSS et des stages d'abord, puis suivie par les fichiers HTML hein?

Je viens de mettre le montant minimum de code et en sortit des pièces d'autres (de titre, etc.) Est que le code HTML qui vous dit que je manque?

MERCI encore

Kent
  • kentga
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Déc 28, 2009
  • Messages: 9
  • Status: Offline

Message Décembre 28th, 2009, 6:32 pm

J'ai mis maintenant un titre sous mon image "barre de titre". Mais j'ai utilisé CSS positionnement relatif et a dû continuer à essayer jusqu'à ce que je arrivé là où je voulais sous l'image.

Est-ce la bonne manière de le faire ou dois-je utiliser la commande div.

Code: [ Select ]
<html>
<head>
<title></title>
<style type="text/css">
img#titlebar {
position: absolute;
top: 2px;
left: 2px;
}
h1 {
  position: relative;  
  top: 145px;
  left: 3px;
  font-family: Helvetica, Geneva, Arial,
     SunSans-Regular, sans-serif
}

</style>
</head>
  1. <html>
  2. <head>
  3. <title></title>
  4. <style type="text/css">
  5. img#titlebar {
  6. position: absolute;
  7. top: 2px;
  8. left: 2px;
  9. }
  10. h1 {
  11.   position: relative;  
  12.   top: 145px;
  13.   left: 3px;
  14.   font-family: Helvetica, Geneva, Arial,
  15.      SunSans-Regular, sans-serif
  16. }
  18. </style>
  19. </head>

Page 1 sur 1

Afficher de l'information

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