Link to home
Create AccountLog in
CSS

CSS

--

Questions

--

Followers

Top Experts

Avatar of iceman19330
iceman19330

image overlapping
So I am running into an issue where the large image near the bottom of the page is overlapping the thumbnail group to the side.

http://tinyurl.com/3nm46ok

I should be even-ish near the top and aligned to the left of the thumbnails.

Any thoughts?

Zero AI Policy

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

ASKER CERTIFIED SOLUTION
Avatar of jonahzonajonahzona🇺🇸

Link to home
membership
Log in or create a free account to see answer.
Signing up is free and takes 30 seconds. No credit card required.
Create Account
Avatar of jonahzonajonahzona🇺🇸

Here is a screenshot of the output.

 User generated image
Avatar of iceman19330iceman19330

ASKER

is there some reason why the thumbnails wont go to the right of the image next to it?
Avatar of jonahzonajonahzona🇺🇸

Its because the div they are both in is too skinny.

.ai-add_box_inner {
    margin: 0;
    overflow: hidden;
    width: 383px;
}

Open in new window


Try changing this one.
.ai-add_box_inner {
    margin: 0;
    overflow: hidden;
    width: auto;
}

Open in new window


You don't have to make it auto, you can make it static. But it has to be wide enough to hold both divs that are nested in it.
Reward 1Reward 2Reward 3Reward 4Reward 5Reward 6

EARN REWARDS FOR ASKING, ANSWERING, AND MORE.

Earn free swag for participating on the platform.

Avatar of jonahzonajonahzona🇺🇸

Screenshot with above property set.

 User generated image
CSS

CSS

--

Questions

--

Followers

Top Experts

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.