Zaloguj | Zarejestruj | FAQ
Anonymous

Items on page will not move!

+ Odpowiedz

Posty: 4 Strona 1 z 1


Items on page will not move!

przez SteveH » Pn mar 16, 2015 5:24 am

Hello

I have a test site here: http://www.tomorrowswomenwirral.org/_test.html

I am happy with the placement of the date, menu, logo, etc, but I am trying to move the sliding banner, the 'aim' of the charity (Our aim is to help prevent...), and those three drop-down lists (News, Donate, Timetable) to the right of the page (about 100px from the right margin).

The sliding banner is governed by

<div id="intro">
<div id="slides">
<div class="slides_container">

and so, in my CSS, I have given each of them right margins of 100px, but the sliding banner and its image holder refuses to move! It is the same with the two classes 'holder_content1' and 'group1', that govern the text aim (Our aim is to help prevent...). Again, I have given 'holder_content1' and 'group1' right margins of 100px but that, too, does not work!

Finally, the three drop-down lists (News, Donate, Timetable). I have given '#timetable ul {' and '#timetable ul li {' each right margins of 100px, but again they will not move to the right.

What is preventing these three items, the sliding images, the text 'aim', and the drop-down lists from moving to the right, and how can I correct it, please?

Thank you.
Avatar użytkownika

SteveH

  • Posty: 40
  • Dołączył(a): Pn lut 03, 2014 7:32 pm

Re: Items on page will not move!

przez nanoverso » Pn mar 16, 2015 8:37 pm

Try changing #content margin: auto to margin: auto 100px auto auto;
Avatar użytkownika

nanoverso

  • Posty: 253
  • Dołączył(a): So maja 10, 2014 12:08 am
  • Lokalizacja: Brazil
--
Free VST Plugins Download.

Re: Items on page will not move!

przez SteveH » Pn mar 16, 2015 9:58 pm

Hello nanoverso

Do you mean like this in the women_test.css style sheet:

#content {
width: 900px;
margin: auto 100px auto auto;
/*margin: 0 0 20px 20px;*/
/*margin-top: 0px;*/
/*margin-right:100px;*/
/*margin-bottom:20px;*/
/*margin-left:20px;*/
float: right;
}

I have done that and uploaded it to my server, but there is no difference unfortunately.

Thanks for your reply.

Steve
Avatar użytkownika

SteveH

  • Posty: 40
  • Dołączył(a): Pn lut 03, 2014 7:32 pm

Re: Items on page will not move!

przez XainPro » So mar 28, 2015 7:42 am

add margin to the left so they will move to the right ;)
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1