RocketTheme - TOPIC: Article intro's overlap each other when i use the read more (1/2)

Welcome Guest! Login

0 items Join Now

- ianmol100
- Hero Rocketeer
- Posts: 275
- Thanks: 1
Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- Using Joomla 3.1.5 / Gantry 4.1.2 and Oculus 1.0
  
  When I use the read more button to create an intro section on articles the titles of the following article is broke by the image in the previous article.
  
  See image attached.
#1033523
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- You need to clear floats if you are using them.
  Add <div class="clear"></div> at the end of each article.
  
  Also I suggest to post in the Oculus forum if have issues with Oculus
#1033531
- ianmol100
- Hero Rocketeer
- Posts: 275
- Thanks: 1
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- Hi Henning
  
  Not sure what yo mean by floats?
  
  Ian
#1033533
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- You are floating the image so it can be to the left of the text.
#1033534
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- Aslo make sure that you don't insert a read-more tag inside a paragraph (<p>...</p>)
  Add it right after a paragraph ...
#1033535
- ianmol100
- Hero Rocketeer
- Posts: 275
- Thanks: 1
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- Thanks Henning.
  
  Do I always have to put the div in if I want the intro image to be left of the copy?
  Ian
#1033536
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- Actually floats can be pretty tricky and I had issues with understanding the nature of the css float property for a long time myself.
  It's really the best to try to understand the basic concept:
  css-tricks.com/all-about-floats/
#1033538
- ianmol100
- Hero Rocketeer
- Posts: 275
- Thanks: 1
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- Hi Henning,
  
  Added the DIV, but it did not work. Still got the same issue
  I want the image to be on the left of the text.
  Any other ideas?
  
  Ian
#1033540
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- Do you have a link to check?
  Should be really a small thing.
#1033541
- ianmol100
- Hero Rocketeer
- Posts: 275
- Thanks: 1
Re: Article intro's overlap each other when i use the read more

Posted 11 years 3 weeks ago
- www.derbyalcohol.org.uk/
  
  Left hand column. 'Drink Talking' section
#1033542