[SOLVED] CSS Image Positioning issues

This is a discussion on "[SOLVED] CSS Image Positioning issues" within the Web Page Design section. This forum, and the thread "[SOLVED] CSS Image Positioning issues are both part of the Design Your Website category.



 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1  
Old Jul 1st, 2008, 23:32
Junior Member
Join Date: Jul 2008
Location: MA
Age: 26
Posts: 16
Thanks: 2
Thanked 0 Times in 0 Posts
[SOLVED] CSS Image Positioning issues

I'm having some trouble getting an image to appear under my banner logo. This is what I'm doing, but the image just doesn't show up anywhere. This is a snippet of what I'm using:

css:
Code: Select all
#login {
background: url(images/login2.jpg) no-repeat;
position: absolute;
top: 100px;
right: 0%;
height: 75px;
}
html:
Code: Select all
<div id="logo"></div>
<div id="login"></div>
anyone able to see the error in my ways?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jul 2nd, 2008, 00:25
Reputable Member
Join Date: Mar 2008
Location: Chester, UK
Age: 18
Posts: 438
Thanks: 2
Thanked 29 Times in 29 Posts
Re: CSS Image Positioning issues

If theres no content in
Code: Select all
<div id="login"></div>
You'll probably have to assign a width attribute to it

Code: Select all
height: 75px;
width: 75px;
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
The Following User Says Thank You to Bocaj For This Useful Post:
  #3  
Old Jul 2nd, 2008, 01:02
Junior Member
Join Date: Jul 2008
Location: MA
Age: 26
Posts: 16
Thanks: 2
Thanked 0 Times in 0 Posts
Re: CSS Image Positioning issues

wow, i NEVER would have gotten that one! thanks man!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jul 2nd, 2008, 14:10
CloudedVision's Avatar
Moderator
Join Date: Feb 2008
Location: In My Own Little World
Age: 14
Posts: 1,248
Blog Entries: 9
Thanks: 2
Thanked 40 Times in 40 Posts
Re: CSS Image Positioning issues

Just really quick. Also insert &nbsp; into empty divs:

Code: Select all
<div id="login">&nbsp;</div>
__________________
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed | Learning PHP? Lessons
Last Blog Entry: Hilarious Rapper (Jul 29th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Thread Tools

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
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] About "background-image: fixed;" Scrolling Issues doctypedeclaration Web Page Design 9 Apr 13th, 2008 18:54
[SOLVED] positioning something inside an image danny322 Web Page Design 3 Dec 5th, 2007 13:36
[SOLVED] Link Color and problem with Image positioning! Ed Web Page Design 33 Oct 10th, 2007 11:17
Positioning Issues camcool21 Web Page Design 4 Dec 7th, 2006 18:49
Positioning image absolutely timmytots Web Page Design 1 Jan 10th, 2006 02:27


All times are GMT. The time now is 19:11.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42