1 (edited by 2012-10-07 22:12:20)

Topic: 2 problems

1st: The cutenews code goes somehow to the right.

Visit My Website for the sample
And that doesn't happen on my other links. only here.

This is the code of cutenews:

<?php
///////////////////// TEMPLATE Default /////////////////////
$template_active = <<<HTML
<div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >{title}</font> {star-rate}</div>
<div>{category-icon} {category}</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div>{full-story}</div>

<div style="float: right;">[full-link]Read more[/full-link]  [com-link]{comments-num} Comments[/com-link]</div>

<div>[edit]Edit | [/edit]<em>Posted on {date} by {author}</em> {avatar}</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div>
HTML;


$template_full = <<<HTML
<div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >{title}</font> {star-rate}</div>
<div>{category-icon} {category}</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #D3D3D3;">{full-story}</div>

<div style="float: right;">[full-link]Read more[/full-link]  [com-link]{comments-num} Comments[/com-link]</div>

<div>[edit]Edit | [/edit]<em>Posted on {date} by {author}</em> {avatar}</div>
</div>
HTML;


$template_comment = <<<HTML
<div style="width: 800px; margin-bottom:20px;">

<div style="border-bottom:1px solid black;"> by <strong>{author}</strong> @ {date}</div>

<div style="padding:2px; background-color:#F9F9F9">{comment}</div>

</div>
HTML;


$template_form = <<<HTML
  <table border="0" width="300" cellspacing="0" cellpadding="0">
    <tr>
      <td width="60">Name:</td>
      <td><input type="text" name="name"></td>
    </tr>
    <tr>
      <td>E-mail:</td>
      <td><input type="text" name="mail"> (optional)</td>
    </tr>
    <tr>
      <td>Smile:</td>
      <td>{smilies}</td>
    </tr>
    <tr>
      <td colspan="2">
      <textarea cols="40" rows="6" id=commentsbox name="comments"></textarea>

      <input type="submit" name="submit" value="Add My Comment">
      <input type=checkbox name=CNremember  id=CNremember value=1><label for=CNremember> Remember Me</label> |
  [url=java script:CNforget();]Forget Me[/url]
      </td>
    </tr>
  </table>
HTML;


$template_prev_next = <<<HTML
<p align="center">[prev-link]<< Previous[/prev-link] {pages} [next-link]Next >>[/next-link]</p> 
HTML;


$template_comments_prev_next = <<<HTML
<p align="center">[prev-link]<< Older[/prev-link] {pages}  [next-link]Newest >>[/next-link]</p> 
HTML;


?>

Webiste code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NEXTRADE FAN PAGE</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>

<table width="1138" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
    <div id="menu">[img]header.png[/img]</div>
    <div id="content"> <div id="text">
<div id="bar">Welcome to the Fan Website of NEXTRADE</div>
Made by fans, for fans.

Over here you can find many information in English about NEXTRADE. 




     <div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >NEXTRADE profile update</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: NEXTRADE FANS Updates icon" src="http://nextrade.webuda.com/icon/fans.png" /> Category: NEXTRADE FANS Updates</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div><p>
    Hello everybody!!</p>
<p>
    I've updated the profiles of the guys.</p>
<p>
    I've added the interview of USK!</p>
<p>
    And since Mira is at the team of NEXTRADE fans. there will be blog translations~!</p>
<p>
    And I've updated some facts.</p>
<p>
     </p>
<p>
    That's all!!~</p>
<p>
     </p>
<p>
    p.s.</p>
<p>
    

    And there will be a new birthday movie. Please check for the info the event!

    [url=http://www.facebook.com/events/286150341489567/?ref=ts&fref=ts]http://www.facebook.com/events/286150341489567/?ref=ts&fref=ts[/url]

    So please join it!</p></div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1349560232&ucat=7&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1349560232&ucat=7&template=Default]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Oct 06 by [url=mailto:nagashiwa@hotmail.com]Nagashiwa[/url]</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/29b412776424ba263fadc137cbf2bde9.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >NEXTRADE FACTS</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: iREN icon" src="http://nextrade.webuda.com/icon/iren.png" /> Category: iREN</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div><p>
    <span style="color:#ffffff;"><strong><span style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; ">#71</span></strong></span></p>
