2017-08-14 5 views
0

J'essaye de mettre une bordure/ombre autour de chacun de mes 'blocs' séparés de mon forum. J'utilise le logiciel du forum communautaire IPS avec le thème Blue Lagoon. J'ai séparé les blocs avec du rembourrage, puis j'ai essayé de mettre une bordure dessus, mais de toute évidence, il couvre la largeur de l'écran et n'est pas serré autour du 'bloc' du diaporama. Je ne sais pas comment les choses sont centrées car je suis en train de modifier un modèle qui est extrêmement inutilisable pour l'utilisateur.Border autour d'un div centré

.block-split { 
    padding-top: 8px; 
    padding-bottom: 4px; 
    border: 5px solid black; 
} 

Est-ce que mon CSS est pour séparer les blocs et la bordure.

En gros, comment puis-je obtenir une frontière/ombre autour des éléments spécifiques qui ne couvre pas la largeur de l'écran

devrait être ci-dessous une image du problème

Merci =]

Lien vers le site peut être fourni si demandé

+0

Avez-vous essayé la marge pour la div séparée et faire la frontière pour cela. ?? –

+0

Un lien vers le site est nécessaire pour vérifier la structure HTML – Gerard

Répondre

0

Vous peut essayer de sélectionner un enfant de votre élément choisi et mettre la bordure autour de cela. Je suppose que l'élément que vous avez choisi n'est pas celui que vous vouliez mettre autour de la frontière.

+0

Je ne pense pas que ce soit possible, ou au moins nécessiterait de passer par quelques fichiers mal nommés. Je suis en train d'éditer ceci à partir d'un 'globalTemplate' où tout est ajouté via php ou codé en dur, que tout ce bloc semble être fait via php: http://prntscr.com/g89974 – Pred

+0

vous pouvez faire quelque chose comme ' '' .border> * '' ' pour sélectionner l'enfant direct – Jonathan

0

fixe .. il Copié le css qu'il utilisait dans une autre classe, réaffecté quelle classe le diaporama utilisait et a ajouté la frontière^_^