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.

How The Hell Do I Make An Image Sit To The Right Of Text?

Featured Replies

Hey guys,

 

I am making a newsletter optin thank you page and i really need to know how to place an image or table for an image to the right of my content.

 

I have tried putting where i want just using nvu WYSWYG editor and it keeps going in between my paragraphs of text. I am getting so annoyed as i have been spending hours trying to look at other websites code that have achieved my desired results and then copying or trying to copy it into my own script with my own images and stuff. I got it to sit to the right of the text once, but it also pushed my border to the left as well which is not what i want.

 

I have managed to do this before using cpanel but cannot seem to replicate it. if someone can look at this page:

 

www.smoothsearcher.com/Thankyou.html

 

that is what i am trying to achieve but on the following page:

 

www.smoothsearcher.com/doggytips/Thankyou.html

 

If anyone can tell me where i can get a tutorial or knows and can tell me easily then i would really appreciate it. :rolleyes:

 

 

Thanks, :D

 

Nick

Hi Nick,

 

Frustrating when you have problem you can't solves isn't it??

 

Have you set out your page using CSS? If so, send me your page code and your CSS code and ill fix it for you. Then you can look at how iv'e done it (probably easier).

 

Also, let me know what size your image needs to be.

 

Sounds like you need a floated, relative div in the main content area....

 

Paul.

this is another way

 

<img src="../assets/images/imagename.jpg" alt="alt tex goes here" width="260" height="260" class="leftimg"

 

leftimg been a .class with the what ever positioning you may need in a .css EG.

 

}

.leftimg {

clear: both;

float: left;

margin-top: 10px;

margin-left: 10px;

}

hope this helps you i am only a begiiner so other people may be able offer you better advice you would change the .css properties to what ever you require

  • Author

Hey Ben,

 

Thanks for your advice, I have tried what you suggested and it has kind of worked.

 

Now I just need to move the image in from the side a bit as it is almost on the edge of the

 

right hand border. How do i make it come in a bit?

 

 

Thanks for your time :D

 

Nick

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.