Retour à Forum de site web

Tout nouveau

  • LurkinWilli
  • Born
  • Born
  • No Avatar
  • Inscription: Juil 06, 2011
  • Messages: 1
  • Status: Offline

Message Juillet 6th, 2011, 4:05 am

Havein certains probs avec egtting une image dans l'en-tête en haut d'une page Web, ainsi que la barre de menu et le pied de page. im même perdu dès maintenant et toute chose faire ne fonctionne pas. Je suis tellement puttin quelle config bon la dernière de ce que j'avais. im très nouveau dans tout cela et l'ont fait certains regardant autour. Merci d'avance pour toute aide.

Voici l'url pour le pic de l'en-tête

http://lurkinwilli.angelfire./b2.jpg

et puis le pic pour le contenu.

http://lurkinwilli.angelfire./b1.jpg

Code: [ Select ]
<html>
<head>
<title>Lurkin Studios</title>
<style type="text/css">

</style>
</head>
<body>

<div id="container" style="width:1200px">
<div id="header" style="background-color:green;">
<h1 style="margin-bottom:0;">Lurkin Studios</h1></div>

<div id="menu" style="background-color:green;height:400px;width:100px;float:left;">
<b>Menu</b><br />
Home<br />
Fourms<br />
Links
</div>

<div id="content" style="background-color:green;height:300px;width:1100px;float:left;">
Content goes here</div>

<div id="footer" style="background-color:green;clear:both;text-align:center;">
Copyright © 2011 Lurkin Studios</div>

</div>

</body>
</html>
  1. <html>
  2. <head>
  3. <title>Lurkin Studios</title>
  4. <style type="text/css">
  6. </style>
  7. </head>
  8. <body>
  10. <div id="container" style="width:1200px">
  11. <div id="header" style="background-color:green;">
  12. <h1 style="margin-bottom:0;">Lurkin Studios</h1></div>
  14. <div id="menu" style="background-color:green;height:400px;width:100px;float:left;">
  15. <b>Menu</b><br />
  16. Home<br />
  17. Fourms<br />
  18. Links
  19. </div>
  21. <div id="content" style="background-color:green;height:300px;width:1100px;float:left;">
  22. Content goes here</div>
  24. <div id="footer" style="background-color:green;clear:both;text-align:center;">
  25. Copyright © 2011 Lurkin Studios</div>
  27. </div>
  29. </body>
  30. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 6th, 2011, 4:05 am

  • tastysite
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 09, 2008
  • Messages: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Message Juillet 7th, 2011, 11:07 am

les liens ne fonctionnent pas, vous savez, quand je fais une recherche sur google pour votre site recevrai-je 1 lien ce poste, juste pour que vous sachiez.
^__^
  • WritingBadCode
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Avr 28, 2011
  • Messages: 214
  • Loc: Sweden
  • Status: Offline

Message Juillet 10th, 2011, 2:54 pm

Vous ne savez pas où vous aimeriez ajouter ces images et comme le souligne ces liens semble morte.

