Welcome Guest   ·   Login   ·   Register   ·   Member List
Forum Home  >  CSS help  >  Help with CSS  >  Thread
Search  
  
  Advanced Search
   
1 of 2
1
2
Next
make span overlap everything
 
waxydock
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-indent: 0;
            margin: 0;
            color: #000;
            background-color: #F4F4F4;
            font-weight: bold;
            position: absolute;
            border: 1px solid #BCBCBC;
            vertical-align: top;
            bottom: 10%;
            left: 50%;
            padding: 10px;
            width: 200px;
            height: 200px;
            overflow: visible;
        } 
Profile
 
 
miguel
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
 
 
plastik
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
 
 
ciddiadam
Posted: 10 November 2010 09:04 PM   [ Ignore ]   [ # 3 ]
Jr. Member
RankRank
Total Posts:  39
Joined  2010-10-06

Try that:

display: none;
            text-indent: 1;
            margin: 0;
            color: #000;
            background-color: #F4F4F4;
            font-weight: bold;
            position: absolute;
            border: 1px solid #BCBCBC;
            vertical-align: top;
            bottom: 10%;
            left: 50%;
            width: 200px;
            height: 200px; 
Profile
 
 
ornela
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
 
 
BeanstalkIM
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
 
 
cheap jordan shoes
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
 
 
RioAngleson
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
 
 
miguel
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
 
 
beggar
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
 
 
trader
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
 
 
mysteriouss1982
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
 
 
miguel
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
 
 
fullbet
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
 
 
sam1216
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
 
 
plastik
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
2
Next
 
‹‹ How does unused selectors of CSS affect a webpage?      Floating 3 elements in a fluid width layout ››