Hej der ude.
nu er jeg ik vildt god til CSS men det er ret lige til ville jeg mene.
min HTML ser sådan her ud:
- <div id="files_list" class="files ui-sortable" data-target="#modal-gallery" data-toggle="modal-gallery">
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- </div>
hvis jeg så ønsker at uplaode 2 nye filer ser det sådan her ud:
- <div id="files_list" class="files ui-sortable" data-target="#modal-gallery" data-toggle="modal-gallery">
- <div class="template-upload fade in">...</div>
- <div class="template-upload fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- <div class="template-download fade in">...</div>
- </div>
det virker super og alt det der, men så ønsker jeg at have en border under det første billede som er uploadet (.template-download) og en border under den sidste fil man er igang med at uploade (.template-upload)
min css:
- /* filer der er uploaded før */
- #files_list .template-download:first-child{
- background-image: url('/interface/graphics/border_dotted.png');
- background-repeat: repeat-x;
- background-position: bottom left;
- margin-bottom: 20px;
- }
-
- /* filer i kø til at blive uploaded */
- #files_list .template-upload:last-child{
- background-image: url('/interface/graphics/border_dotted.png');
- background-repeat: repeat-x;
- background-position: bottom left;
- margin-bottom: 20px;
- }
nu er mit problem så bare, hvis der kun er filer som er uploaded (.template-download) er der en border under det første billede som der skal være, men hvis jeg nu tilføjer en ny fil til køen, så forsvinder den border under det første billede. og der kommer heller ikke nogen border under det sidste billede i køen.
nogen der kan se min fejl?