Avatar of DantechIT
DantechIT
 asked on

Need some help with div tags

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
HTMLCSSWordPress

Avatar of undefined
Last Comment
DantechIT

8/22/2022 - Mon
aplusexpert

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...
DantechIT

ASKER
where do I put it?
Anuradha Goli

.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>
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
user_n

Can you explain more?
DantechIT

ASKER
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.
user_n

Can you give the images of buttons?
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
DantechIT

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

But the position of the div may depend from the size of the buttons
DantechIT

ASKER
I just figured it out. Thanks anyway.
Your help has saved me hundreds of hours of internet surfing.
fblack61
DantechIT

ASKER
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
DantechIT

ASKER
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.
ASKER CERTIFIED SOLUTION
user_n

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
DantechIT

ASKER
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.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.