2019-03-09, 11:32:13
I have a problem with the main site, the two.inc.php which seems to be designed for latest posts etc.
I like the alignment of picture: Right, then left, then right again etc.
I now would like to actually hyperlink the images and text to the apropriate Sites.
I tried this by inserting "<a href=/index.php?id=SiteXYZ/"
But when i do this, it destroys the alignment mentioned above.
With four pictures, two are on the right, and two on the left.
If i delete the href part, all is back to normal.
Any ideas? I am a Beginner in this and thought it would be simple.
My code is:
<?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); }
/****************************************************
*
* @File: two.inc.php
* @Package: Spectral theme for GetSimple CMS
* @Action: Could be Latest Posts or Permanent Info
*
*****************************************************/
?>
<section id="two" class="wrapper alt style2">
</section>
<section class="spotlight">
<div class="image"><a href=/index.php?id=ch4/><img src="<?php get_theme_url(); ?>/images/radl.JPG" alt="" /></div><div class="content">
<h2>4-Test<br />
</h2>
<p>Chi Test4</p>
</div>
</section>
</section>
<section class="spotlight">
<div class="image"><a href=/index.php?id=test3/><img src="<?php get_theme_url(); ?>/images/test3.jpg" alt="" /></div><div class="content">
<h2>3-Test3<br />
</h2>
<p>Test3</p>
</div>
</section>
<section class="spotlight">
<div class="image"><a href=/index.php?id=2/><img src="<?php get_theme_url(); ?>/images/test2.jpg" alt="" /></div><div class="content">
<h2>2-Test2<br />
</h2>
<p>Test2</p>
</div>
</section>
</section>
<section class="spotlight">
<div class="image"><a href=/index.php?id=1/><img src="<?php get_theme_url(); ?>/images/test1.jpg" alt="" /></div><div class="content">
<h2>1-Test1<br />
</h2>
<p>Test1</p>
</div>
</section>
</section>
I like the alignment of picture: Right, then left, then right again etc.
I now would like to actually hyperlink the images and text to the apropriate Sites.
I tried this by inserting "<a href=/index.php?id=SiteXYZ/"
But when i do this, it destroys the alignment mentioned above.
With four pictures, two are on the right, and two on the left.
If i delete the href part, all is back to normal.
Any ideas? I am a Beginner in this and thought it would be simple.
My code is:
<?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); }
/****************************************************
*
* @File: two.inc.php
* @Package: Spectral theme for GetSimple CMS
* @Action: Could be Latest Posts or Permanent Info
*
*****************************************************/
?>
<section id="two" class="wrapper alt style2">
</section>
<section class="spotlight">
<div class="image"><a href=/index.php?id=ch4/><img src="<?php get_theme_url(); ?>/images/radl.JPG" alt="" /></div><div class="content">
<h2>4-Test<br />
</h2>
<p>Chi Test4</p>
</div>
</section>
</section>
<section class="spotlight">
<div class="image"><a href=/index.php?id=test3/><img src="<?php get_theme_url(); ?>/images/test3.jpg" alt="" /></div><div class="content">
<h2>3-Test3<br />
</h2>
<p>Test3</p>
</div>
</section>
<section class="spotlight">
<div class="image"><a href=/index.php?id=2/><img src="<?php get_theme_url(); ?>/images/test2.jpg" alt="" /></div><div class="content">
<h2>2-Test2<br />
</h2>
<p>Test2</p>
</div>
</section>
</section>
<section class="spotlight">
<div class="image"><a href=/index.php?id=1/><img src="<?php get_theme_url(); ?>/images/test1.jpg" alt="" /></div><div class="content">
<h2>1-Test1<br />
</h2>
<p>Test1</p>
</div>
</section>
</section>