geisor aac help rep++

[shawntio]

Hi, I added Featured Article to my homepage but It got a little bugged heres a pic

the problem Is that you can scroll the page to the right :/
heres the Featured Article code I use please reply thanks!

//featured article
$news_content .= '
    <div id="news" class="Box">
    <div class="Corner-tl" style="background-image:url('.$layout_name.'/images/content/corner-tl.gif);"></div>
    <div class="Corner-tr" style="background-image:url('.$layout_name.'/images/content/corner-tr.gif);"></div>
    <div class="Border_1" style="background-image:url('.$layout_name.'/images/content/border-1.gif);"></div>
    <div class="BorderTitleText" style="background-image:url('.$layout_name.'/images/content/title-background-green.gif);"></div>
    <img class="Title" src="'.$layout_name.'/images/header/headline-featuredarticle.gif" alt="Contentbox headline" />
    <div class="Border_2">
        <div class="Border_3">
            <div class="BoxContent" style="background-image:url('.$layout_name.'/images/content/scroll.gif);">
                <div style="position: relative; top: 0.5px; right: -596px; margin-bottom: -70px;" > <img src="'.$layout_name.'/images/news/features.jpg" width=150 height=100 border=0 alt="" /></div>
                <div id=\'TeaserText\'>
                    <div style="position: relative; top: -35px; margin-bottom: 2px;" >
                        <b>A Visit to Venore</b>
                    </div>
<div style="position: relative; top: -48px; margin-bottom: 2px;" ><br/>
We invite you to a journey to Venore, a wealthy city ruled by powerful merchants. Want to</ul><br /> learn more? Reach for the Venore City Guide, recommended by Amaro de Quester, brave</ul><br /> adventurer. (<i>Tibia City Guide writers do not accept payments in exchange for positive coverage of</ul><br /> any sort.</i>)<br/></div>
                </div>
            </div>
        </div>
    </div>
    <div class="Border_1" style="background-image: url('.$layout_name.'/images/content/border-1.gif);"></div>
    <div class="CornerWrapper-b"><div class="Corner-bl" style="background-image: url('.$layout_name.'/images/content/corner-bl.gif);"></div></div>
    <div class="CornerWrapper-b"><div class="Corner-br" style="background-image: url('.$layout_name.'/images/content/corner-br.gif);"></div></div>
    </div>

 

[shawntio]

bump

 

[Snake Royal]

Look here: CSS overflow property.

 

[shawntio]

thanks but have no Idea what to do lol

 

[Ninja]

Try my code instead. Need to be configured to look like yours though.

//featured article
$news_content .= '
    <div id="news" class="Box">
        <div class="Corner-tl" style="background-image:url('.$layout_name.'/images/content/corner-tl.gif);"></div>
        <div class="Corner-tr" style="background-image:url('.$layout_name.'/images/content/corner-tr.gif);"></div>
        <div class="Border_1" style="background-image:url('.$layout_name.'/images/content/border-1.gif);"></div>
        <div class="BorderTitleText" style="background-image:url('.$layout_name.'/images/content/title-background-green.gif);"></div>
        <img class="Title" src="'.$layout_name.'/images/header/headline-featuredarticle.gif" alt="Contentbox headline" />
        <div class="Border_2">
            <div class="Border_3">
                <div class="BoxContent" style="background-image:url('.$layout_name.'/images/content/scroll.gif);">
                    <div id=\'TeaserText\'>
                        <div style="position: relative; top: -2px; margin-bottom: 2px;" >
                            <br><b>Visit to Venore</b>
                        </div><br/>
We invite you to a journey to Venore, a wealthy city ruled by powerful merchants. Want to</ul><br /> learn more? Reach for the Venore City Guide, recommended by Amaro de Quester, brave</ul><br /> adventurer. (<i>Tibia City Guide writers do not accept payments in exchange for positive coverage of</ul><br /> any sort.</i>)<br/>
    <br/>

                    </div>
                </div>
            </div>
        </div>
    <div class="Border_1" style="background-image: url('.$layout_name.'/images/content/border-1.gif);"></div>
    <div class="CornerWrapper-b">
        <div class="Corner-bl" style="background-image: url('.$layout_name.'/images/content/corner-bl.gif);"></div>
    </div>
    <div class="CornerWrapper-b">
        <div class="Corner-br" style="background-image: url('.$layout_name.'/images/content/corner-br.gif);"></div></div>
    </div>
';

 

[shawntio]

thanks but It will probably look the same If Its something wrong with the PXS :/

 

[shawntio]

bump

 

[Wymietek]

<div id="news" class="Box" style="width: numbers_of_pixelspx">

try changing that in red (its in the begining)

 

[shawntio]

didnt work :/ when I changed to the right width It was still the same

 

[Chris]

Do you use TeamViewer? If so, send me your TV credentials through a private message and I'll help you out.