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..

-----------

meme büyütme | kepçe kulak | plastische chirurgie

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;

----------------
meme estetiği | göğüs büyütme | burun estetiği

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:  92
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; for float containment on your main wrapping div. If that is the case then that is what is hiding the portion of your span that hangs out and you would need to use the clearfix method for float containment, domain burun estetiği kızlık zarı şiir

#wrapper:after { /*Float Containment*/
    clear:both;
    
content:"";
    
display:block;
    
height:0;
    
font-size:0;
}

I’m just guessing so post your code if that does not work.

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

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

<div id="container">   <span id="menu">     <span>Item 1</span>     <span>Item 2</span>     <span>Item 3</span>   </span>   <span>     Something else...   </span> </div>

The problem could be that you are trying to render a box (span with display:block) inside a span, which is natively inline. So, you might benefit from actually using boxes inside of boxes. I suggest something like this: web tasarım.

In your styles:

ul#menu{        display: block;        padding: 0;        list-style: none;        overflow: hidden;      }       #menu li{        float: left;        padding-right: 20px;      }

In your markup:

<div id="container">   <ul id="menu">     <li>Item 1</li>     <li>Item 2</li>     <li>Item 3</li>   </ul>   <span>     Something else...   </span> </div>

This way, you are keeping the semantics in your markup, stating that a menu is actually a list, but you are rendering something that looks like a horizontal navigation.

Inline elements inside boxes should always work properly, but the other way around you will find some funky effects in some browsers.
http://www.nevarsa.com

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

It sounds like you may be using overflow:hidden; for float containment on your main wrapping div. If that is the case then that is what is hiding the portion of your span that hangs out and you would need to use the clearfix method for float containment, domain burun estetiği kızlık zarı şiir

#wrapper:after { /*Float Containment*/
    clear:both;
    
content:"";
    
display:block;
    
height:0;
    
font-size:0;
}

I’m just guessing so post your code if that does not work.

The problem could be that you are trying to render a box (span with display:block göğüs estetiği) inside a span, which is natively inline. So, you might benefit from actually using boxes inside of boxes göğüs küçültme. I suggest something like this. This way, you are keeping the semantics in your markup, stating that a menu is actually a list, but you are rendering something that looks like a horizontal navigation göğüs dikleştirme. Inline elements inside boxes should always work properly, but the other way around you will find some funky effects in some browsers jinekomasti.

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 . 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