Har en liste med flere bilder, hvorav det er 700px i max-bredde- og høydeverdi. Bildene flyter mot venstre og er i forskjellig høyder og bredder, men 700px i den ene eller andre retningen. I bredderetningen skulle jeg ønsket at bildene som ikke gikk til kant, fylte ut det overflødige mellomromet med en farge. Har knotet og rotet med de ulike liste-egenskapene, men oppnår ikke resultatet jeg ønsker. Eksempelvis:
ul#container li {
position: relative;
top: 240px;
list-style: none;
margin-right:10px;
width: 700px;
background-color: gray;
}
Gjør delvis det jeg ønsker. Jeg får enkelt og greit en grå boks som strekker seg de nevnte 700px i bredde, og til bunnen av listen. Jeg vil likevel ha en grå boks for hvert bilde, ikke en for alle. Jeg vil ha det som om jeg åpnet alle bildene i photoshop, gjorde canvas 700px bredt, og fylte ut det overflødige med gråfarge.
Er dette mulig? Eventuelt forståelig. Haha.
ul#container li {
position: relative;
top: 240px;
list-style: none;
margin-right:10px;
width: 700px;
background-color: gray;
}
Gjør delvis det jeg ønsker. Jeg får enkelt og greit en grå boks som strekker seg de nevnte 700px i bredde, og til bunnen av listen. Jeg vil likevel ha en grå boks for hvert bilde, ikke en for alle. Jeg vil ha det som om jeg åpnet alle bildene i photoshop, gjorde canvas 700px bredt, og fylte ut det overflødige med gråfarge.
Er dette mulig? Eventuelt forståelig. Haha.