Fast fertig mit dem Design master
authorFelix Schumacher <felix@cat.(none)>
Sat, 11 Apr 2009 12:09:20 +0000 (14:09 +0200)
committerFelix Schumacher <felix@cat.(none)>
Sat, 11 Apr 2009 12:09:20 +0000 (14:09 +0200)
css/blueprint/screen.css
graphics/blank.gif [new file with mode: 0644]
graphics/earth.png [new file with mode: 0644]
graphics/left.gif [new file with mode: 0644]
graphics/right.gif [new file with mode: 0644]
index.html

index 81857c5..0ee99f7 100644 (file)
@@ -252,3 +252,5 @@ textarea {width:390px;height:250px;padding:5px;}
 
 /* eigenes */
 .right-aligned { text-align: right; }
 
 /* eigenes */
 .right-aligned { text-align: right; }
+.left-navigation li { list-style-type: none; font-size: 1.3em; margin-bottom: 0.2em; font-weight: lighter; }
+.top-space { margin-top: 3em; }
diff --git a/graphics/blank.gif b/graphics/blank.gif
new file mode 100644 (file)
index 0000000..3be2119
Binary files /dev/null and b/graphics/blank.gif differ
diff --git a/graphics/earth.png b/graphics/earth.png
new file mode 100644 (file)
index 0000000..662af45
Binary files /dev/null and b/graphics/earth.png differ
diff --git a/graphics/left.gif b/graphics/left.gif
new file mode 100644 (file)
index 0000000..e0ce465
Binary files /dev/null and b/graphics/left.gif differ
diff --git a/graphics/right.gif b/graphics/right.gif
new file mode 100644 (file)
index 0000000..bbf361a
Binary files /dev/null and b/graphics/right.gif differ
index ae76edb..8911a97 100644 (file)
   <body>
   <div class="container">
   
   <body>
   <div class="container">
   
-   <div class="first prepend-4 span-20 last">
+   <div class="top-space first prepend-5 span-19 last">
       <h1>Ulrike Arnold</h1>
     </div>
     
       <h1>Ulrike Arnold</h1>
     </div>
     
-    <div class="first span-4">
+    <div class="first span-5 left-navigation">
+        <div style="height: 400px;">
         <ul>
             <li>Ulrike Arnold</li>
             <li>Earth paintings</li>
         <ul>
             <li>Ulrike Arnold</li>
             <li>Earth paintings</li>
             <li>7&nbsp;&times;&nbsp;7</li>
             <li>Impressions</li>
         </ul>
             <li>7&nbsp;&times;&nbsp;7</li>
             <li>Impressions</li>
         </ul>
-        <div class="span-4 last">
-        MAP
+        <!--
+        <img width="190" height="270" src="graphics/blank.gif"/>
+        -->
+        </div>
+        <div class="first span-5 last">
+        <img width="190" src="graphics/earth.png" alt="Earth" />
         </div>
     </div>
         </div>
     </div>
-    <div class="span-20 last">
-        <img width="790" src="graphics/title_tante.jpg" alt="Berglandschaft mit überliegender Unterschrift"/>
+    <div class="span-19 last">
+        <img width="750" src="graphics/title_tante.jpg" alt="Berglandschaft mit überliegender Unterschrift"/>
     </div>
   
     </div>
   
-    <div class="clear first prepend-4 span-18">
-    Home|Galerie|Impressum|Contact|Language
+    <div class="clear first prepend-5 span-17">
+    Home | Gallery | Imprint | Contact
     </div>
     <div class="span-2 last right-aligned">
     </div>
     <div class="span-2 last right-aligned">
-    «»
+    <img height="10px" src="graphics/left.gif"/>&nbsp;<img height="10px" src="graphics/right.gif" />
     </div>
   </div>
   </body>
     </div>
   </div>
   </body>