Ha! Sorry, momentary loss of sanity. Yes, that functions just as I
described that it would, I just pointed you to the wrong div. My
mistake. Using structural markup is one way of doing it, though as web
standards go it's not exactly the most efficient way to do it. Try
using the .clearfix class on Ort, or using .clear on Land.
-Lorin
On Nov 24, 2008, at 2:39 PM, Cronet wrote:
>
> Thank you for the fast reply!!
>
> Adding .clear to the "Ort" container cleares Ort in the next line and
> country is beside Zip ("PLZ").
>
> I need the order ZIP, CITY - next line - COUNTRY ...
>
> There is a solution, adding a div to the country container and adding
> there .clear class.
>
> Perhaps theres a smarter solution than that... But I don't see it at
> the moment...
>
>
> Regards,
> Cronet
>
>
>
> On 24 Nov., 23:28, Lorin Tackett <[EMAIL PROTECTED]> wrote:
>> For what you're trying to do here, you should be using the class
>> "clear" instead of "last" for the Ort container div.
>>
>> This is because Blueprint's .last class only adjusts the right
>> margin,
>> it doesn't clear the float as you've suspected. Whereas the .clear
>> class specifically does just that.
>>
>> -Lorin
>>
>> On Nov 24, 2008, at 2:09 PM, Cronet wrote:
>>
>>
>>
>>> Hi there,
>>
>>> I'm very new to Blueprint CSS and i got a basic question about the
>>> grid thing.
>>
>>> As I understand, you divide your layout with a grid and could easily
>>> adjust the width with the classes span-1 to span-X, depends on the
>>> layout.
>>
>>> I have some Basic Layout
>>
>>> <body>
>>> <div class="container">
>>> <div id="header" class="span-24">
>>> HEADER GOES HERE
>>> </div>
>>
>>> <div id="nav" class="span-4 border">
>>> NAVIGATION
>>> </div>
>>
>>> <div id="main" class="span-20 last">
>>
>>> <p class="breadcrumb">kostenlos Registrieren</p>
>>
>>> <h1>kostenlos Registrieren</h1>
>>
>>> <form>
>>> <fieldset id="register" class=""
>>> style="border:0">
>>> <legend>Account Informationen</
>>> legend>
>>> <label
>>> for="UserUsername">Benutzername *</label><br />
>>> <input name="data[User]
>>> [username]" type="text" class="text" /
>>>> <br />
>>
>>> <br />
>>> <hr class="span-8">
>>
>>> <div class="span-2
>>> append-1">
>>> <label
>>> for="UserZip">PLZ *</label><br />
>>> <input
>>> name="data[User][zip]" type="text" class="text span-2"
>>> maxlength="6" />
>>> </div>
>>> <div class="span-8 last">
>>> <label
>>> for="UserCity">Ort *</label><br />
>>> <input
>>> name="data[User][city]" type="text" class="text
>>> span-6" /
>>>> <br />
>>
>>> </div>
>>
>>> <label
>>> for="UserCountry">Land *</label><br />
>>> <select name="data[User]
>>> [country]" class="text span-6">
>>> <option
>>> value="1">Deutschland</option>
>>> <option
>>> value="2">Österrreich</option>
>>> <option
>>> value="3">Schweiz</option>
>>> </select>
>>> <br /><br />
>>
>>> <div
>>> class="submit"><input type="submit" value="Benutzer
>>> erstellen" /></div>
>>> </fieldset>
>>> </form>
>>> <p class="notice">
>>> Die mit * gekennzeichneten
>>> Felder müssen ausgefüllt werden.
>>> </p>
>>> </div>
>>> <div id="footer" class="span-24">
>>> FOOTER
>>> </div>
>>> </div>
>>> </body>
>>> </html>
>>
>>> And it looks like this:
>>
>>> http://dl.getdropbox.com/u/267383/Bild%201.png
>>
>>> As you notice, the text-input for the Country ("Land") is right
>>> beside
>>> the City ("Stadt") text-input but I thought with the class .last
>>> should be the break for next elements to slide down in the next
>>> line...
>>
>>> Can anybody explain me, why there isn't a break?
>>
>>> Regards,
>>> Cronet
> >
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
