User: bedipp  
Date: 2009-02-08 11:57:58+0000
Modified:
   marketing/www/art/official_galleries.html

Log:
 Submitted by:  Bernhard Dippold (bedipp)
 Validation XHTML 1.0 Strict and CSS 2.1

File Changes:

Directory: /marketing/www/art/
==============================

File [changed]: official_galleries.html
Url: 
http://marketing.openoffice.org/source/browse/marketing/www/art/official_galleries.html?r1=1.3&r2=1.4
Delta lines:  +35 -27
---------------------
--- official_galleries.html     2009-02-07 23:58:40+0000        1.3
+++ official_galleries.html     2009-02-08 11:57:56+0000        1.4
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml";>
 <head>
 <title>OpenOffice.org Art Project - Official Galleries</title>
 <style type="text/css">
@@ -56,9 +56,10 @@
 
 .gal_description {
                background:#FFFFFF;
-        background-image:url(images/gradient_bright.png);
+        background-image:url(images/gradient_light_blue.png);
                background-repeat:repeat-x;
-               color:#000000
+               width:50%;
+               color:#000000;
         padding-top: 3px;
         padding-right: 10px;
         padding-bottom: 3px;
@@ -78,23 +79,31 @@
         background-image:url(images/gradient_light_blue.png);
                background-repeat:repeat-x;
                color:#000000;
+               width:50%;
                padding-top: 10px;
         padding-right: 10px;
         padding-bottom: 10px;
         padding-left: 10px;
-               vertical_align:top;
+}
+.gal_img_left {
+               float: left;
+               border: none;   
+               vertical-align:top;
+               margin-right: 5px;
+               margin-top: 5px;
 }
 .gal_img_right {
                float: right;
                border: none;   
                vertical-align:top;
-               margin-left:3 px;
+               margin-left: 5px;
+               margin-top: 5px;
 }
 .gal_img_bottom {
                float: right;
                border: none;   
                vertical-align:top;
-               margin-top:10 px;
+               margin-top:10px;
 }
 
 </style>
@@ -105,13 +114,13 @@
 <!-- Galleries entry table -->
 
 
-<table border="0" cellpadding="1" cellspacing="0" width="100%" 
bgcolor="#ffffff">
+<table border="0" cellpadding="1" cellspacing="0" width="100%">
        <tr>
-               <td valign="top"  width="85%"><!-- Begin contents of page -->
+               <td valign="top"><!-- Begin contents of page -->
                        <table class="gal_border" width="100%">
                                <tr>
                                        <td colspan="2">
-                                               <table 
class="gal_header_border" width=100% >
+                                               <table 
class="gal_header_border" width="100%" >
                                                        <tr>
 
                                                                <td 
class="gal_header">
@@ -120,18 +129,18 @@
                                                        </tr>
                                                        <tr>
                                                                <td 
class="gal_description">
-                                                                       <img 
src="images/official_button_large.png" align="left" hspace="3" vspace="3">
+                                                                       <img 
class="gal_img_left" src="images/official_button_large.png" alt="official 
artwork button" />
                                                                        This 
artwork has been approved by the OpenOffice.org Art Project 
                                                                        to be 
used in promoting OpenOffice.org inside and outside the community.
-                                                                       <p>
+                                                                       <br />
                                                                                
For both product and community it is essential to present a "consequent" 
                                                                                
and unique visual impression of OpenOffice.org, our 
                                                                                
<a href="infos_graphics.html#visual_identity">Visual Identity</a>.
                                                                                
If you want to refer to our product or our community, please use this officialy
                                                                                
approved artwork wherever possible.
-                                                                       </p>
+                                                                       <br />
                                                                        <small>
-                                                                       <img 
src="images/native_lang_button_small.png" align="right" hspace="3" vspace="3">
+                                                                       <img 
class="gal_img_right" src="images/native_lang_button_small.png" 
alt="native-lang artwork button" />
                                                                                
Artwork can be language independent - but sometimes textual information in your 
language has to be included.
                                                                                
Some of the galleries already contain such translated artwork - reachable via 
the worldmap button.
                                                                                
If you use it (or if you want to provide us with newly tranlated versions), 
@@ -163,10 +172,8 @@
                                                                </td>
                                                        </tr>
                                                        <tr>
