18041 sujets

Questions générales et questions de débutants

[Résolu]Problème de CSS

Bonjour, étant un jeune codeur, qui à la normal code des portails et non des sites web ainsi que des CMS, j'ai eu à faire cette fois-ci à mon "vrai premier site web" et j'ai un problème de code au niveau du CSS je pense, en gros, sur mon ordinateur de 17" les images (menu, header, footer ainsi que conteneur Smiley cligne ) sont correctement placées mais sur mon ordinateur de 15" malheureusement les images bougent énormément et le design n'est franchement plus beau alors j'imagine pas sur un pc de 13"...
Si possible je pourrais vous poster le code source...

Cordialement, Abdek, excusez moi des fautes vue mon jeune âge...
Modifié par Abdek (23 Aug 2012 - 23:04)
L'âge n'excuse pas les fautes mais on s'en tape un peu, le message est lisible...

Si tu nous donnes pas plus de détail sur la façon dont tu as intégré ton site on pourra pas vraiment t'aider...

Tu as l'exemple en ligne pour que l'on puisse faire des tests ?

a+, SM.
Les news sont permanentent elles seront en PHP par la suite.

Le code source:

<!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 »>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
		<META NAME="KEYWORDS" lang="fr"content="Abdek"> 
		<META NAME="DESCRIPTION" lang="fr" content="Abdek">
        <META NAME="ROBOTS" CONTENT="ALL">
        <META NAME="REVISIT-AFTER" CONTENT="1 DAYS">
		<META NAME="AUTHOR" CONTENT="Abdek">
        <META NAME="OWNER" CONTENT="Abdek">
		<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
  <!--
    a {
      text-decoration: none;
    }
  //-->
</style>
		


<title>Avbj Site - Site officiel de la chaine youtube Avbj</title>
<link rel="stylesheet" href="style.css" type="text/css"/> 

</head>
<body>

<center>
<div id="header">
	</div>
		</center>

<div id="dedicace">
	<marquee onmouseout="this.start();" onmouseover="this.stop();" ><b><em>Nibou59: </em></b> Avbj (V2) ? Encore mieux ? Oui MIEUX ! On se tape des gros délires passez voir !</marquee>

</div>

<div id="lien">
 <a href="http://www.youtube.fr/abdekvbj/"onMouseOver="document.Hover.src='img/hover_2.png';" onMouseOut="document.Hover.src='img/hover_1.png';"> 
   <img name="Hover" src="img/hover_1.png"> </a>
	</div>


<ul id="menu">
<br>
  <li><a href="index.html" title="Aller à l'accueil">Accueil</a></li>
    <li><a href="http://www.youtube.fr/abdekvbj/" title="Aller à la chaine">Chaine</a></li>
	  <li><a href="http://avbj.net68.net" title="Aller au forum">Forum</a></li>
	  	  <li><a href="http:www.google.fr" title="Aller à l'éspace dédicace">Espace dédicace</a></li>
		  	 <li><a href="http:www.google.fr" title="Aller à l'éspace PUB">Espace PUB/Partenaire</a></li>
			 	<li><a href="http:www.google.fr" title="Aller au contact">Contact</a></li>
</br>

</ul>

<div id="conteneur">

<p>
<br>
<b>- Avbj Survival 2 -</b><em>News éditée par Abdek le</em> 16/08/2012
<br>
<iframe width="560" height="315" src="http://www.youtube.com/embed/sWPgWew719c" frameborder="0" allowfullscreen></iframe>
<br>
<b>Description:</b> Ceci est l'Avbj survival épisode 2 en compagnie d'un indigène dans la jungle!</br>
</p>
	</div>

	

<div id="copyright">
	</div>
</body>
</html>









body {
background-image: url('img/background.png');
}


#header {
background-image: url('img/header.png');
width: 737px;
height: 83px;
margin-top: 1%;
}


#dedicace {
background-image: url('img/bar_1.png');
width: 683px;
height: 54px;
margin-left: 30%;
margin-top: 5%;
display: block;
font-family: Arial;
color: #ffffff;
}

#dedicace marquee {
margin-top: 2.1%;
height: 50%;
margin-left: 7.5%;
text-shadow: 0.1em 0.1em 0.4em #000000;

}


#lien {
margin-top: -3.9%;
margin-left: 17%;
}

#menu {
background-image: url('img/menu.png') ;
width: 132px;
height: 433px;
margin-top: 1%;
margin-left: 17%;
font-family: Arial;
color: #ffffff;
list-style: none;


}

#menu a {
color: #ffffff;
margin-left: -10%;
list-style: none;
text-shadow: 0.1em 0.1em 0.3em #000000;
}

#menu a:hover {
text-shadow: 0em 0em 0.1em #ffffff;
}


#conteneur {
background-image: url('img/conteneur.png');
width: 689px;
height: 429px;
margin-top: -31.5%;
margin-left: 30%;
}

#conteneur p {
width: 650px;
height: 350px;
margin-left: 2%;
color: #ffffff;
font-family: Arial;
text-shadow: 0.1em 0.1em 0.3em #000000;
}

#copyright {
background-image: url('img/copyright.png');
width: 262px;
height: 25px; 
margin-left: 60%;
margin-top: 1%;
}

Modifié par Abdek (23 Aug 2012 - 16:57)
Merci ;] moi qui pensais faire un design "extensible" avec des % je me trompé, merci à vous !
Sujet clos
Aller à