28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je me suis mis en tête de faire un nouveau site et je me heurte à quelques problemes d'espacement lors de ma mise en page.

http://img138.imageshack.us/img138/8656/parablogyk5.gif

Et voici le code

HTML:

	<div id='intro'>
		<%= image_tag 'header/pb_01.gif', :border => 0 %>
		<ul>
			<li><%= image_tag 'header/pb_02.gif', :border => 0 %></li>
			<li><%= image_tag 'header/pb_03.gif', :border => 0 %></li>
			<li><%= image_tag 'header/pb_04.gif', :border => 0 %></li>
			<li><%= image_tag 'header/pb_05.gif', :border => 0 %></li>
			<li><%= image_tag 'header/pb_06.gif', :border => 0 %></li>
		</ul>
	</div>


CSS:

div#intro {
	margin:0px;
	padding:0px;
	border:0px;
}


div#intro ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div#intro ul li {
	display:inline;
	padding:0px;
	margin:0px;
}

div#intro ul li img {
	padding:0px;
	margin:0px;
}


Est-ce que l'un de vous aurez la gentillesse de m'aider svp?
J'ai fait moult recherche sur le net et sur ce site et je n'ai pas trouvé de solution Smiley decu

Merci.

Ver2ter
bonjour

déjà, je n'ai jamais vu cette formulation :
<%= image_tag 'header/pb_01.gif', :border => 0 %>
(mais bon, on ne peut pas tout connaître)

ensuite, tu devrais préciser ce que tu voudrais obtenir

et enfin, ce serait bien d'avoir un lien pour la page en ligne si possible.
verdan a écrit :
bonjour

déjà, je n'ai jamais vu cette formulation :
<%= image_tag 'header/pb_01.gif', :border => 0 %>
(mais bon, on ne peut pas tout connaître)

ensuite, tu devrais préciser ce que tu voudrais obtenir

et enfin, ce serait bien d'avoir un lien pour la page en ligne si possible.


Bonjour à toi Verdan,

1. Je suis désolé je vous ai copié le code Ruby on rails -_-' , mais le code html en lui même était correcte

2. Je souhaitais que toutes les images soient collées les une autres autre sans les espacement.

3. Pour le lien, ce n'est pas faisable, c'est en cours de dev sur mon pc ^^

4. Finalement après 4h passé dessus (désolé Smiley confused ) j'ai fait autrement : j'ai mis l'ensemble de l'image en background d'un div (sans le texte) puis j'ai mis un <ul> en bas a droite pour le menu. L'image ne pesant que 20ko je pense que ca ne pose pas de problème

En tout cas merci d'avoir répondu Smiley smile