Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Align problem with tutorial 3

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

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

Page: 1
Go to End
Author Topic: 962 Views
  • jiipee
    Avatar
    Community Member
    7 Posts

    Align problem with tutorial 3 Link to this post

    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>

    962 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.