Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

Text div overlapping background

This is a discussion on "Text div overlapping background" within the Web Page Design section. This forum, and the thread "Text div overlapping background 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 Aug 8th, 2006, 14:24
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Text div overlapping background

In FireFox my text hides the right background line of the image. Please can someone point me in the right direction? (See attached file)

Code: Select all
/* This Weeks special side menu*/
div#thisweekspecial{
width: 220px;
padding-top: 10px;
padding-left: 0px;
}
div#thisweekcurvetop{
width: 210px;
height: 32px;
}
div#thisweekmiddle{
width: 210px;
background-image:url(images/specialmiddle.gif);
}
div#thisweekbottom{
width: 130px;
background-image:url(images/specialmiddle.gif);
}
div#thisweeksurround{
width: 210px;
}
div#specialimage{
width: 82px;
padding-left:5px;
float:left;
}
div#specialtext{
width: 100px;
float:left;
}
Attached Images
File Type: jpg special.jpg (8.7 KB, 63 views)
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 Aug 8th, 2006, 19:59
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Text div overlapping background

It would be better if you could put the actual page somewhere with a link so that we can see the css in context with the html code.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Aug 9th, 2006, 13:09
masonbarge's Avatar
Highly Reputable Member
Join Date: Jan 2006
Location: Atlanta GA
Posts: 631
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Text div overlapping background

This happens to me from time to time and it's not hard to solve, but darned if I can remember how I do it. Try floating the text right maybe which is a crummy solution but might work. The image doesn't need a div btw.
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

Tags
text, div, overlapping, background

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] Image with text -> text with background alexgeek Web Page Design 5 Nov 14th, 2007 00:25
Background Opacity without affecting Text ChrisTheSoul Web Page Design 11 Aug 31st, 2007 15:11
scroll does not line up text and background cherishkiss Web Page Design 2 Feb 22nd, 2007 16:40
Overlapping text timmytots Web Page Design 1 Oct 11th, 2006 20:47
Building Text/Dropdown Menu w/ no background TruBluTex Flash & Multimedia Forum 8 Jan 15th, 2006 21:54


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


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8