Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Incorporating drop-down list into HTML page Reply To: Incorporating drop-down list into HTML page

#186208
Everton
Participant

Hello shaneisme

Many thanks for your reply.

I have done as you suggested and renamed .container in the drop down list as dropdown-container and made the changes in my HTML and CSS. I wasn’t sure how to do this:

_•Add a second class to the .container on the drop down and then adjust the CSS to include both only
•Add another wrapper and add that wrapper to the selectors in your CSS to make it even more specific
_

but I have managed to position the drop-down list to where I wanted:

Link

As it compromised other objects (three images and three lots of text), I deleted those and renamed holder_content to holder_content_middle.

Basically, I wanted to draw a line around that new content holder so that I could see what I was working with and how to reinsert the text/images I had deleted previously, so I drew a border around the holder but it is not visible:

.holder_content_middle {
        margin-top:-10px;
        margin-bottom:16px;
        margin-left:26px;         
                border-style: solid;
                border-width: 5px;
                border-color: BD2CBB;
}

I have been on this all day and would be grateful for any further advice.

Many thanks