Besoin d'un coup de pouce en CSS

Besoin d'un coup de pouce en CSS - HTML/CSS - Programmation

Marsh Posté le 04-08-2017 à 01:57:39    

Salut à vous,
 
Je cherche à récupérer la dimension d'un bloc et lui ajouter un nombre de pixel défini en CSS uniquement.
 
Utilisation du JS impossible, et modification du HTML pas possible non plus.
 
Voir l'exemple ici :
 
https://jsfiddle.net/xa3z89kw/2/
 
Je ne sais pas si c'est vraiment possible. En combinant calc et attr peu être ? Mais je galère un peu la...


Message édité par senka le 04-08-2017 à 01:59:49
Reply

Marsh Posté le 04-08-2017 à 01:57:39   

Reply

Marsh Posté le 04-08-2017 à 09:51:30    

En flex c'est bien plus simple a faire:
 
https://jsfiddle.net/w5dajw2h/
 
Voila ;) Il te faut avoir acces au CSS du parent cela dit (ici j'ai donc mis le flex sur l'html/body pour ne pas changer l'HTML), pas moyen de faire autrement autant que je sache...

Reply

Marsh Posté le 04-08-2017 à 10:00:55    

Ce n'est pas exactement ce que je cherche. Je voudrais ajouter à la valeur existante un nombre de pixel (20 dans mon exemple).
 
Pour le bloc 1, il est à 200 de base + 20, je voudrais qu'il soit à 220px.
et donc 190 pour le bloc 2.
 
Ceci dis, je ne connaissais pas "Flex". Tu m'a peu être mis sur une piste, je vais me documenter un peu dessus.
 
Merci en tout cas d'avoir essayé de m'aider :)
 
edit : ah oui et j'oubliais, je ne suis pas sensé connaitre la taille de bloc 1 et bloc 2.
donc faire un .bloc1 {height:calc(200px + 20px)}
ça va pas.  
 
Je sais, c'est compliqué :(


Message édité par senka le 04-08-2017 à 10:31:23
Reply

Marsh Posté le 04-08-2017 à 18:15:47    

Pas certain que ce soit compliqué, je pense plus que ce n'est pas possible...


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 06-08-2017 à 14:20:11    

arf, c'est ce que je craignais. Merci quand même

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed