Tag Archives: Box Model

pretty much stuck on portfolio design

Posted on September 23, 2012 by admin467 views

Delighted Holidays Quite simply, I am looking for a way to make my software more interesting devoid of cluttering up your interface. Right now concerning my company bill, contact info, and an " under construction" message. I want to add a list of websites that We’ve completed, but I do not have the time now and I don’t know how I could possibly arrange that around the interface. My completed vision should be to create a Pen interface of roundish-rectangular adventures that slide out of the main rectangular module utilizing a quick, smooth movement tween. With thanks. an enhanced design.. I possibly could have tiny snowflakes falling inside the background.. A portfolio is approximately the work — content. Anything else, blink tags, snowflakes, or anything else, sends a distracting message the layout is more important versus information. The look examples of Hellocode tend to be based around showing the work. Way too countless portfolio designs fail to focus on a client dilemma, a target customer, or a purpose for your work. All these added considerations generally is a source of creativity which differentiates what you do from others. There just aren’t that many interesting backgrounds, color schemes, box model hacks, … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

PCP Style – A New Idea for Better Stylesheets

Posted on August 18, 2012 by admin507 views

So Pondered this idea today…. PCP (PCP CSS Preprocessor). Fundamentally, I want to create a preprocessor to get CSS that parses released your stylesheet within the server-side and uses HTTP_USER_AGENT to determine deviations from normal CSS, then replaces that W3C-compliant CSS having browser-specific CSS and also spits out the result. And here is how it’ll do the job. Think about you have this particular HTML (below). And let’s say you want to style your #page content that they are 500px wide with 20px padding as well as a 10px border, centered to the page, with word justified left. W3C can have you do the following: HTML: < html> < head> < title> PCP Style< /title> < website rel=" stylesheet" type=" text/css" href=" key. css" media=" all" /> <! –if lte IE 6> < website rel=" stylesheet" type=" text/css" href=" ie6. css" media=" screen" /> <! endif–> < /head> < body> < div id=" page" > < p> PCP is a bomb! < /p> < /div> < /body> < /html> Here’s some of our main CSS report, which works with regard to W3C-compliant browsers. Code: div#page size: 500px; padding: 20px; boundary: 10px; margin: 0 auto; Due to box-model misinterpretation by means … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Spry Menu invisible in IE6

Posted on August 13, 2012 by admin439 views

To anyone who can assist, the site renders fine overall browsers but IE6. Here’s the positioning address: http: //www. shelby-sheriff. org/index. html Inside IE6 the directory spry menu isn’t there. Here is the CSS: charset " UTF-8"; /* SpryMenuBarVertical. css : Revision: Spry Preview Release 1. 4 */ /* Copyright (c) 2006. Adobe Programs Incorporated. All rights reserved. */ /******************************************************************************* DESIGN INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container from the Menu Bar, a fixed width box with no margin or support */ ul. MenuBarVertical border: 0; extra padding: 0; list-style-type: nothing; font-size: 100%; cursor: default; /* Set your active Menu Bar using this class, currently environment z-index to allow for IE rendering bug: http: //therealcrisp. xs4all. nl/meuk/IE-zindexbug. html code */ ul. MenuBarActive z-index: ONE THOUSAND; extra padding: 1px; /* Selection item containers, position children relative to the present container and will be same fixed width as parent */ ul. MenuBarVertical li border: 0; extra padding: 2px; list-style-type: nothing; font-size: 75%; location: relative; text-align: left; cursor: tip; width: 160px; font-family: Verdana, Arial, Helvetica, sans-serif; colouring: #FFFFFF; border-top-style: nothing; border-right-style: nothing; border-bottom-style: nothing; border-left-style: nothing; /* Submenus have to appear slightly overlapping to the right (95%) or longer … Continue reading →

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment