Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

box location issue

Featured Replies

My link

 

can someone please look at the link and let me know what i have done wrong. I need the blue box to be on the right hand side of the slide show.

 

But for some reason cant get it to work

 

thanks

have you tried merging it to the right?

Your right side floated div containing the blue box is inside your left side floated div.

 

It should be more like

 

div.main

div.slideshow.left

all the ungodly slidecode in here

/div.slideshow

div.right

whatever that blue box is

/div.right

.clearfix

/div.main

 

Use a real clearfix though, the one you have at the moment won't help you much. You're also using the id="main" twice on the page.

Float the divs.

 

This is the bedrock of creating modern sites, you really need to take a step back and learn what you are doing rather than mashing a few scripts together then coming to a forum to ask someone to do work for you.

  • Author

i have copied what was said and got the box floating to the right but cant get the blue box to the side of slideshow

i have copied what was said and got the box floating to the right but cant get the blue box to the side of slideshow

 

First you need to float it left and not right! then remove the clear:both and set the width to auto instead of 500px.

 

then go to your script and wrap it so that you can get the desired with through there instead, that should solve your problem.

 

also add a <div> footer with clear:both instead.

  • Author

excellent thank you berteldk, that has sorted it, i knew it would prob be something really simple thank you again

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.