We help IT Professionals succeed at work.

Need some help with div tags

DantechIT
DantechIT asked
on
330 Views
Last Modified: 2012-06-10
I would like to take the 90x728 ad and place it and the Previous/Next buttons like the picture illustrates. How can I get the  prev/next between the bottom of the two ads like that?

http://boredwalk.net/?p=9


ad
Comment
Watch Question

Yes you can create child div tag with the same width and height which you want and put there two buttons like prev. and next.

Thanx...

Author

Commented:
where do I put it?
Anuradha GoliSystems Development / Support Specialist

Commented:
.entry-content .ad {
position: absolute;
width: 728px;
height: 90px;
top: 0; ///change top to 0 for ad div
left: 0;
background: 
white;
}

Open in new window

Find the bold code for adding div.
<div class="entry-content style=" width:200px;="" height:900px="" "="">
<p><a href="http://boredwalk.net/wp-content/uploads/2012/05/Bird-Nest-Sold-At-a-Speciality-Products-Shop-in-HatyaiThailand-61.jpg"><img class="alignnone size-medium wp-image-11" title="Bird Nest sold in Thailand" src="http://boredwalk.net/wp-content/uploads/2012/05/Bird-Nest-Sold-At-a-Speciality-Products-Shop-in-HatyaiThailand-61-300x199.jpg" alt="Bird Nest sold in Thailand" width="300" height="199"></a>
<div>
<img src="leftarrow.jpg" width="20px" height="20px"/>
<img src="rightarrow.jpg" width="20px" height="20px"/>
</div>

</p>
                  
<div class="ad">
<img src="adbanner.jpg" width="798px" height="90px"/>
</div>

</div>

Commented:
Can you explain more?

Author

Commented:
I went through last night and figured out how to set up the divs. At the moment I am trying to figure out how to move the prev/next buttons down to the div that is set up for them. Any ideas? It is a wordpress site. I know which file the function is in but i don't see where it is called from so I can just move it.

Commented:
Can you give the images of buttons?

Author

Commented:
at the moment they are just links. I plan on making them buttons in the future.

Commented:
But the position of the div may depend from the size of the buttons

Author

Commented:
I just figured it out. Thanks anyway.

Author

Commented:
Any idea on how to bring the prev/next div up so that it is in between the left and right ads?

I want it just below the image, maybe like 5-10 px below

Author

Commented:
I used margin: -40px; and that brought it up but for some reason it pushed it to the right. I tried adjusting the right margin but it doesn't do anything.
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
lol figured it out again. I found that the text was aligned to the right and float was to the right. I adjusted the css and it was good.

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.