Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Archive /

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Align problem with tutorial 3


Reply


1038 Views

Avatar
jiipee

Community Member, 7 Posts

17 July 2008 at 8:36pm

Hi.

I'm following tutorial 3 and everything works like a charm so far, but I can't get the poll alligned to right, by the main text. It sits under recent news, almost at the right end but not quite. Here is the layout/HomePage.ss to see if I placed it correctly or not. I'm using same layout.css that can be downloaded from beginning of tutorial 3.
Also the submit buttons (in forms and poll) align to left under the text, not to right like in tut 3 sample images.

<div id="Banner">
<img src="tutorial/images/welcome.png" alt="Homepage image" />
</div>
<div id="Content" class="typography">
$Content
<ul id="NewsList">
<% control LatestNews %>
<li class="newsDateTitle"><a href="$Link" title="Read more on &quot;{$Title}&quot;">$Title</a></li>
<li class="newsDateTitle">$Date.Nice</li>
<li class="newsSummary">$Content.FirstParagraph<a href="$Link" title="Read more on &quot;{$Title}&quot;">Read more &gt;&gt;</a></li>
<% end_control %>
</ul>
<div id="BrowserPoll">
<h2>Browser Poll</h2>
<% if BrowserPollForm %>
$BrowserPollForm
<% else %>
<ul>
<% control BrowserPollResults %>
<li>
<div class="browser">$Browser: $Percentage%</div>
<div class="bar" style="width:$Percentage%">&nbsp;</div>
</li>
<% end_control %>
</ul>
<% end_if %>
</div>
</div>