-                                                               
-                                                               </td>
-                                                               <td 
class="gal_description" width="50%">
-                                                                       <img 
src="images/previous_button_small.png" align="left" hspace="3" vspace="3">
+                                                               <td 
class="gal_description">
+                                                                       <img 
class="gal_img_left" src="images/previous_button_small.png" alt="previous 
artwork button" />
                                                                        <small>
                                                                                
The previous artwork refers to former OpenOffice.org versions. 
                                                                                
We don't want to remove this artwork from the galleries, 
@@ -174,7 +181,7 @@
                                                                        </small>
                                                                </td>
                                                                <td 
class="gal_description">
-                                                                       <img 
src="images/additional_button_small.png" align="left" hspace="3" vspace="3">
+                                                                       <img 
class="gal_img_left" src="images/additional_button_small.png" alt="additional 
artwork button" />
 
                                                                        <small>
                                                                                
Additional artwork can be utilized for private usage, as basis for your own 
artwork and if there is no official artwork yet.
@@ -192,7 +199,7 @@
                                                <table 
class="gal_header_border">
                                                        <tr>
                                                        <!-- logos -->
-                                                               <td 
class="gal_entry" width="50%">
+                                                               <td 
class="gal_entry">
                                                                        <a 
href="galleries/logos/index.html">
                                                                                
<img class="gal_img_right" src="images/logos_gallery_thumb.png" alt="logos" />
                                                                        </a>
@@ -240,11 +247,12 @@
 
                                                                        <a 
href="galleries/labels/index.html">
                                                                                
<b>LABELS and STICKERS 
-                                                                               
        <br>(including OEM Labels)
+                                                                               
<br />
+                                                                               
(including OEM Labels)
                                                                                
</b>
                                                                        </a>
-                                                                       <br/>
-                                                                       <br/>
+                                                                       <br />
+                                                                       <br />
                                                                        With 
these labels you can print stickers for computers and posters,
                                                                        improve 
your document's design or promote OpenOffice.org in any other way. 
                                                                </td>
@@ -264,7 +272,7 @@
                                                                        <a 
href="galleries/web_banners/index.html">
                                                                                
<img class=" gal_img_bottom" src="images/web_banners_gallery_thumb.png" 
alt="web banners" />
                                                                        </a>
-                                                                       <br>
+                                                                       <br />
                                                                </td>
                                                        <!-- Posters and 
printed banners -->
                                                                <td 
class="gal_entry">
@@ -288,7 +296,7 @@
                                                        <!-- Wallpapers -->
                                                                <td 
class="gal_entry">
                                                                        <a 
href="galleries/wallpapers/index.html">
-                                                                               
<img class="gal_img_right" src="images/wallpapers_gallery_thumb.png" 
alt="wallpapers">
+                                                                               
<img class="gal_img_right" src="images/wallpapers_gallery_thumb.png" 
alt="wallpapers" />
                                                                        </a>
                                                                        <a 
href="galleries/wallpapers/index.html">
                                                                                
<b>WALLPAPERS</b>
@@ -304,7 +312,7 @@
                                                                <td 
class="gal_entry">
                                                                        <a 
href="galleries/business_cards/index.html">
 
-                                                                               
<img class="gal_img_right" src="images/business_cards_gallery_thumb.png" 
alt="business cards">
+                                                                               
<img class="gal_img_right" src="images/business_cards_gallery_thumb.png" 
alt="business cards" />
                                                                        </a>
                                                                        <a 
href="galleries/business_cards/index.html">
                                                                                
<b>BUSINESS CARDS</b>
@@ -330,7 +338,7 @@
                                                                                
        </td>
                                                                                
        <td>
                                                                                
                 
-                                                                               
                <a href="galleries/for_designer/index.html" align="center">
+                                                                               
                <a href="galleries/for_designer/index.html">
                                                                                
                <b>INFORMATION and ELEMENTS for DESIGNERS</b>
                                                                                
                </a>
                                                                                
                <br />
@@ -341,7 +349,7 @@
                                                                                
        </td>
                                                                                
        <td>
                                                                                
                <a href="galleries/for_designer/index.html#wire_gulls">
-                                                                               
                        <img class="gal_img_right" 
src="images/for_designer_gallery_right_thumb.png" alt="wire gulls">
+                                                                               
                        <img class="gal_img_right" 
src="images/for_designer_gallery_right_thumb.png" alt="wire gulls" />
 
                                                                                
                </a>
                                                                                
        </td>




---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to