Aller au menu - Aller au contenu

Problème positionnement de deux blocs

Pour accéder à cette section
Connectez-vous !
connexion_rpx

Résolu Le problème de ce sujet a été résolu

Page 1 
Auteur Message
2 visiteurs sur ce sujet (2 anonymes)
Page 1 
Hors ligne titouffff # Posté le 22/02/2012 à 21:58:24
Avatar
close

Ville : Vieux condé
Pays : France métropolitaine
Yo !

Alors là je comprend pas... Pourtant je suis pas un amateur en html mais vraiment là je sèche...

Donc j'aimerai que mon texte "twitter" soit au dessus de l'emplacement de mon "twitter" et que le texte "blog" soit à coté du texte "twitter" avec l'emplacement du "blog" en dessous du texte "blog" est donc à coté de l'emplacement de mon twitter.

Sa va ? :)

Bref le problème en image : Image utilisateur

Merci ! x)


EDIT :

css : Code : CSS
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
#blog {
	width: 69%;
	margin-left: 31%;
	background-color: grey;
	min-height: 200px;
	margin-top: 1%;
	box-shadow: 6px 6px 6px black;
}

#bloc {
	width: 69%;
	margin-left: 31%;
	margin-top: 1%;
	box-shadow: 6px 6px 6px black;
	background-color: black;
	font-family : volice, arial;
	color: white;
	font-size: 40px;
}

#twitter {
	float: left;
	width: 30%;
	background-color: grey;
	box-shadow: 6px 6px 6px black;
}

#bloc-twitter {
	float: left;
	width: 30%;
	background-color: black;
	box-shadow: 6px 6px 6px black;
	font-family : volice, arial;
	color: white;
	font-size: 40px;
}

.conteneur {
    width : 960px;
    margin : 0 auto;
}



PHP : Code : PHP
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<div class="conteneur">
					
					<div id="bloc-twitter">
						TWITTER
					</div>
					
					<div id="twitter">
						<?php include("inc/twitter.php"); ?>
					</div>
					
					<div id="bloc">
						BLOG
					</div>
					
					<div id="blog">
					
					</div>
			</div>
Édité le 22/02/2012 à 22:03:12 par titouffff
Image utilisateur
 
Publicité # Posté le 22/02/2012 à 21:58:24

Hors ligne AkaiKen # Posté le 22/02/2012 à 22:01:19
En amélioration constante
Avatar
close

Ville : Montmélian
Pays : France métropolitaine
Oh, mais comme tu n'es pas un amateur, tu sais sûrement qu'on ne peut rien faire sans ton code html et css. Parce que voilà, je radote, hein, je suis une vieille qui n'a plus toute sa tête, mais j'oublie, encore et toujours, ma boule de cristal là où je ne suis pas. Et donc... je ne peux deviner. Et je pense que personne ne le peut.
- Les liens pratiques sur html et css que je glane au gré du web.
- Je ne réponds pas aux demandes techniques par MP, le forum est fait pour ça. Et je ne réponds pas aux demandes d'amitié si je ne vous connais pas.
- Mozilla != Firefox, Java != JavaScript/js, ça != sa, learn the difference, it could save my mental health.
- Répondre "t'embête pas, fais un tableau" à n'importe quelle question c'est comme utiliser une cuillère dans toutes les situations. Parfois, ça sert. Parfois.
 
Hors ligne titouffff # Posté le 22/02/2012 à 22:03:58
Avatar
close

Ville : Vieux condé
Pays : France métropolitaine
Citation : AkaiKen
Oh, mais comme tu n'es pas un amateur, tu sais sûrement qu'on ne peut rien faire sans ton code html et css. Parce que voilà, je radote, hein, je suis une vieille qui n'a plus toute sa tête, mais j'oublie, encore et toujours, ma boule de cristal là où je ne suis pas. Et donc... je ne peux deviner. Et je pense que personne ne le peut.


Oui j'y ai pensé deux secondes après l'envoi du post ;)

PS : le temps que tu écrives, c'est edit =)
Image utilisateur
 
Hors ligne AkaiKen # Posté le 22/02/2012 à 22:09:18
En amélioration constante
Avatar
close

Ville : Montmélian
Pays : France métropolitaine
Pouik, j'ai réagi un peu vite, veuille me pardonner. On va voir ça, merci :)


Et tu abuses un peu du float :p Déjà, je te suggère de mettre "twitter" et "bloc-twitter" (qui devrait être un titre) dans un même bloc, ça te permettrait de gérer deux objets côté à côté plutôt que quatre.
- Les liens pratiques sur html et css que je glane au gré du web.
- Je ne réponds pas aux demandes techniques par MP, le forum est fait pour ça. Et je ne réponds pas aux demandes d'amitié si je ne vous connais pas.
- Mozilla != Firefox, Java != JavaScript/js, ça != sa, learn the difference, it could save my mental health.
- Répondre "t'embête pas, fais un tableau" à n'importe quelle question c'est comme utiliser une cuillère dans toutes les situations. Parfois, ça sert. Parfois.
 
Hors ligne titouffff # Posté le 22/02/2012 à 22:11:23
Avatar
close

Ville : Vieux condé
Pays : France métropolitaine
Oui mais je trouve les petits espaces entre le titre de twitter par exemple et l'emplacement twitter plutôt cool ;)

Pas moyen de faire autrement ?

Sinon, oui j'abuse BEAUCOUP du float !
Image utilisateur
 
