nfc212
Privileged
-
Joined
-
Last visited
Everything posted by nfc212
-
There are so many issues with that code I'm not sure where to start, mixed case, unclosed input elements, incorrect syntax, closing body and head tags in the wrong order. The main issue with the javascript is that document.getElementsByName doesn't exist, it is either getElementById, getElementsByTagName or getElementsByClassName. I have no idea what all the z-index:-1; is about either. Try this: <!DOCTYPE html> <html> <head> <title>First Step</title> <style> body{ margin:0; padding:0; font-family:arial,sans-serif; } form{ padding:20px; } label, input{ display:block; margin:0 0 5px; } input[type="text"]{ margin:0 0 10px; } </style> </head> <body> <form action=""> <label for="username">Enter a Username.</label> <input type="text" id="username" name="username" placeholder="Username"> <label for="email">I hate SPAM and promise to keep your email address safe.</label> <input type="text" id="email" name="email" placeholder="Email"> <input type="button" onclick="okClick();" value ="Ok"> </form> <script> function okClick() { var b= document.getElementById("username").value; alert (" Your Name Is " + } </script> </body> </html>
-
The text looks good Charlie. However without seeing the logo within the context of the overall design it is difficult to see exactly what relevance the graphic will have.
-
Very true, people who are fat or ugly or disfigured are much less likely to get a job because the interviewers take one look and think, 'Don't want this ugly, sweaty lard arse stinking the place up and breaking the swivel chairs'. Quite simply if your face doesn't fit it won't matter if you're a ****ing genius you're not getting the job. However that's life sometimes. You need to understand that life isn't fair and there will always be the fortunate privileged few who can simply walk into a cushy number because someone influential can pull strings. For the majority of us it's just a case of carrying on regardless and just keep trying. You need to just stick to it and don't start going into interviews expecting not to get the job, if you do you definitely won't get it. Conversely don't get your hopes too high or if you don't get the job it will bring you down with a crash.
-
Probably better to take the feedback from those who were successful not from those who weren't. As in most cases it is very rare now to receive feedback from an unsuccessful application it is unlikely they will ever know exactly where they went wrong. If you're going to hang around with losers you're going to be a loser yourself. Bottom line is, unless you're an old etonian or you have a powerful and influential uncle you will need to actually have some skill in and understanding of the job you want to do. So you will need some sort of portfolio of work. It doesn't have to be faultless if you're applying for entry level and junior level posts. It doesn't matter what industry you're starting out in you'll always make little mistakes at the start or do things in a perhaps long winded way which could be improved on. That's all part of the process of learning and gaining experience. Networking will help as it can often give you an insight into what different businesses expect and want to see in candidates. Also as I previously said it can often mean that you pick up on upcoming opportunities ahead of the rest allowing you to prepare and submit an application quicker. It's all grist to the mill and anything you can do to give yourself a boost over other applicants is usually going to help.
-
A better adage would be 'it's not always what you know, it's who knows you'. In a perfect world all appointments would be made purely on merit and capability, unfortunately it isn't a perfect world and in many cases jobs are awarded on the basis of nepotism or simply 'the old school tie'. In most cases however there is a semblance of fairness in the process and if you do know people in the business then you might have an advantage as an employer can approach them as a 'professional' reference who can give them an insight into your skills and capabilities..Bear in mind that this might be double edged if they person gives you a poor reference. The main advantage of being in the know is that you might get a tip off about jobs that might be coming vacant due to someone retiring or moving elsewhere. If you meet and mix with people in the industry you want to work in you will learn the 'jargon' and the 'chit chat'. You might also discover reasons why one person got the job and another didn't. Knowing the industry can be as important as knowing the job itself.
-
Seems to me that you find yourself in front of a molehill and decide to turn it into a mountain by digging yourself into a nice deep pit. I doubt that there is anyone here who can help with your psychological issues, which seem to be the root cause of the urge to dig these holes. Just set yourself a fairly simple goal and achieve it.
-
I've never visited the site before I clicked the link so I have a visit count of one which means there wouldn't have been any cached files.
-
It seems it's the grey bottom footer causing it by having a margin-right value of -230px set in joomlaplates.css .footer-outer { position: relative; z-index: 0; padding: 20px 0; color: #fff; margin-right: -230px; }
-
Well it doesn't work like that in my Vodafone Smart First. Whether that is down to the individual phone or down to the individual finger jabbing away at it I'm not sure. My, a former heavy hammer engineer, idea of a light touch is probably most people's idea of a blow with that heavy hammer. I've found touch/hover emulation in the dev tools in Chrome and Firefox to be iffy at best so overall I would not rely on hover events working as intended in touch screen devices.
-
Some might but I wouldn't like to make the assumption that all will do so. I reckon the root cause of the problems are the absolute positioning and all the dimensions in pixels.
-
OK so red or green or both?
-
Tapped on what exactly the red menu button or the green Show Menu
-
Mobile devices don't do hover so the dropdowns are highly unlikely to work. You either need to trigger the dropdowns by JS/JQuery or by using the CSS checkbox 'hack' or using a focus event on the dropdown parent. Focus events can be applied to elements other than input and other form elements by giving them a tabindex. However depending on the application you want to apply them to there could be problems using this method.
-
The absolute positioning is the bugbear with this. Unfortunately once position:absolute; rears its head things can start to get a bit tricky. Tried this and it seems to work. Add a <nav> element around the <ul id="menu"> Now add the following CSS nav{ width:700px; margin:0 auto; } This works fine because the buttons are set to min-width:140px; and five buttons are therefore 700px wide. However if one button is longer it won't work due to the fixed widths. In that case add an ID to the nav element, remove the width from the CSS and add the following bit of JS which measures the total width of the <ul> element. <script> function sizeElement(el1,el2) { var elmnt2 = document.getElementById(el2); var w = elmnt2.offsetWidth + "px"; var h = elmnt2.offsetHeight + "px"; document.getElementById(el1).style.width = w; document.getElementById(el1).style.height = h; } window.addEventListener("load", sizeElement('nav','menu')); </script> So the end result would be something like <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style.css"> <style> /* Page specific styles can go here */ </style> </head> <body> <label for="show-menu" class="show-menu">Show Menu</label> <input type="checkbox" id="show-menu" role="button"> <nav id="nav"> <ul id="menu"> <li><a href="#">Home</a></li> <li><a href="#">About ￬</a> <ul class="hidden"> <li><a href="#">Who We Are</a></li> <li><a href="#">What We Do</a></li> </ul> </li> <li><a href="#">Portfolio ￬</a> <ul class="hidden"> <li><a href="#">a much longer bit of text just as a test</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> </ul> </li> <li><a href="#"> Latest News and Reviews</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <script> function sizeElement(el1,el2) { var elmnt2 = document.getElementById(el2); var w = elmnt2.offsetWidth + "px"; var h = elmnt2.offsetHeight + "px"; document.getElementById(el1).style.width = w; document.getElementById(el1).style.height = h; } window.addEventListener("load", sizeElement('nav','menu')); </script> </body> </html> and the CSS /* */ *,*:after,*:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } body{ margin:0; padding:0; } nav { margin:0 auto; }/*Strip the ul of padding and list styling*/ ul { list-style-type:none; padding:0; margin:0; position:absolute; }/*Create a horizontal list with spacing*/ li { float:left; margin-right: 1px; }/*Style for menu links*/ li a { display:inline-block; min-width:140px; height: 50px; text-align: center; line-height: 50px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background: #f00; text-decoration: none; margin:0; padding:0 10px; }/*Hover state for top level links*/ li:hover a { background: #cc0000; }/*Style for dropdown links*/ li:hover ul a { background: #f3f3f3; color: #2f3036; height: 40px; line-height: 40px; }/*Hover state for dropdown links*/ li:hover ul a:hover { background: #19c589; color: #fff; }/*Hide dropdown links until they are needed*/ li ul { display: none; }/*Make dropdown links vertical*/ li ul li { display: block; float: none; }/*Prevent text wrapping*/ li ul li a { width: auto; min-width: 100px; padding: 0 20px; }/*Display the dropdown on hover*/ ul li a:hover + .hidden, .hidden:hover { display: block; }/*Style 'show menu' label button and hide it by default*/ .show-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #19c589; text-align: center; padding: 10px 0; display: none; }/*Hide checkbox*/ input[type=checkbox]{ display: none; }/*Show menu when invisible checkbox is checked*/ input[type=checkbox]:checked ~ #menu{ display: block; }/*Responsive Styles*/ @media screen and (max-width : 760px){ /*Make dropdown links appear inline*/ ul { position: static; display: none; } /*Create vertical spacing*/ li { margin-bottom: 1px; } /*Make all menu links full width*/ ul li, li a { width: 100%; } /*Display 'show menu' link*/ .show-menu { display:block; } } I added a little padding to the buttons and made one of them longer to show it works with buttons of unequal length. It is vanilla JS so there is no need to load 100KB of JQuery. The function itself isn't 'hard wired' to any elements so more window load events or even click events on elements could be set to use it. Just remember that el1 is the object to be sized and el2 the object to be measured. You would need to test it thoroughly for use with a responsive layout
-
Perhaps it was how the course was designed. OK got you now, I took rules to mean rules in a literal sense. So it's more 'rule of thumb' than 'rule of statute'. The Nike 'tick' logo is a very good one IMO. It's simple, easy to remember and identify, scaleable, can be translated into any colour on any ground all of which probably make it so appealing to younger people and teenagers in particular with their very short attention spans. If someone mentions Nike the tick is the first thing I think of. In truth I can't remember if the lettering is serif or sans-serif, normal case, all caps or small caps. None of which matters because the simple tick shape gets the job done.
-
Perhaps a better term would be 'guidelines' rather than 'rules'. I associate a rule with something that is proscribed and unequivocal and must be adhered to with no flexibility allowed. Which is probably the result of spending forty years in an industry that is awash with rules that are proscribed and inflexible. However a guideline says to me, if you follow this and put it somewhere within the ballpark it should work OK, please most people and you shouldn't go far wrong.
-
Thanks for that a good, quick précis. I fully understand the significance of colour, shapes and form to convey messages. As I come from the mechanical/construction engineering industry they all play a very important part in ensuring safety and efficiency. All those pipes you see in a factory aren't painted different colours out of any sense of interior décor they are those colours as they indicate the contents of the pipe. In this case the colours need to comply with BS1710 and BS4800 in the UK and with ISO14726 in other countries. You have little to no choice in the matter they're going to be those colours or you'll be facing the consequences. The significance of colour is something I think that has been lost in Western culture but still plays great significance to many from other parts of the world. There is a very good starter article here for anyone interested in the subject. http://www.designyourway.net/drb/colors-in-web-design-and-why-to-choose-them/ In the UK we only retain the association of black with death and mourning. Of a point of side interest, metal gates and railings in the UK were traditionally painted red or green with some grander houses using gilding as well. The 'traditional' black came about on the death of Prince Albert in 1861 when a period of national mourning was declared. In the past colours, flowers and precious stones and metals all had a significance and carried specific meanings. Gold doesn't corrode or tarnish in normal usage so it is associated with being incorruptible, everlasting and eternal for instance. The various 'golden ratios' and the rule of thirds work well because they are in tune with the way human eyes work and transmit the received data back to the brain. Perhaps there should be a section or a thread here purely for design and how people view it. As such it is very much something that is subjective and depends on the cultural background and personal taste of the person viewing it. Which is why I find it peculiar to try to apply any hard and fast rules to design.
-
OK, what rules govern design? I don't mean statutory legal requirements for the purposes of safety here. You need twenty years of research and an act of parliament to change those. The only short cut is a horrific accident claiming the lives of lots of middle class white people. There are also rules for manufacturing purposes. If it's too expensive to make you'll likely never sell it. If we mean the rules of design for aesthetics please explain them because one person's aesthetic is another person's dog's dinner.
-
There are no rules in design except the golden rule, It needs to fulfil its function. To me the rotation around the vertical chandelier just looks odd. If the view of the chandelier was from directly below forming a more circular feature then it might work. Perhaps if the ELITE was at the top in a horizontal plane with the chandelier descending from the base of the T and the other text as it is it might work for me as well.
-
If the finishing point is perpendicular to the starting point it'll always be good.
-
When I think of a chandelier the first thing that comes to mind is symmetry around a perpendicular and that makes the asymmetry of the rotated text out of kilter.
-
Also are you left handed or right handed? Most things are designed for right handed people and therefore what is 'ergonomic' for the right handed can be a living hell for the left handed. It's surprising the number of left handed people who have accidents or suffer injury using items designed specifically for the right handed, scissors are a prime example.
-
Yes, quite. Take me to your leader.
-
Attached is an image of what the WOT plug in pops up in my Firefox. It is entirely independent of the actual site and you have no control over it as it is a crowd sourced review and rating site. I'm fully aware that it is probably incorrect but to the general public they will tend to believe it and possibly move on elsewhere. The browser add-on has been downloaded by over 140,000,000 users mainly in the US and UK and is available for both Firefox and Chrome. Also attached is a perhaps more traditional style of logo which might possibly appeal to the older generation like what I is.
-
WOT doesn't just look at malware and viruses it also allows for rating the trustworthiness of the business itself. Even though it is crowd sourced and therefore open to manipulation having a big red pop up warning visitors that the site and/or business is not to be trusted is in many cases going to be an issue. When the visitor is contemplating parting with a sizeable sum of cash and probably lives in a property worth burgling the last thing you want is a warning being popped up that your business is dodgy. Probably a disgruntled customer or even the competition trying to put the boot in but unfortunately the general public are influenced by that sort of thing, especially when money is part of the equation.