<p>
    <span style="color:#ffffff;"><span style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; ">I think it's a kinda funny and somehow confusing thing how Japanese people use many forms for "I" and "You" in different situations. For example: When referrering to himself, iREN is using "watashi" in his blogs, "ore" when he is among his band members and male friends and "boku" when he meets a woman for the first time. </span></span></p></div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1348925359&ucat=1&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1348925359&ucat=1]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 29 by Karin</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/9590725c5daf8146b283648a654acd57.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >NEXTRADE got the 1st place in ranking at audioleaf.com</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: Website Updates icon" src="http://nextrade.webuda.com/icon/web.png" /> Category: Website Updates</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div><p>
    <strong>Congrats to the guys! </strong></p>
<p>
    <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/next.png" style="width: 700px; height: 650px;" /></p>
<p>
     </p></div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1348477578&ucat=6&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1348477578&ucat=6]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 24 by [url=mailto:nagashiwa@hotmail.com]Nagashiwa[/url]</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/29b412776424ba263fadc137cbf2bde9.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >News samples are up</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: Website Updates icon" src="http://nextrade.webuda.com/icon/web.png" /> Category: Website Updates</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div><p>
    Samples of <strong>"Love Corpse" </strong>and <strong>"Motive of Life"</strong> are up on [url=]audioleaf[/url]!!! Check them out!!!</p></div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1348383879&ucat=6&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1348383879&ucat=6]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 23 by Karin</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/9590725c5daf8146b283648a654acd57.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >iREN blog update (2012-09-19 19:29:24)</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: iREN icon" src="http://nextrade.webuda.com/icon/iren.png" /> Category: iREN</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div><p>
    <span style="color:#ffffff;"><span style="font-size: 12px; "><span style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 17px; ">He still suffers from his stomatitis, but he will give his best at singing in the late night rehearsal today. Good luck, iREN! Take care and get well soon!</span></span></span></p></div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1348052806&ucat=1&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1348052806&ucat=1]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 19 by Karin</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/9590725c5daf8146b283648a654acd57.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >Congratulations</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: iREN icon" src="http://nextrade.webuda.com/icon/iren.png" /> Category: iREN</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div><p>
    <span style="color:#ffffff;"><span style="font-size: 12px; "><span style="font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 28px; ">On Sunday, iREN took part in a contest of his vocal school and ....... he got the 2nd place! ♥</span></span></span></p></div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1347949563&ucat=1&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1347949563&ucat=1]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 18 by Karin</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/9590725c5daf8146b283648a654acd57.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >Info about ONE MAN LIVE</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: Website Updates icon" src="http://nextrade.webuda.com/icon/web.png" />      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: NEXTRADE icon" src="http://nextrade.webuda.com/icon/group.png" /> Category: Website Updates, Category: NEXTRADE</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div><p>
    This is the flyer for the ONE MAN LIVE at Shinjuku HEAD POWER at 11/22;</p>
<p>
    <img alt="" src="http://sphotos-h.ak.fbcdn.net/hphotos-ak-snc6/246715_320628801369821_131534642_n.jpg" style="width: 600px; height: 425px;" /></p>
<p>
     </p>
<p>
    And of course <strong>NEXTRADE FANS</strong> has a special project for this too: [url=http://www.facebook.com/events/468913839805703/]OVER HERE[/url]</p></div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1347878671&ucat=6,8&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1347878671&ucat=6,8]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 17 by [url=mailto:nagashiwa@hotmail.com]Nagashiwa[/url]</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/29b412776424ba263fadc137cbf2bde9.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >PROJECTS</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: NEXTRADE icon" src="http://nextrade.webuda.com/icon/group.png" /> Category: NEXTRADE</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div>Ok guys. Another fan project for band is open. For details please join to our [url=http://www.facebook.com/groups/167863206683412/]facebook group[/url].</div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1347878321&ucat=8&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1347878321&ucat=8]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 17 by Karin</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/9590725c5daf8146b283648a654acd57.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >NAO's birthday movie</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: TAG icon" src="http://nextrade.webuda.com/icon/task.png" /> Category: TAG</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div>NAO was very happy with the birthday movie who SAKI and KARIN did made for him.


<iframe width="420" height="315" src="http://www.youtube.com/embed/HTgKlwbnxyQ" frameborder="0" allowfullscreen></iframe>

So thank you very much to everyone who participate in this movie.</div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1347877732&ucat=3&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1347877732&ucat=3]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 17 by [url=mailto:nagashiwa@hotmail.com]Nagashiwa[/url]</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/29b412776424ba263fadc137cbf2bde9.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><div style="width:800px; margin-bottom:15px;">
<div><font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >NEXTRADE FACTS</font> </div>
<div>      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: iREN icon" src="http://nextrade.webuda.com/icon/iren.png" />      <img style="border: none; vertical-align: middle; margin: 2px;" alt="Category: Jiro icon" src="http://nextrade.webuda.com/icon/jiro.png" /> Category: iREN, Category: Jiro</div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;"><div><p>
    <span style="color:#ffffff;"><span style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; ">#67</span></span></p>
