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