28220 sujets

CSS et mise en forme, CSS3

Comment intégrer un logo et une bannière de pub dans l'en-tête

salut
je viens de me mettre au css pour le design des sites internet. et le bouquin css2 est vraiment très bien fait pour débuter.
mon problème actuel est que je n'arrive pas a intégré un logo et une bannière pub dans mon en-tête. j'ai une div qui prend toute la largeur de la page 100% et haute de 80px. mon logo fait 249*54, ma bannière(qui est un java) fait 500*65.
je place mon logo à gauche (jusque là aucun blem). là où ça se complique c'est que j'aimerais mettre ma bannière à droite par l'intermédiaire d'une include <!--#include file="scripts/bann.js" --> seulement rien ne se passe.est ce que j'ai oublié un truc une ligne de code pour déclarer mon java!!????
si quelqu'un à la réponse et peut m'aider ce serait vachement cool!! Smiley biggrin
merci pour votre attention!! Smiley cligne
Si le fichier est un .js, on ne l'inclut pas de cette manière-là.

Ce devrait être plutôt :
<script type="text/javascript" src="tonfichier.js"></script>
d'abord merci pour la réponse j'essaierai ce soir.seulement à quel endroit du code je dois placer cette ligne??
merci
Salut !

Petite précision, .js = javascript qui n'est pas du tout pareil que Java. Java et Javascript sont deux langages de programmation bien distincts, attention aux abus de langages.

Sinon, tu fais tout simplement dans ton div :

- 1 div de gauche pour le logo (avec un float:left; bien sûr)
- 1 div de droite pour ta banniere

Dans ce div de droite, tu fais ceci :

<?php include "script/bans.js"; ?>

Et tu enregistres ta page en .php

Sinon tu utilises le <script type="text/javascript" src="script/bans.js"></script> pour garder l'extension .html de ta page.

++
je commence à comprendre.pour être plus précis je fais des pages asp
donc la page principale c index.asp dont voici le code HTML ET CSS [ DESOLE POUR LE PAVET QUI SUIT CA EVITERA DES EXPLICATIONS]:


<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="feuille1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
margin: 0px;
}
-->
</style>
</head>
<body>
<div class="head1">
<img src="monlogo.gif" class="logo" alt="logo" /></div>
<div class="gauche">
<ul id="menu">
<li><a href="page1.asp">menu1</a></li>
<li><a href="page2.asp">menu2</a></li>
<li><a href="page3.asp">menu3</a></li>
<li><a href="page4.asp">menu4</a></li>
</ul>
</div>
<div class="centre">
<h1>Mon site web</h1>
<h2>feuilles CSS et sans tableaux</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
</p>
</div>
</body>
</html>

/* la feuille de style est dessous */
<style type="text/css">

body {
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
.head1 {
width: 100%;
height: 80px;
background-color: #015A95;
float: left;

}

.gauche {
position: absolute;
left:0;
width: 181px;
height: 337px;
background-color: #015A95;
top: 100px;

}
.centre {
margin-left: 184px;
height: 337px;
width: 586px;

}
ul#menu {
margin: 10;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 178px;
list-style-type: none;
list-style-position: inside;
list-style-image: url(Sans-titre-2.gif);


}
#menu a {
display: block;
margin: 1px 0;
font-size: 0.4em;
color: #003366;
text-decoration: none;
line-height: 17px;
width: 150px;
border: 1px solid #666666;
background: #B7D3F0;
text-align: center;
border-width: 1px 2px 2px 1px;
border-color: #cecece #4a4a4a #4a4a4a #cecece;
border-style: solid;
font-weight: bold;

}
#menu a:hover {
color: #060C6F;
border-width: 2px 1px 1px 2px;
border-color: #4a4a4a #cecece #cecece #4a4a4a;
}

h1 {
font-size: 140%;
text-align: right;
}
h2 {
font-size: 100%;
text-align: right;
}

est ce que mettre mon include [i]<!--#include file="scripts/bann.js" --> [/b] dans mon head1 actuel c'est faisable??de même que mettre un diaporama sous mon menu en include aussi???
je n'arrive pas à bien agencer de manière correcte tous ça!!!!
Smiley fache MERCI pour votre réponse.
Modifié par sliverdust (06 Jan 2006 - 12:04)
Sujet clos
Aller à