<p>
    <br style="color: rgb(51, 51, 51); font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; " />
    <span style="color:#ffffff;"><span style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; ">iREN and USK are fans of the Japanese rock band UVERworld. After NAO's birthday party they wanted to go to the movies and see their film UVERworld『THE SONG』 (a documentary movie).</span></span></p></div>

<div style="float: right;">[url=/news.html?subaction=showfull&id=1347781509&ucat=1,5&]Read more[/url]  [url=/news.html?subaction=showcomments&id=1347781509&ucat=1,5]0 Comments[/url]</div>

<div>[url=h]Edit | [/url]<em>Posted on 2012 Sep 16 by Karin</em> <img alt="" src="http://nextrade.webuda.com/cutenews/uploads/9590725c5daf8146b283648a654acd57.jpeg" style="border: none;" /></div>

<div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
</div><p align="center"><< Previous <strong>1</strong> [url=/news.html?start_from=10&ucat=1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]2[/url]  [url=/news.html?start_from=10&ucat=1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]Next >>[/url]</p> <div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by [url=http://cutephp.com/]CuteNews[/url]</div><!-- News Powered by CuteNews: http://cutephp.com/ --> 



</div>
</div>   
 </td>
  </tr>
<tr>
<td>
 <div id="footer">[img]footer.png[/img]</div>
    </td>
    </tr>
</table>




<map name="Map" id="Map">
  <area shape="rect" coords="122,178,182,203" href="news.html" alt="news" />
  <area shape="rect" coords="190,179,310,201" href="bio.html" alt="biography" />
  <area shape="rect" coords="323,178,460,201" href="disco.html" alt="discography" />
  <area shape="rect" coords="477,183,567,201" href="profile.html" alt="profile" />
  <area shape="rect" coords="576,182,668,200" href="gallery.html" alt="gallery" />
  <area shape="rect" coords="682,183,858,201" href="links.html" alt="Links & Contact" />
  <area shape="rect" coords="865,181,978,200" href="fan.html" alt="fan works" />
</map>
</body>
</html>

<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->


did I do something wrong?



------------------------------
2nd problem
already fixed myself

So what's wrong?

Re: 2 problems

http://cutephp.com/forum/style_emoticons/default/cool.gif   Your Avatar looks good I do not see where the problem is, you could shed some light on the question?

3 (edited by 2012-10-07 22:05:36)

Re: 2 problems

http://cutephp.com/forum/style_emoticons/default/cool.gif   Your Avatar looks good I do not see where the problem is, you could shed some light on the question?


Oh wait I totally forgot about that you should put "avatar" on (>_<) at the System Configuration.

the other problem is.. that somehow the cutenews TEXT at http://nextrade.webuda.com/news.html goes to the right if you scroll down the page.
and that is very strange... to me there is nothing wrong with the HTML/CSS code at all.

Re: 2 problems

Do you mean the "Content Management Powered by CuteNews" text?
It is actually made to align in the centre of its containing element, at the end of the news.

If anyone knows how to change this, I'd be interested to know as well!

Re: 2 problems

Do you mean the "Content Management Powered by CuteNews" text?
It is actually made to align in the centre of its containing element, at the end of the news.

If anyone knows how to change this, I'd be interested to know as well!


nope I mean this.. see the attachment


And About your question. you can remove that line when you buy a license of CuteNews.

Re: 2 problems

is there nobody who can help me with this?

Re: 2 problems

Let's see. If text is going to the right it usually means you forgot to close some sort of tag, so the style you set on that tag that isn't closed gets applied time by time.

Your template's HTML with some padding and spacing:

<div style="width:800px; margin-bottom:15px;">
  <div>
    <font style="text-transform: uppercase;" face="Georgia, Arial, Garamond" size="5" >{title}</font> {star-rate}
  </div>
  <div>{category-icon} {category}</div>

  <div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #014362;">
    <div>{full-story}</div>

    <div style="float: right;">[full-link]Read more[/full-link]  [com-link]{comments-num} Comments[/com-link]</div>

    <div>[edit]Edit | [/edit]<em>Posted on {date} by {author}</em> {avatar}</div>

    <div style="text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid #032b32;">
    </div>

You're missing two </div>. Add them at the end.

Re: 2 problems

Thank you that worked out http://cutephp.com/forum/style_emoticons/default/happy.gif