Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
overflow: hidden; and display: inline-block; not working...
Old 08-31-2010, 01:29 AM overflow: hidden; and display: inline-block; not working...
Sleeping Troll's Avatar
Ultra Talker

Posts: 351
Name: Butch Begy
Trades: 0
Here is the php:

PHP Code:
<?php
$type
=$_REQUEST["Type"];
$term=$_REQUEST["Term"];
$count=$_REQUEST["Count"];
$menu=$_REQUEST["Menu"];
$ch curl_init(); 
$timeout 0// set to zero for no timeout 
curl_setopt ($chCURLOPT_URL"http://api.bing.net/json.aspx?AppId=F8DA6024CF16F034D58524456E231A65BC9FE6E6&Market=en-US&Query=".$term."&Sources=".$type."&".$type.".Count=".$count."&JsonType=raw");
curl_setopt ($chCURLOPT_RETURNTRANSFER1); 
curl_setopt ($chCURLOPT_CONNECTTIMEOUT$timeout); 
$search curl_exec($ch); 
curl_close($ch);
$Response json_decode($search,true);
if (
$term == "")$term "Top News Stories";
$term str_replace("site:","",$term);  
$term explode("."$term);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <link href = "style.css" rel = "stylesheet" type = "text/css">
    <script type = 'text/javascript' src = '../scriptaculous/lib/prototype.js'></script>
    <script type = 'text/javascript' src = '../scriptaculous/src/scriptaculous.js'></script>
</head>
<body>
<div id = "container">
<div id = "text1">
<?php
foreach($Response['SearchResponse'][$type]['Results'] as $item)
{
    echo(
"
        <div class = 'Source' style='color:green'><b>
$term[0]</b></div>
        <div class = 'Title' onmouseover = \"clearInterval(Scroll)\" onmouseout = \"clearInterval(Scroll); Scroll = setInterval ('scroll()', 50)\"><b><a href='
$item[Url]' target='_blank' style='color:yellow'></b>$item[Title]</b></a></div>
        <div class = 'Description' style='color:#cccccc'>
$item[Snippet]</div>
        <br>
        "
);
}
?>
</div>
<div id = "text2">
<?php
foreach($Response['SearchResponse'][$type]['Results'] as $item)
{
    echo(
"
        <div class = 'Source' style='color:green><b>
$term[0]</b></div>
        <div class='Title' onmouseover = \"clearInterval(Scroll)\" onmouseout = \"clearInterval(Scroll); Scroll = setInterval ('scroll()', 50)\"><b><a href = '
$item[Url]' target='_blank' style='color:yellow'></b>$item[Title]</b></a></div>
        <div class='Description' style='color:#cccccc'>
$item[Snippet]</div>
        <br>
        "
);
}    
?>
</div>
</div>
<?php
if(file_exists("$menu"))
{
    echo(
"
        <div id = 'menu'>"
.file_get_contents($menu)."</div>
    "
);
}
?>
<script type = "text/javascript">
resize();
window.onresize = resize;
var Scroll = setInterval ("scroll()", 50);
function scroll()
{
        if (parseInt($('text1').style.top) <= 0)
        {
            $('text2').style.top = parseInt($('text1').style.top) + $('text1').getHeight() + 'px';
        }
        if (parseInt($('text2').style.top) <= 0)
        {
            $('text1').style.top = parseInt($('text2').style.top) + $('text2').getHeight() + 'px';
        }
        $('text1').style.top = parseInt($('text1').style.top) - 1 +'px';    
        $('text2').style.top = parseInt($('text2').style.top) - 1 +'px';            
}

function resize()
{
        $("container").style.height = document.viewport.getHeight() - 50 + 'px';
        $("container").style.width = document.viewport.getWidth() + 'px';
        $('text1').style.top = 0 + 'px';
        $('text2').style.top = $('text1').getHeight() + 'px';
        $('menu').style.top = $("container").style.height
}
</script>
Here is the css:

Code:
@CHARSET "ISO-8859-1";
* 
{
   padding:0;
   margin:0;
}

body 
{
    background-color: transparent;
    color: #ffffff;
    overflow: hidden;
}

#container
{
    background-color: transparent;
    overflow: hidden;
}

#menu .ul
{
    display: inline-block;
    height: 30px;
    text-align: center;
    background-color: transparent;
}

#text1
{
    position: absolute;
    text-align: left;
    background-color: transparent;
}

#text2
{
    position: absolute;
    text-align: left;
    background-color: transparent;
}
Normally the page loads in an iframe, but this url will display it without iframe: http://ticktach.biz/news/index.php?T...&Menu=menu.txt

__________________
Sleeping Troll, EMUSE, Mind Expansion...Truly serendipity!
Sleeping Troll is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-31-2010, 06:07 AM Re: overflow: hidden; and display: inline-block; not working...
CSM
CSM's Avatar
Front-End Developer

Posts: 297
Name: Michael Pehl
Location: Palma de Mallorca
Trades: 0
I do not get the question right now.

What do you think overflow:hidden should do?
__________________
Chief Web Officer / Front-End Developer / System Engineer

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
CSM is offline
Reply With Quote
View Public Profile Visit CSM's homepage!
 
Old 08-31-2010, 08:46 AM Re: overflow: hidden; and display: inline-block; not working...
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Yes, and what is it you're trying to accomplish?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 09-17-2010, 08:42 AM Re: overflow: hidden; and display: inline-block; not working...
Average Talker

Posts: 14
Name: Binji P
Trades: 0
i also don't understand the question,

firefox will not support inline-block, alternative is
display: -moz-inline-stack;
hope it will help you.
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
talkzilla is offline
Reply With Quote
View Public Profile
 
Old 09-17-2010, 11:37 AM Re: overflow: hidden; and display: inline-block; not working...
wayfarer07's Avatar
Poo on You

Latest Blog Post:
Introducing WowWindow
Posts: 3,987
Name: Abel Mohler
Location: Asheville, North Carolina USA
Trades: 0
Quote:
Originally Posted by talkzilla View Post
i also don't understand the question,

firefox will not support inline-block, alternative is
display: -moz-inline-stack;
hope it will help you.
Not true, unless you're talking about Firefox 2
__________________
I build web things. I work for the startup
Please login or register to view this content. Registration is FREE
.
wayfarer07 is offline
Reply With Quote
View Public Profile Visit wayfarer07's homepage!
 
Reply     « Reply to overflow: hidden; and display: inline-block; not working...
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.24977 seconds with 12 queries