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

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;
        
Profile
 
 
Posted: 30 April 2010 03:36 PM   [ Ignore ]   [ # 1 ]
Sr. Member
RankRankRankRank
Total Posts:  139
Joined  2010-04-23

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

Profile
 
 
Posted: 02 November 2010 12:18 AM   [ 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 09: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 08: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: 25 November 2010 05:29 AM   [ 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 12:23 PM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  2
Joined  2010-11-28

I also want to know the answer

Profile
 
 
Posted: 02 January 2011 09: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.

Profile
 
 
Posted: 18 January 2011 02:55 AM   [ Ignore ]   [ # 8 ]
Sr. Member
RankRankRankRank
Total Posts:  139
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 04:31 PM   [ 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 05:57 PM   [ 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 02:44 PM   [ Ignore ]   [ # 11 ]
Newbie
Rank
Total Posts:  12
Joined  2011-01-17

It sounds like you may be using overflow

Profile
 
 
Posted: 15 March 2011 11:23 PM   [ Ignore ]   [ # 12 ]
Sr. Member
RankRankRankRank
Total Posts:  139
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: 10 May 2011 01:33 AM   [ 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 07:50 PM   [ Ignore ]   [ # 14 ]
Newbie
Rank
Total Posts:  1
Joined  2011-03-25
miguel - 15 March 2011 11: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 12:50 PM   [ Ignore ]   [ # 15 ]
Jr. Member
RankRank
Total Posts:  44
Joined  2010-10-13
miguel - 18 January 2011 02:55 AM

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