Vous pouvez cependant utiliser css pour placer une image en arrière-plan (si le style est ajouté à votre haut div id = en-tête alors l'image doit être placé quelque part au haut de la page où vous pouvez) :

Code: [ Select ]
background-image:url('imagelinkhere');


Ou vous pouvez simplement utiliser une commande html &lt;img&gt; quelque part :

Code: [ Select ]
<img src="http://linktofile.here" width="100" height="100">


Il semble que la plupart des concepteurs de sites web éviter le style inline que vous utilise et plutôt utilise un fichier .css distinct de ligne à la plus grande partie de la conception. Si vous n'avez pas déjà ce pourrait être quelque chose d'utile des recherches.
  • sherma
  • Silver Member
  • Silver Member
  • Avatar de l’utilisateur
  • Inscription: Juin 13, 2011
  • Messages: 127
  • Status: Offline

Message Juillet 28th, 2011, 9:34 pm

LurkinWilli a écrit:
Havein certains probs avec egtting une image dans l'en-tête en haut d'une page Web, ainsi que la barre de menu et le pied de page. im même perdu dès maintenant et toute chose faire ne fonctionne pas. Je suis tellement puttin quelle config bon la dernière de ce que j'avais. im très nouveau dans tout cela et l'ont fait certains regardant autour. Merci d'avance pour toute aide.

Voici l'url pour le pic de l'en-tête

http://lurkinwilli.angelfire. /B2.jpg

et puis le pic pour le contenu.

http://lurkinwilli.angelfire. /B1.jpg




http://lurkinwilli.angelfire. com/b22.JPG

Vous avez dit que c'est l'image que vous souhaitez utiliser dans l'en-tête, mais en regardant votre site, c'est en fait l'image de bg et le b1.jpg est une image de bg d'or, vous essayez de faire que l'arrière-plan de l'organisme (iframe?). Si donc, vous avez besoin rendre une page .html comme votre source iframe, utiliser cette image comme la bg sur la page .html, puis lier le code html à l'aide d'un &lt;iframe&gt;. Le menu sur la gauche est là, mais la source de la page est maintenant disparus le &lt; div id = « pied » &gt; donc votre texte d'auteur va être assis où qu'il les terres que vous ajoutez du contenu.

Voici le code de votre page comme il semble maintenant :

Code: [ Select ]
<html>

<head>

<title>Shatterd</title>

</head>



<body>

<style type="text/css">

body

{

background-image:url(http://lurkinwilli.angelfire. com/b22.JPG);

}

</style>



<div style="width:1000px">

<div style="background-color:;height:125px;">

</div>



<div style="background-color:;height:400px;width:100px;float:left;">

  Menu<br />

    <p><a href="http://www.google. com" target="iframe3">GoOgLe</a></p>

    <p><a href="http://www.yahoo. com" target="iframe3">YaHoO!</a></p>

 </div>



 <div style=height:400px;width:900px;float:right;">

  <iframe src="iframe1" name="iframe3" width="826" height="400"></iframe>

 </div>



 <div style=clear:both">

  <div style="width:1000px">

  <p style="color:lightblue;font-size:27px;">Copyright © </p> 

</div>



</body>

</html>
  1. <html>
  3. <head>
  5. <title>Shatterd</title>
  7. </head>
  11. <body>
  13. <style type="text/css">
  15. body
  17. {
  19. background-image:url(http://lurkinwilli.angelfire. com/b22.JPG);
  21. }
  23. </style>
  27. <div style="width:1000px">
  29. <div style="background-color:;height:125px;">
  31. </div>
  35. <div style="background-color:;height:400px;width:100px;float:left;">
  37.   Menu<br />
  39.     <p><a href="http://www.google. com" target="iframe3">GoOgLe</a></p>
  41.     <p><a href="http://www.yahoo. com" target="iframe3">YaHoO!</a></p>
  43.  </div>
  47.  <div style=height:400px;width:900px;float:right;">
  49.   <iframe src="iframe1" name="iframe3" width="826" height="400"></iframe>
  51.  </div>
  55.  <div style=clear:both">
  57.   <div style="width:1000px">
  59.   <p style="color:lightblue;font-size:27px;">Copyright © </p> 
  61. </div>
  65. </body>
  67. </html>


Si vous voulez vraiment utiliser un iframe, rendre la page pertinente et le lier à la section du contenu avec quelque chose comme ceci :

Code: [ Select ]
<iframe src="lurkinwilli.angelfire. com/frame_source.html" name="frame-source.html" frameborder="0" height="400" width="826">If you can read this your browser does not support I-Frames. </iframe>


Quelque chose d'autre, vous avez vos dimensions iframe 400 x 826 la valeur, et la b1.jpg de l'image est 600 x 600, donc sa va chercher déformé depuis ce n'est pas une image transparente de tuiles.

Bonne Chance

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 4 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