1 of 2
1
make span overlap everything
Posted: 11 February 2010 11:44 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2010-02-11

Hi there,

I currently have a <span> that pops up when the user moves there mouse over an area, but the problem is that its getting cut off by the side of my website. How do i make the span area display over the edge of my site.

Ive attached a screenshot of what i mean… and the css for the span is below.

thanks for any help..

dd#nameDef a:hover span
        
{
            display
block;
            
text-indent0;
            
margin0;
            
color#000;
            
background-color#F4F4F4;
            
font-weightbold;
            
positionabsolute;
            
border1px solid #BCBCBC;
            
vertical-aligntop;
            
bottom10%;
            
left50%;
            
padding10px;
            
width200px;
            
height200px;
            
overflowvisible;
        
}

Image Attachments
screenshot12345.jpg
Profile
 
 
Posted: 30 April 2010 09:36 AM   [ Ignore ]   [ # 1 ]
Sr. Member
RankRankRankRank
Total Posts:  133
Joined  2010-04-23

You should try using the z-index in the CSS styles.
____________________
sudoku - social - puppies

Profile
 
 
Posted: 01 November 2010 06:18 PM   [ Ignore ]   [ # 2 ]
Jr. Member
RankRank
Total Posts:  44
Joined  2010-10-13

hi, first delete ovewiev and than rewiev padding..

Profile
 
 
Posted: 10 November 2010 02:04 PM   [ Ignore ]   [ # 3 ]
Jr. Member
RankRank
Total Posts:  39
Joined  2010-10-06

Try that:

displaynone;
            
text-indent1;
            
margin0;
            
color#000;
            
background-color#F4F4F4;
            
font-weightbold;
            
positionabsolute;
            
border1px solid #BCBCBC;
            
vertical-aligntop;
            
bottom10%;
            
left50%;
            
width200px;
            
height200px;

Profile
 
 
Posted: 24 November 2010 01:49 PM   [ Ignore ]   [ # 4 ]
Newbie
Rank
Total Posts:  1
Joined  2010-11-24

I had a similar problem as you have and using z-index solved the problem with pop up being cutted off

---------------------

Ornela from web hosting reviews - ipage review - justhost review

Profile
 
 
Posted: 24 November 2010 10:29 PM   [ Ignore ]   [ # 5 ]
Member
Avatar
RankRankRank
Total Posts:  94
Joined  2010-06-17

Z should do it. :)

Dave Davies, CEO
Beanstalk SEO

Profile
 
 
Posted: 28 November 2010 05:23 AM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  2
Joined  2010-11-28

I also want to know the answer

Profile
 
 
Posted: 02 January 2011 02:18 PM   [ Ignore ]   [ # 7 ]
Newbie
Rank
Total Posts:  1
Joined  2011-01-02

I know what you mean, how did you fix it. As a temp measure I’ve widened my site but don’t know how to get it to overlap the edges.

Body fat point in i would say the fat burning furnace used with the diet solution. You could test eat stop eat who has tinnitus miracle around the probably don’t services. seo link monster is designed for link building services as well as the satellite direct keeps various large quality lcd tv.

Profile
 
 
Posted: 17 January 2011 07:55 PM   [ Ignore ]   [ # 8 ]
Sr. Member
RankRankRankRank
Total Posts:  133
Joined  2010-04-23

You will have to use the z-order and float the span
_____________________________________
Sudoku - Play Flash Games - Play Flash Games

Profile
 
 
Posted: 18 January 2011 09:31 AM   [ Ignore ]   [ # 9 ]
Newbie
Rank
Total Posts:  23
Joined  2011-01-06

It sounds like you may be using overflow:hidden;

Profile
 
 
Posted: 18 January 2011 10:57 AM   [ Ignore ]   [ # 10 ]
Newbie
Rank
Total Posts:  15
Joined  2011-01-17

So, if I understood correctly, you have something like this

Profile
 
 
Posted: 02 March 2011 07:44 AM   [ Ignore ]   [ # 11 ]
Newbie
Rank
Total Posts:  12
Joined  2011-01-17

It sounds like you may be using overflow

Profile
 
 
Posted: 15 March 2011 05:23 PM   [ Ignore ]   [ # 12 ]
Sr. Member
RankRankRankRank
Total Posts:  133
Joined  2010-04-23

I would recommend that you wrap the floating span with a div. Have the div be floating.
_____________________________
Sudoku - Flash Game - Flash Game
Flash Game - xnxx - Flash Game

Profile
 
 
Posted: 09 May 2011 07:33 PM   [ Ignore ]   [ # 13 ]
Newbie
Rank
Total Posts:  1
Joined  2010-10-08

I am really in appreciative of your work. Your illustration job is well done. I see your work each week and it is good.
Pariuri Sportive

Profile
 
 
Posted: 15 September 2011 01:50 PM   [ Ignore ]   [ # 14 ]
Newbie
Rank
Total Posts:  1
Joined  2011-03-25
miguel - 15 March 2011 05:23 PM

I would recommend that you wrap the floating span with a div. Have the div be floating.
_____________________________
Sudoku - Flash Game - Flash Game
Flash Game - xnxx - Flash Game

i agree with you mate try this method

Profile
 
 
Posted: 18 November 2011 05:50 AM   [ Ignore ]   [ # 15 ]
Jr. Member
RankRank
Total Posts:  44
Joined  2010-10-13
miguel - 17 January 2011 07:55 PM

You will have to use the z-order and float the span

thanks for your help estetik. I still havnt managed to crack it using overflow or everything else ive tried so ill post my code.. ive attached a link to my html and css files saç ekimi.

Profile
 
 
   
1 of 2
1