Hors ligne AkaiKen # Posté le 22/02/2012 à 22:24:38
En amélioration constante
Avatar
close

Ville : Montmélian
Pays : France métropolitaine
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Ben, les petits espaces, je ne vois pas pourquoi tu ne les aurais plus si tu réunissais, mettons "titre_twitter" et "contenu_twitter" dans "twitter" (je ne mets volontairement pas de . ou de # tu choisiras).

Et tes deux éléments se juxtaposent parce qu'ils flottent tous deux. C'est pourquoi je propose de les réunir, ainsi tu n'auras plus qu'un seul flottant.
- Les liens pratiques sur html et css que je glane au gré du web.
- Je ne réponds pas aux demandes techniques par MP, le forum est fait pour ça. Et je ne réponds pas aux demandes d'amitié si je ne vous connais pas.
- Mozilla != Firefox, Java != JavaScript/js, ça != sa, learn the difference, it could save my mental health.
- Répondre "t'embête pas, fais un tableau" à n'importe quelle question c'est comme utiliser une cuillère dans toutes les situations. Parfois, ça sert. Parfois.
 
Hors ligne titouffff # Posté le 22/02/2012 à 22:25:55
Avatar
close

Ville : Vieux condé
Pays : France métropolitaine
Je vais tester sa

EDIT : sa marche ! Mais d'un autre coté, non...

Image utilisateur


A mon avis, j'ai mal fait ton système =)

php : Code : PHP
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="conteneur">
			
					<div class="twitter">
					
							<div id="titre-twitter">
								TWITTER
							</div>
					
					
							<div id="contenu-twitter">
								<?php include("inc/twitter.php"); ?>
							</div>
					</div>
					
					<div id="bloc-blog">
						BLOG
					</div>
					
					<div id="blog">
					
					</div>
			</div>


css : Code : CSS
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
#contenu-twitter {
	width: 30%;
	background-color: grey;
	margin-top: 1%;
	box-shadow: 6px 6px 6px black;
}

#titre-twitter {
	width: 30%;
	background-color: black;
	box-shadow: 6px 6px 6px black;
	font-family : volice, arial;
	color: white;
	font-size: 40px;
}

.twitter {
	float: left;
}
Édité le 22/02/2012 à 22:33:59 par titouffff
Image utilisateur
 
Hors ligne AkaiKen # Posté le 22/02/2012 à 22:33:35
En amélioration constante
Avatar
close

Ville : Montmélian
Pays : France métropolitaine
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Tiens, cadal ;) http://dabblet.com/gist/1887522 (j'ai pris quelques libertés sur les espacements)
- Les liens pratiques sur html et css que je glane au gré du web.
- Je ne réponds pas aux demandes techniques par MP, le forum est fait pour ça. Et je ne réponds pas aux demandes d'amitié si je ne vous connais pas.
- Mozilla != Firefox, Java != JavaScript/js, ça != sa, learn the difference, it could save my mental health.
- Répondre "t'embête pas, fais un tableau" à n'importe quelle question c'est comme utiliser une cuillère dans toutes les situations. Parfois, ça sert. Parfois.
 
Hors ligne titouffff # Posté le 22/02/2012 à 22:34:54
Avatar
close

Ville : Vieux condé
Pays : France métropolitaine
:o Merci !!!
Image utilisateur
 
Hors ligne AkaiKen # Posté le 23/02/2012 à 07:47:08
En amélioration constante
Avatar
close

Ville : Montmélian
Pays : France métropolitaine
Tu n'étais pas loin, dans ce que tu avais fait : ce qu'il fallait mettre en commun, sur le parent "twitter", c'était aussi la largeur :) mais à part ça, c'était bon (de mémoire, hein, je viens de me réveiller).
- Les liens pratiques sur html et css que je glane au gré du web.
- Je ne réponds pas aux demandes techniques par MP, le forum est fait pour ça. Et je ne réponds pas aux demandes d'amitié si je ne vous connais pas.
- Mozilla != Firefox, Java != JavaScript/js, ça != sa, learn the difference, it could save my mental health.
- Répondre "t'embête pas, fais un tableau" à n'importe quelle question c'est comme utiliser une cuillère dans toutes les situations. Parfois, ça sert. Parfois.
 
Hors ligne titouffff # Posté le 23/02/2012 à 07:52:00
Avatar
close

Ville : Vieux condé
Pays : France métropolitaine
Merci encore !

Matinale ;)
Image utilisateur
 
Hors ligne AkaiKen # Posté le 23/02/2012 à 09:03:44
En amélioration constante
Avatar
close

Ville : Montmélian
Pays : France métropolitaine
Non non, pas matinale, juste... pas en vacances :p
- Les liens pratiques sur html et css que je glane au gré du web.
- Je ne réponds pas aux demandes techniques par MP, le forum est fait pour ça. Et je ne réponds pas aux demandes d'amitié si je ne vous connais pas.
- Mozilla != Firefox, Java != JavaScript/js, ça != sa, learn the difference, it could save my mental health.
- Répondre "t'embête pas, fais un tableau" à n'importe quelle question c'est comme utiliser une cuillère dans toutes les situations. Parfois, ça sert. Parfois.
 
Hors ligne titouffff # Posté le 23/02/2012 à 09:09:00
Avatar
close

Ville : Vieux condé
Pays : France métropolitaine
=p
Image utilisateur
 

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx