Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

General Design: MS Web Centar site

Bottom of Page

1 to 6 of 6

  1.  
  1.  permalink
    I woul'd like to know your opinion about one of my recent works. At the first place, I'm interested in layout comments, but and everything else. It's not finished yet, but what's finished? :)

    http://www.mswebcentar.com
    • CommentAuthorGustavs
    • CommentTimeJan 3rd 2006 edited
     permalink
    It seems like a nice little blog or something like that. Nothing comercal. Some of things that I think about it:

    • Something in that web page to me sems to be incomplete. Something is still missing. Sorry, but I can't tell what.

    • Maybe you should not devide the header part and content part? I think it would look better togeather.

    • Try editing that menu so that on the hover there are no padding on top and bottom buttons.

    • Also I think that in this kind of small web you should not use "Trebuchet MS" font, as it does not fit this page, becouse of it's sizes.

    • CommentAuthorNick Presta
    • CommentTimeJan 5th 2006 edited
     permalink
    A nice subtle patterned background on the html element would look lovely.
    I like the blue but in the header/footer I'm not a fan of the margin separating it from the border. Push it together - make it solid.

    This is incorrect:
    ======================[start]======================
    <div id="header">
    <h1><strong>MS Web Centar. Design Studio.</strong></h1>
    </div>
    <div id="zebra"></div>
    <div id="menu">
    <a href="/index.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Naslovna</a>
    <a href="/portfolio.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Portfolio</a>
    <a href="/templates.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Templates</a>
    <a href="/touch.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Art</a>
    <a href="/faq.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">FAQ</a>
    <a href="/contact.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Kontakt</a>
    </div>
    ======================[end]=======================

    It can be accomplished with this:
    ======================[start]=======================
    <div id="header">
    <h1>MS Web Centar. Design Studio.</h1>
    <ul id="menu">
    <li><a href="/index.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Naslovna</a></li>
    <li><a href="/portfolio.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Portfolio</a></li>
    <li><a href="/templates.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Templates</a></li>
    <li><a href="/touch.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Art</a></li>
    <li><a href="/faq.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">FAQ</a></li>
    <li><a href="/contact.php?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" class="mainlevel">Kontakt</a></li>
    </ul>
    </div>
    ======================[end]=======================

    div#header { background: #fff url("images/zebra.jpg") no-repeat left bottom; }
    h1 { font-weight: bold; background: #1fdcf2 url("images/header.jpg") no-repeat; ... }
    ul#menu { width: 122px; float: right; background: #e1f8ff; list-style-type: none; }
    ul#menu li a { display: block; height: 25px; background: transparent; }
    ul#menu li a:hover { background: #afeefd; border: 1px solid #1dcadb; margin: -1px; }

    I think you will have to add a clear: right; on your ul#menu too (or else it won't be "inside" the div#header) but I'm not sure since it's late and I'm tired. But just add, clear: right;, if it gives you that problem.

    This should work, although untested but I'm confident =P, and it the correct way to do something like that. It reduces images although you used CSS sliding doors, which would be the correct way to do something like this since you avoid "the flash". You also cut down your divisions by two.

    =)
  4.  permalink
    Thank you very much. I knew about the menu problem, but guess, I was a little bit lazy...:))) anyway thanks for your comment (and help)...
    •  
      CommentAuthorbenjitastic
    • CommentTimeJan 5th 2006 edited
     permalink
    I would recommend not having the lower box (".contentright" & ".contentleft") a fixed height (500px). When you increase the font size (even one size) the text starts vanishing behind the footer.

    Otherwise, I like the site, the blue you chose is very refreshing.
  6.  permalink
    Layout itself fine.
    The only comment I have color scheme seems to me little bit to bright.
    and background kind of dull.

    Cheers, DS

1 to 6 of 6

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page