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.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Archive /

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

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

Align problem with tutorial 3


Go to End


1713 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>