Posted by help with den css

kitsuwn 🌸 (#91112)

Divine
View Forum Posts


Posted on
2022-01-13 07:59:14
heya! i recently made a custom css for my den using katie's free css tutorial template, however i'm having some troubles with my bottom three caves lining up properly. (if you go to my den, you should see the problem!)

here is the dropbox link to the code so you can take a look and perhaps see what is causing the problem? thanks in advance for any help!


Edited on 14/01/22 @ 05:35:37 by kitsuwn 🌸 (#91112)

Trace ◦ G1 TriRos
2.6k (#68847)


View Forum Posts


Posted on
2022-01-13 08:26:31
I wonder if it's because of a difference in image size or aspect ratio. I compared all your den images and this one for (4.「 акушерок 」🍼) seems to have a different image size and aspect ratio as compared to your other dens. Maybe changing it to be the same as the rest will fix your problem?


kitsuwn 🌸 (#91112)

Divine
View Forum Posts


Posted on
2022-01-14 05:32:45
i just tried that (resized down to 2000), however the problem is still persisting. ^^;


Trace ◦ G1 TriRos
2.6k (#68847)


View Forum Posts


Posted on
2022-01-14 07:29:07
I don't have enough caves to test your code thoroughly, but I still think it's a problem with image resizing.

I tested it out with three caves and adjusted the fourth den's image to fit the rest of the images. After photoshopping and hosting the fourth den's image on my imgur account, I'm left with this result that you see on my profile.

Try changing out the imgur link on line 440 of your code to
https://i.imgur.com/N7Dy0vH.jpg

Please let me know if it doesn't work.. I'll try to see if there is any other solution.




kitsuwn 🌸 (#91112)

Divine
View Forum Posts


Posted on
2022-01-15 03:12:49
i replaced the image with the one you provided and it still didn't work. ^^;


Trace ◦ G1 TriRos
2.6k (#68847)


View Forum Posts


Posted on
2022-01-16 10:20:29
Unfortunately, I don't think I have the funds to build three more dens to test out the coding as efficiently as I want to. I'm sorry, I wish I could help out more.


kitsuwn 🌸 (#91112)

Divine
View Forum Posts


Posted on
2022-01-16 19:24:28
that's fine - thank you for your help anyway! ♡



Edited on 16/01/22 @ 19:24:43 by kitsuwn 🌸 (#91112)

kitsuwn 🌸 (#91112)

Divine
View Forum Posts


Posted on
2022-02-08 18:26:44
still need help with this. ^^;


Trace ◦ G1 TriRos
2.6k (#68847)


View Forum Posts


Posted on
2022-03-28 05:35:58
Hey there again! I might have figured out what is happening.. I think(?). Here's to me hoping that my explanation makes sense.

I went down to break your code and deduced that the problem really has to do with the height of an image clashing with the float tag of each individual den by either one or two pixels. Some more digging led me to find out that the original image size for the cave image for second den 2.「 водопад 」🌊 is most probably what's making the bottom dens not line up properly. (Because disabling the second den gets all six caves to line up proper again.

A solution would be to define and fix the second den's image to the default den image size. Could you perhaps try pasting in

width: 250px;
height: 166px;


in line 431. If it doesn't work, could you try putting in !imporant behind 250px and 166px respectively and let me know if that works? 🥵


kitsuwn 🌸 (#91112)

Divine
View Forum Posts


Posted on
2022-03-30 03:01:37
ahh, it worked!! thank you so much!!



Edited on 30/03/22 @ 03:02:08 by kitsuwn 🌸 (#91112)