RocketTheme - TOPIC: Article Not displaying Correctly

Welcome Guest! Login

0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

- PAUL Ely
- Newbie
- Posts: 15
- Thanks: 0
- All things Web
Article Not displaying Correctly

Posted 13 years 8 months ago
- Hi there, Developing the site www.europeanrentals.co.uk and have run into the problem of the article displaying below the sidebar module instead of to the right of it?
  This is probably a simple fix but for the life of me I can't figure it out. The problem can be simulated by following this link
  www.europeanrentals.co.uk/european-travel-guides/bulgaria/
  
  There will be different articles on every page and they will all be in the same place on each page.
  Hopefully someone can point me in the right direction
  
  thanks
  paul
- European Rentals - Cheap Holiday Accommodation throughout Europe
  http://www.europeanrentals.co.uk
#708973

Ben Lee
Elite Rocketeer
Posts: 4193
Thanks: 42

Re: Article Not displaying Correctly

Posted 13 years 8 months ago

There is most likely a "div" container that is opened and then not closed before the "Read More" link.

It also looks like you're using an html editor that is putting in a TON of inline styling. Here is the styling code for that article WITHOUT the content:

<div style="color: #333333; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 76%; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #ffffff; line-height: 1.3em; margin: 8px;">
<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 9pt; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-family: Arial, Verdana; color: #000000; width: 402px; float: right; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px;"><br><span style="color: #3399ff; font-size: x-large;"><span style="font-size: 21px;" class="Apple-style-span"><br></span></span><a style="border-style: initial; border-color: initial; outline-width: initial; outline-style: none; outline-color: initial; font-size: 12px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-decoration: none; font-weight: bold; -webkit-transition-property: color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: initial; color: #4a6cae; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 0px; margin: 0px;" title="Google Map of Bulgaria provide by European Rentals" target="_blank" href="http://maps.google.co.uk/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Bulgaria&amp;aq=&amp;sll=42.662466,27.719683&amp;sspn=0.008473,0.01929&amp;ie=UTF8&amp;hq=&amp;hnear=Bulgaria&amp;t=p&amp;ll=42.609706,26.773682&amp;spn=4.996745,9.876709&amp;z=7"><img width="176" height="176" border="0" style="outline-width: 0px; font-size: 12px; background-color: transparent; width: 200px; padding: 0px; border: 0pt none; margin: 0px; visibility: visible; opacity: 1;" title="Map of Bulgaria" alt="Map of Bulgaria" src="http://www.europeanrentals.co.uk/images/stories/bulgaria_map.jpg" smartload="1" class=""></a>
<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; border-style: solid; border-color: #99ccff; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 9pt; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #99ccff; font-family: Arial, Verdana; color: #000000; overflow-x: hidden; overflow-y: hidden; width: 190px; background-position: initial initial; background-repeat: initial initial; border-width: 1px; padding: 5px;">
<table style="font-size: inherit;">
<tbody>
<tr>
<td style="font-family: Arial, Verdana; font-size: 9pt; color: #000000; text-align: left; width: 75px; font-weight: bold;">Language:</td>
<td style="font-family: Arial, Verdana; font-size: 9pt; color: #000000; text-align: left;">Bulgarian</td>
</tr>
<tr>
<td style="font-family: Arial, Verdana; font-size: 9pt; color: #000000; text-align: left; font-weight: bold;">Currency:</td>
<td style="font-family: Arial, Verdana; font-size: 9pt; color: #000000; text-align: left;">Bulgarian Lev</td>
</tr>
<tr>
<td style="font-family: Arial, Verdana; font-size: 9pt; color: #000000; text-align: left; font-weight: bold;">Time Zone:</td>
<td style="font-family: Arial, Verdana; font-size: 9pt; color: #000000; text-align: left;">+2 hrs GMT</td>
</tr>
</tbody>
</table>
</div>
</div>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; border-width: 0px; padding: 10px;"><img border="4" style="border-width: 0px; border-color: initial; border-style: none; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; float: left; width: 250px; background-position: initial initial; background-repeat: initial initial; padding: 10px; border: 0; margin: 10px;" src="/images/stories/bulgariamuratovlake.jpg"><br></p>
<div class="demo-tabs-block">
<h3 style="font-size: 13px; font-weight: bold; font-family: Helvetica,Arial,sans-serif; color: rgb(19, 92, 174); visibility: visible;" class="nobold">&nbsp;</h3>
<a style="color: #1b57b1; text-decoration: none; font-weight: normal;" href="/component/content/?id=47&amp;Itemid=54" class="readon"><span>Read More</span></a></div>
</div>

Look at your article without an editor turned on and see find any tags that are opened and not closed before the "Read More" tag.

RokPad is a great editor for things like this!

#709022

- PAUL Ely
- Newbie
- Posts: 15
- Thanks: 0
- All things Web
Re: Article Not displaying Correctly

Posted 13 years 8 months ago
- Hi there,
  i have followed the instructions and simply removed the text as it was copied just to fill space. i'm still having the issue with only text so not sure what the cause could be??
  any ideas?
  thanks
  paul
- European Rentals - Cheap Holiday Accommodation throughout Europe
  http://www.europeanrentals.co.uk
#709795

Time to create page: 0.056 seconds