Adding a list to the right of a slideshow?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
dorlow
Forum Members
Forum Members
Posts: 46
Joined: Fri Nov 13, 2009 7:43 pm

Adding a list to the right of a slideshow?

Post by dorlow »

Hi, I'm the admin of this website...

http://www.lakeviewschools.net

Our office administrators would like me to add an event list or news section to just the right of the slideshow. I've been trying to figure out how to do this. The code of the site is very simple...

Code: Select all

<div id="above_content" style="text-align: center;">{cms_module module="news" category="General"}<br /><a href="lakeview-alumni-banquet-information/"><span style="font-size: large;">Lakeview Alumni Banquet Information (Click Here)</span></a></div>
<center>
<p style="text-align: center;">{Showtime show='2'}</p>
</center>
<p style="text-align: center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p style="text-align: center;"><a href="special-education-services-2/" target="_self"><img src="uploads/images/se.jpg" alt="" width="140" height="120" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.villageoflakeview.com/?page_id=11" target="_blank"><img src="uploads/images/vol.jpg" alt="" width="140" height="120" /></a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="https://securetranscript.docufide.com/order?senderpkid=aw0dv" target="_blank"><img style="margin-top: 30px; margin-bottom: 30px;" src="uploads/images/MS-ETI-logo.gif" alt="" width="140" height="46" /></a>&nbsp; &nbsp; &nbsp;<a href="http://www.spectrumhealth.org/lakeview-youth-clinic" target="_blank"><img src="uploads/images/LYC%20web.jpg" alt="" width="140" height="98" /></a><br />&nbsp;</p>
How do I add a list to the right of the slideshow when it's so big, but it's only one line of code? If I do it, I'm sure the first line will line up with the bottom of the image and then the second line would be below the image. We want to put something there that would tell events or news of the district that would have hyperlinks. I didn't design the website, but the person that did is no longer available and I'm the one that maintains it. I have dabbled a little in HTML and know about floating menus. But I don't know if that's possible to do with CMSMS.

The banquet link at the top, I would've really liked to put that in the news section, but couldn't figure out a way to put it to the right of the image and have it look nice, so that was my hodge podged way to make it work.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3497
Joined: Mon Nov 28, 2011 9:29 am

Re: Adding a list to the right of a slideshow?

Post by velden »

It sure is possible with cmsms, but you will at least need some html, css and - of course - cmsms knowledge.

The {Showtime show='2'} creates it's own div, which you could make float to the left. Then create a {News} tag with it's own div around it, and float that div to the left too.

That's a start. But the html you already have is not valid actually. <p> containing <div> for example.
A little redesign would not harm I guess.
Post Reply

Return to “Layout and Design (CSS & HTML)”