Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 09-12-2004, 05:49 AM
spl1nter spl1nter is offline
Junior Member
 
Join Date: 03-09-04
Posts: 19
iTrader: 0 / 0%
Help with floating...

On my site http://www.gamehideout.co.uk/ I am trying to get the image in the same box as "Testing, testing." while being on the right-hand side of the box (where it currently is).

Code:
<div class="context"> <img src='thumb_gen.php?forum.jpg' alt='The new look forum.' /> Testing, testing. </div>
Code:
#content .top .context img { border: 1px #CCCCCC dashed; padding: 1px; float: right; }
What's up and how do I fix it?
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 09-12-2004, 07:20 AM
Jazzee Jazzee is offline
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Looks like you figured this out?
 
Reply With Quote
  #3  
Old 09-12-2004, 08:16 AM
spl1nter spl1nter is offline
Junior Member
 
Join Date: 03-09-04
Posts: 19
iTrader: 0 / 0%
I sort of solved it:

Code:
<div class="top"> <div class="header">latest update - 12/09/04</div> <div class="context"> <p>This site is very incomplete but all the links work so you can take a look around. Not much content yet though. Make sure to check out the forum as it has become very popular!</p> <a href='image/forum.jpg'><img src='thumb_gen.php?forum.jpg' alt='The new look forum.' /></a> </div> </div>
Code:
#content .top .context { border: 1px #CCCCCC dashed; border-top: 0px; padding: 3px; text-align:right; } #content .top .context img { border: 1px #CCCCCC dashed; padding: 1px; margin: 3px; } #content .top .context p { text-align: left; float: left; margin: 0px; }
Unfortunately the text goes above the image now. The top of the image is meant to be on the same line as the 1st line of text.
 
Reply With Quote
  #4  
Old 09-12-2004, 10:07 AM
spl1nter spl1nter is offline
Junior Member
 
Join Date: 03-09-04
Posts: 19
iTrader: 0 / 0%
I figured it out. I'm not going to be able to tell you exactly how I did it as I made lots of little changes and I've forgotten how much different the code is.

I'll provide the two pieces of code now though for you to analyse. The main bit was to have the image tag before the text.

Code:
<div class="context"> <p><a href='image/forum.jpg'><img src='thumb_gen.php?forum.jpg' alt='The new look forum.' /></a> This site is very incomplete but all the links work so you can take a look around. Not much content yet though. Make sure to check out the forum as it has become very popular!</p> </div>
Code:
#content .top .context { border: 1px #CCCCCC dashed; border-top: 0px; padding: 3px; float: left; margin-bottom: 5px; } #content .top .context img { border: 1px #CCCCCC dashed; padding: 1px; margin: 3px; float: right; } #content .top .context p { margin: 0px; }
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Floating Table OhCaN Coding Forum 13 08-24-2007 12:42 PM
Floating divs breaks in FF, not other browsers iamPariah Coding Forum 0 07-30-2007 04:23 PM
Floating Image sixty6 Coding Forum 4 06-29-2006 01:05 AM
Javascript for a floating star tuzaj Web Design Lobby 3 06-30-2005 03:17 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 01:10 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC