Beginner Programming
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Other > Beginner Programming
Reload this Page

how do i center an image?

Discuss how do i center an image? in the Beginner Programming forum on Dev Shed.
how do i center an image? Beginner Programming forum discussing problems and solutions for just about any issue. Experienced programmers offer their help to those just starting out.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old August 20th, 2003, 09:47 PM
shokesy shokesy is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Sep 2002
Posts: 62 shokesy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 46 m 42 sec
Reputation Power: 7
how do i center an image?
Hi,
i made a splash page image 783 x 452 so that it should fit snug in a browser with a resolution of 800x600. My problem is i want to center it so there's no white space around the edges, in other words, no scrolling. How do i accomplish this?

thanksNadvance!
Reply With Quote
  #2  
Old August 20th, 2003, 10:27 PM
Onslaught's Avatar
Onslaught Onslaught is offline
/(bb|[^b]{2})/
Dev Shed Demi-God (4500 - 4999 posts)
  
Join Date: Nov 2001
Location: Somewhere in the great unknown
Posts: 4,840 Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 2 Days 36 m 16 sec
Reputation Power: 88
Send a message via ICQ to Onslaught
place it inside of <center> tags
or make a css class and center it that way
etc...
Reply With Quote
  #3  
Old August 21st, 2003, 12:04 AM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,225 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 44 m 44 sec
Reputation Power: 174
Actually, for the record, the <center> tag is depricated as of HTML v4.01.

CSS is a good choice.

Alternately, you can adjust the alignment of the image right in the image tag.

Code:
<img src='/images/my_pic.jpg' border='0' alt='my picture!' title='my picture!' width='700' height='60' vspace='1' hspace='1' align='center' valign='top' />


Or, you can use a <div> tag to manage the alignment.
Code:
<div align='left' valign='top'>
<img src='/images/my_pic.jpg' border='0' alt='my picture!' title='my picture!' width='700' height='60' vspace='1' hspace='1' />
</div>
__________________
Give a person code, and they'll hack for a day; Teach them how to code, and they'll hack forever.
Analyze twice; hack once.
The world's first existential ITIL question: If a change is released into production without a ticket to track it,
was it actually released?

About DrGroove: ITIL-Certified IT Process Engineer - Enterprise Application Architect -
Freelance IT Journalist - Devshed Moderator - Funk Bassist Extraordinaire
Reply With Quote
  #4  
Old August 21st, 2003, 07:46 AM
Onslaught's Avatar
Onslaught Onslaught is offline
/(bb|[^b]{2})/
Dev Shed Demi-God (4500 - 4999 posts)
  
Join Date: Nov 2001
Location: Somewhere in the great unknown
Posts: 4,840 Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 2 Days 36 m 16 sec
Reputation Power: 88
Send a message via ICQ to Onslaught
yeah I know, is why I offered more than one alternative
as always css is the best choice, but there are multiple methods to accomplish this.
Reply With Quote
  #5  
Old August 23rd, 2003, 08:57 PM
drgroove's Avatar
drgroove drgroove is offline
pushing envelopes, not pencils
Dev Shed God 2nd Plane (6000 - 6499 posts)
  
Join Date: Feb 2002
Posts: 6,225 drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level)drgroove User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 1 Day 4 h 44 m 44 sec
Reputation Power: 174
Quote:
Originally posted by Onslaught
yeah I know, is why I offered more than one alternative
as always css is the best choice, but there are multiple methods to accomplish this.


My bad Onslaught, wasn't trying to dis' you.
Reply With Quote
  #6  
Old August 23rd, 2003, 09:35 PM
sacrilege sacrilege is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Dec 2002
Location: Norwich, UK
Posts: 53 sacrilege User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 9 h 1 m 53 sec
Reputation Power: 6
If you mean you want to get rid of the whitespace between the edge of the screen and the image you simply have to remove the body element's margins and padding (IE and Mozilla consider the space a margin, but Opera considers it padding I believe). The *best* way to do this is with CSS like so:

Code:
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
</style>
Reply With Quote
  #7  
Old August 24th, 2003, 10:21 AM
shokesy shokesy is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Sep 2002
Posts: 62 shokesy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 46 m 42 sec
Reputation Power: 7
Quote:
Originally posted by sacrilege
If you mean you want to get rid of the whitespace between the edge of the screen and the image you simply have to remove the body element's margins and padding (IE and Mozilla consider the space a margin, but Opera considers it padding I believe). The *best* way to do this is with CSS like so:

Code:
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
</style>


ahhhh, thats precisely what i meant!

thanks a million folks!
Reply With Quote
  #8  
Old August 24th, 2003, 09:21 PM
Onslaught's Avatar
Onslaught Onslaught is offline
/(bb|[^b]{2})/
Dev Shed Demi-God (4500 - 4999 posts)
  
Join Date: Nov 2001
Location: Somewhere in the great unknown
Posts: 4,840 Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level)Onslaught User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 2 Days 36 m 16 sec
Reputation Power: 88
Send a message via ICQ to Onslaught
Quote:
Originally posted by drgroove
My bad Onslaught, wasn't trying to dis' you.
not a prob, and you were correct to post what you did m8
Reply With Quote
Reply

Viewing: Dev Shed Forums > Other > Beginner Programming > how do i center an image?

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway. 
Stay green...Green IT