Résolu Quelques bases de CSS... Euhhhh... ???

Jon91Stew · 26 Septembre 2010

Salut à la Communauté,

J'avais quelques notions de HTML des années 1998... Eum ! Eum ! Désolé pour mon retard...

Et là je dois faire un site de 4 pages avec du CSS !
J'essaye de m'y mettre au CSS mais pas si évident que ça même si c'est quand même relativement simple et qu'il y a beaucoup d'aide sur le net, il y a 2-3 trucs que je n'arrive pas à faire.

Www.elfoulystone.com est le site que vous pouvez aller voir pour contempler mon "oeuvre" mais vous verrez que je n'arrive pas "étaler" le menu vertical, ni à le coller à l'image du haut avec logo...

D'ailleurs l'image du haut et le menu se retrouverons sur chaque page et j'arrive pas à les intégrer directement dans le CSS afin d'éviter qu'ils ne se rechargent à chaque fois...

Quant à l'image dans le texte : elle est trop collée pfffff ! J'ai presque tout essayé entre les paddings et margins mais je n'arrive à rien...

Ma page est simple : "index.html" et mon CSS aussi "style.css".

Si vous pouvez m'aider, Dieu ne vous bénira pas ! Mais moi OUI !

hmn · 26 Septembre 2010

ton problème est plutôt html que css, il doit y avoir une erreur de syntaxe, on ne devrait pas voir le code noir en haut

zeb · 27 Septembre 2010

Salut,

Jon91Stew, donne ici, entre balise

Code:

, le contenu (ou plutôt un extrait) de tes fichiers HTML et CSS. Tes questions portent sur un exemple qui va être corrigé (enfin, TU espères ;) ) et le sujet n'aura plus de sens si on n'y voit pas l'état initial.

Tout ça pour respecter le principe de ce forum : je pose une question très bête et j'obtiens une réponse super intéressante. Comme ma question n'était pas si bête, d'autres se la posent et trouvent ici une réponse. Ainsi, toi aussi tu contribues  ;)

Jon91Stew · 27 Septembre 2010

Okay pas de souci !

Ici mon code HTML :

[cpp]<!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="en" >
<head>
<title>El Fouly Stone | Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="style.css"

<style type="text/css">
ul
{
list-style-type:none;
margin-top:0;
margin-right: 25%;
margin-left: 25%;
padding:auto;
padding-top: 139px;
padding-bottom: 0;
overflow:hidden;
}
li
{
float:center;
}
a:link,a:visited
{
display:block;
width:225px;
font-family: tahoma, arial, verdana;
font-size: 16px;
font-weight:bold;
color:#FFCC00;
background-color:#46332A;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#A68870;
}
</style>

<style type="text/css">
img
{float:right}
</style>

</head>

<body>

<ul>
<li><a href="#About us">About us</a></li>
<li><a href="#Marble">Marble stones</a></li>
<li><a href="#Others">Services</a></li>
<li><a href="#Contact us">Contact</a></li>
</ul>

<p class="main"> <img src="images/first-image.jpg" />We would like to introduce ourselves as a group of professional, dynamic and committed entrepreneurs involved in the quarrying, processing and exporting of Egyptian Marble and Granite in every conceivable sizes and finishes. We extract marble and granite such as Alabaster, Brescia Sinai, Fileto Hassana, Galala, Golden Cream, Golden Sinai, Khatmeya, Samah, Silvia, Sinai Pearl, Sunny, Bianco Halayeb, Ghazal Dark and Light, Royal Red. Once sawn and polished by the best Italian machines made for that purpose, we export it to our customers from all over the world, as well, our packaging with international standards and features wooden crating along with anti-abrasive and anti-scratch covering to protect the finished products. </p>

<p class="main"> Progress for Marble and Granite is not merely a stone supplier but can technically interact for your specific requirement. We have a proven track record for providing materials and services for international projects and for trading and marketing. </p>

</body>
</html>[/cpp]

----------------------------------------------------------------------------------------------------------------

Et là mon code CSS :

[cpp]html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin-left: auto;
margin-right: auto;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: tahoma, arial, verdana;
vertical-align: baseline;
}
body {
line-height : 1;
color: black;
background: white;
background: #fff url(images/topbar-900px.jpg) no-repeat top;
width: 90%
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, after {
content: "";
}
blockquote q {
quotes: "" "";
}
strong {font-weight: bold;
}
p.main {font-size: 13px; color: #666666; text-align: justify; line-height: 1.65em; width: 900px}
[/cpp]
-------------------------------------------------------------------------------------------------

Si vous avez d'autres commentaires comme du code inutile ou autre n'hésitez pas à me le dire...

zeb · 27 Septembre 2010

Vous devez être connecté pour voir les images.

__________

zeb :

Jon91Stew · 27 Septembre 2010

Okay problème d'affichage réglé !

Jon91Stew · 30 Septembre 2010

Meilleure réponse sélectionnée par Jon91Stew.

zeb · 1 Octobre 2010

Eh Jon, ça va pas ? Me mettre une meilleure réponse parce que je te rappelle à l'ordre
[:coyot-rtn:1]

Tu ne veux pas plutôt nous donner ta solution ?
Je te mettrai en meilleure réponse.

Résolu Quelques bases de CSS... Euhhhh... ???

Jon91Stew

hmn

zeb

Jon91Stew

zeb

Jon91Stew

Jon91Stew

zeb