jpwd
Members
-
Joined
-
Last visited
Everything posted by jpwd
-
Really like the site, it's simple and really works, looks very professional. Breaks a bit in IE8 though, but the fixes will be easy with an IE8< stylesheet.
-
What on earth is going on on this forum? http://cartcraze.com/forum/first-portfolio-website
-
Viewing on an iPhone your footer and header areas are not central.
-
-
Hi, for what the website is, I kind of like it. It does the job and looks nice and tidy. Theres a few things that I feel would make it nicer: Don't really like the logo, especially the lock, which looks like it's been knocked up in paint. You want smooth edges on it at least. On further inspection the whole logo has jagged edges. Definitely get rid of the pop up thing asking the user to 'like' the website is very annoying and offputting! (Especially after 3 times!). Could do with a proper contact form, as anyone without a mail client installed (like me) can't contact you. The Generate button could do with 'cursor:pointer' in the css. Good Luck!
-
The sites pretty awful in my opinion! For a start it's kind of table based which is basically a huge no no nowadays. Why is the site to the left of the page? It should be centered surely? Also the content area needs to be a lot wider. The adverts also add to the overall messy look. However if this is your first site and you have only just started learning it's not a bad effort. I do think you need to start from scratch, buy a css book and learn how to layout a webpage more gracefully.
-
Can't view the CSS, but is the :hover state on an li tag? (li:hover) If so this doesn't work in ie, so would need to be applied to an <a> tag (a:hover)
-
Need to see the CSS really, however I'm guessing the problem is with the OnMouseOver etc. Instead of using that, it's better to use the :hover function is CSS. For example <html> <head> <style type="text/css"> li { display:inline; } a { background:red; color:black; text-decoration:none; padding:10px; } li.home :hover { background:blue; } a:hover { text-decoration:none; background-color:yellow; } </style> </head> <body> <ul> <li class="home"><a href="#">Home</a></li> <li><a href="#">Another Link</a></li> <li><a href="#">Yet Another</a></li> <li><a href="#">Another?</a></li> <li><a href="#">ZZZZZZ</a></li> </ul> </body> </html> If you want a different background for each <li> use a different class for each.
-
Strugging to get an affect similar to this when you hover over the images an opaque layer is produced on top. I'm sure this is simple using an image for both but surely theres an easier way with CSS? I've tried myself but the background on hover just seems to go behind the image if the <img> tag is in the source code and replaces the image if it is a backgorund-image in the CSS. I've found some tutorials but they aren't quite what I'm looking for and contain alot more code than I'm sure is required!
-
Judging by your portfolio you've got a lot of talent in my opinion. So why you would need to just use someone elses design for your own website? Surely you should design a unique and different site for yourself? I'm not keen on the template anyway, it seems too narrow, and the one page thing baffles me!
-
Have to disagree, for a single page information site it looks great to me. Professional, gets the message across and does the job. Especially like the contact form.
-
@fontface allows you to use many fonts as oppose to the standard fonts that most computers have. The best way to use @fontface is to download an @fontface kit from fontsquirrel.com. You then paste the styles into your own css and put the font files onto your site then your font will be visible to all. You can also link to fonts straight from Google. I've not explained that very well! And it can be a bit tricky at first. Do a search on youtube.com or google for @fontface, there are many tutorials out there. As for the tab style I mentioned, something like this - Though I think the border should run round the whole page to have give it a better feel, maybe a thinner border would work better.
-
I use dreamweaver, and generally find it pretty useful. I like the ease of the Live View, which is pretty well matched to what you see in Firefox etc. Obviously you still need to regularly check all the browsers, but I find Live View pretty accurate. I use it basically as a glorified text editor but it's what I'm used to and find I can code quickly on it (as long as you code in the code view and not on design view). Clearly it's far to expensive just to use as a code editor but I like it and would recommend it. It is a bit of a beginners tool, but has all the features most other code editors have.
-
I wouldn't really worry about IE7 anymore, there is such a minimal amount of people with it, it doesn't really seem worth the effort. However if you insist... In order to keep the site unaffected by any changes you do to accomadate for IE7, paste this in the head of your page: <!--[if lt IE 8]> <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> <![endif]--> Then create a stylesheet called ie7-and-down.css and just amend styles for the areas you want to change. Further information can be found here- http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
-
I quite like the background and 'art class' feel including the post it note. I'm not keen on the colours on the navigation, and the borders when the tabs are active. I think it would possibly look better if the bottom border was removed (or made white) on the active tab to give the appearance of an open tab sort of thing. I also don't like the columned approach on the home page, they don't seem wide enough which can create alot of whitespace (especially on a mobile). Also have you learnt about @fontface yet? It's pretty simple and will greatly enhance your site imo as the text is a tad boring at the moment.
-
That's how I had it to begin with, but I much prefer it with the background. For a start it clashes with the white on the fixed background. Might experiment with giving the background more opacity.
-
The design is very nice with the top image and layout etc. There's something not quite right about alot of the type. Is English your first language? I just seem to be reading things in an Indian/Pakistani accent! For example 'websites desgin', 'Do you want to start promoting on the internet and you do not have a professional website? Contact us and we will tell you what solution will be the best for you!' The word you is used 4 times! A more proffesional way to put it - 'Do you want to start promoting on the internet and do not have a professional website? Contact us and we will tell you what the best solution will be! Another example- 'If you are not sure how the navigation system should look like' The 'like' isn't necessary unless you use 'what' instead of 'how'. The font is also standard/boring and could do with being bigger and having more line height in my opinion. Have a look a @fontface and fontsquirell.com for more unique and exciting fonts. I think the foundations are there for a really nice website, just the text, both in how it's read and how it looks lets it down at the moment.
-
Been having a play around with Twitter Bootstrap and must say I'm pretty impressed with it. It is very easily customised and you can style it to be totally unrecognisable to the templates. You could easily bang out a complete website in a day. I'm guessing you can use Bootstrap for commercial purposes, so for a simple responsive marketing website it could be a very handy tool (though I'm sure it is seen as cheating!) I've only been playing with it for a few hours, so what horrors will I find if I persist in exploring it?
-
Looks absolutely fantastic to me! Only problem I can see it that it is going to very image heavy so could have a longish load time for those on slowers networks etc. Though it could be argued that that site would be worth the wait. You could create those ribbon type images with CSS3 but they wouldn't be backwards compatable and may look awry in some browsers.
-
I'm actually considering ditching the twitter button, or at least giving it an absolute position! Going to keep the rotation but ditch the size increase as well. Not sure about the mobile number. Thanks a lot for your comments.
-
Fantastic reply, exactly the type of thing I'm after. Thank you.
-
Finally feel I've learned enough to make a respectable site for myself. Initially I don't really expect to get work through the website, it's there more of a base for people to look at from local advertising, word of mouth etc. The prices and services are just rough estimates, I've yet to work out the kind of prices I'll be charging. Here we are! Few notes: It's a no go in IE7! Will probably ditch the page title images as they mess it up a bit on load. Plus aren't really neccessary. Would be greatful for any advice, and also what you like about it (if anything!).
-
The thing that will put people off more than anything is poor grammar and spelling. Or example a lot of content on sites you have done are poorly worded and missing a lot of punctuation (comma's, apostrophe's etc.) It gives a wholly amateur feel. For example on your website your i's should be uppercase, sneak is spelt wrong and you have put HTML, CSS where an and is required. If you're not good with that sort of thing, get maybe a family member who is to check your written content.
-
I have a similar problem! Design a site, like it, start to dislike it, redesign, like it, start to dislike it etc... Would be interested in seeing some of your sites.
-
Try this video, explains positioning really well- http://css-tricks.com/video-screencasts/110-quick-overview-of-css-position-values/
