Problème de bordure
immortal-ombre
Messages postés
137
Date d'inscription
Statut
Membre
Dernière intervention
-
immortal-ombre Messages postés 137 Date d'inscription Statut Membre Dernière intervention -
immortal-ombre Messages postés 137 Date d'inscription Statut Membre Dernière intervention -
Bonjour je suis en train de créer l'acueil de mon site internet:
Il y a un cadre a gauche avec le menu menu dedan (sa fé environ 20%de la page) et a droite il y a un autre cadre avec les news. Je voudrait que les news prenent 40% du deuxieme cadre pour metre un emplacement de recherche a droite de ce cadre avec la fonction float.Mais mon emplacement de recherche aparet hors du cadre qui contient les news... j'ai essayé de bidouiller mon code mais je n'y arrive pas, voici mon code php si cela peut vous aider:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Badget-accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color:#1b0045;
background-color:#8798ff;
background-image:/* à faire plus tard...*/;
background-repeat: repeat-x;
border: 2px solid black;
}
news
{
}
#corps h1
{
color:#1b0045;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
background-image:/* à faire plus tard...*/;
background-repeat: no-repeat;
padding-left: 30px;
color:#1b0045;
text-align: left;
font-family: verdana;
font-weight: bold;
}
body
{
background-color:#d7e3fa;
}
#recherche a:visited
{
color:#1b0045
}
#recherche p
{
font-size:1.1em
}
#recherche
{
float: right;
width: 40%;
}
</style>
</head>
<body>
<div id="en_tete">
<?php
include("banniere.php");
?>
</div>
<div id="menu">
<?php
include("menu.php");
?>
</div>
<div id="corps">
<div id="news"> <h1>Bonjour et bienvenue</h1><br/>
<h3>Voici les dernières news:</h3><br/> <!-- NEWS -->
<?php
include("news.php");
?>
</div>
<div id="recherche"><!---------------RECHERCHE D'UNE GUILDE------->
<strong><h2>CHERCHER UNE GUILDE</a></h2></strong>
<p><a href=recherche_guilde_serveur>Faire une recherche par serveur</a><br/>
<a href=recherche_guilde_avancés>Faire une recherche avancé</a></p>
<form action="cible.php" method="post">
<p>Tapez le nom de votre guilde
<input type="text" name="Rechercher_une_guilde" /> <input type="submit" value="Rechercher" />
</p>
</form>
</div>
</div>
</body>
<div id="pied_de_page">
<?php
include("pied_de_page.php");
?>
</div>
</html>
Merci d'avance pour vos réponses
Il y a un cadre a gauche avec le menu menu dedan (sa fé environ 20%de la page) et a droite il y a un autre cadre avec les news. Je voudrait que les news prenent 40% du deuxieme cadre pour metre un emplacement de recherche a droite de ce cadre avec la fonction float.Mais mon emplacement de recherche aparet hors du cadre qui contient les news... j'ai essayé de bidouiller mon code mais je n'y arrive pas, voici mon code php si cela peut vous aider:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Badget-accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color:#1b0045;
background-color:#8798ff;
background-image:/* à faire plus tard...*/;
background-repeat: repeat-x;
border: 2px solid black;
}
news
{
}
#corps h1
{
color:#1b0045;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
background-image:/* à faire plus tard...*/;
background-repeat: no-repeat;
padding-left: 30px;
color:#1b0045;
text-align: left;
font-family: verdana;
font-weight: bold;
}
body
{
background-color:#d7e3fa;
}
#recherche a:visited
{
color:#1b0045
}
#recherche p
{
font-size:1.1em
}
#recherche
{
float: right;
width: 40%;
}
</style>
</head>
<body>
<div id="en_tete">
<?php
include("banniere.php");
?>
</div>
<div id="menu">
<?php
include("menu.php");
?>
</div>
<div id="corps">
<div id="news"> <h1>Bonjour et bienvenue</h1><br/>
<h3>Voici les dernières news:</h3><br/> <!-- NEWS -->
<?php
include("news.php");
?>
</div>
<div id="recherche"><!---------------RECHERCHE D'UNE GUILDE------->
<strong><h2>CHERCHER UNE GUILDE</a></h2></strong>
<p><a href=recherche_guilde_serveur>Faire une recherche par serveur</a><br/>
<a href=recherche_guilde_avancés>Faire une recherche avancé</a></p>
<form action="cible.php" method="post">
<p>Tapez le nom de votre guilde
<input type="text" name="Rechercher_une_guilde" /> <input type="submit" value="Rechercher" />
</p>
</form>
</div>
</div>
</body>
<div id="pied_de_page">
<?php
include("pied_de_page.php");
?>
</div>
</html>
Merci d'avance pour vos réponses
A voir également:
- Problème de bordure
- Bordure de page word - Guide
- Supprimer cadre page word ✓ - Forum Powerpoint
- Logiciel cadre et bordure photo gratuit - Télécharger - Retouche d'image
- Enlever bordure zone de texte word ✓ - Forum Bureautique
- Active a ete en impression sans bordure - Forum Imprimante
