BrainCMS Broken Image

[Detox]

Hey,

I've been working on Habbo Theme for BrainCMS but this image is broken

Image:

Full Image:

Code:

<div id="promo-box">
<div id="promo-bullets"></div>
<?php
               $sql = $dbh->prepare("SELECT id,title,image,shortstory FROM cms_news ORDER BY id DESC LIMIT 5");
               $sql->execute();
               while ($news = $sql->fetch())
               {
echo'
<div class="promo-container" style="border-radius: 5px; background-image: url('.filter($news["image"]).');">
<div class="promo-content-container">
<div class="promo-content">
<div class="title">'.filter($news["title"]).'</div>
<div class="body">'.filter($news["shortstory"]).'</div>
</div>
</div>
<div class="promo-link-container">
<div class="enter-hotel-btn">
<div class="open enter-btn">
<a style="padding: 0 8px 0 19px;" href="/news/'.filter($news["id"]).'">Read More »</a>
</div>
</div>
</div>
</div>';
               }
               ?>
</div>
</div>
<script type="text/javascript">
                    document.observe("dom:loaded", function() { PromoSlideShow.init(); });
                </script>

 

[TesoMayn]

It's a CSS issue, yet you've posted no CSS lol

No need to give the server-side code with a client-side issue

 

[Detox]

It's a CSS issue, yet you've posted no CSS lol

No need to give the server-side code with a client-side issue

But why is the button div class="open enter-btn" works no problem on the enter client tab

common.css

You must be registered for see links

 

[TesoMayn]

Just change the padding on the element

It'd be the 2nd one

padding: #px #px #px #px;

 

[Detox]

Just change the padding on the element

It'd be the 2nd one

padding: #px #px #px #px;

when I change the padding here is example I put to 80px to see what it does

 

[TesoMayn]

Do you have a live example?

Or make a codepen with the html, css and working images

I'll fix it and post the code

 

[Detox]

Do you have a live example?

Or make a codepen with the html, css and working images

I'll fix it and post the code

Unfortunately I don't have live as everything is being done on localhost

 

[TesoMayn]

Load the page locally, view the source

You must be registered for see links

Put the HTML, and CSS in the respective spots, and upload the enter_button.png to imgur

 

[Detox]

Load the page locally, view the source

You must be registered for see links

Put the HTML, and CSS in the respective spots, and upload the enter_button.png to imgur

Here you go I don't know if your able to see it

You must be registered for see links

 

[TesoMayn]

Oh, you're loading the closure with the b tag

  <div class="open enter-btn">
    <a href="#">Read more »</a>
    <b></b>
  </div>

 

[Detox]

Oh, you're loading the closure with the b tag

  <div class="open enter-btn">
    <a href="#">Read more »</a>
    <b></b>
  </div>

WOOW! no freaking simple! Thanks Man!

 

[Ecko]

You're welcome my d00d

 

[TesoMayn]

Personally, I'd ditch the image completely and use CSS