Kevin_P

I am looking to build some websites and over time I have came across a number of different helpful tools such as typekit which allows you to use better and more interesting fonts for building websites. I have also seen other tools such as easy contact forms but for these services you are required to pay a monthly or yearly subscription. Now these look really handy and I would assume make building a website easier but do you pro web designers use any such tools. The main downside I can see is that would you add the charge of this on to the customer or would you just pay for it yourself. If you built a website for someone and say used a subscription contact form for instance and paid up for a year and then after the year runs out and if it was not renewed they would then possibly get adds showing on their contact form or it would stop working or if you did not renew the typekit then all the fonts on the site would return to the bog standard fonts rendering the website much less attractive. what would you suggest about such subscription tools?

Yeah I just had a look at the jquery api.....man that is some amount of info on there. I dont have a clue where to start. Im gonna get the jquery for dummies book to get me started on this. I have used jquery before a little to add in sliders and stuff but I'm just beggining to get some clarity on what can be done with it. looks like I've got a good bit of learning to do to understand it fully. btw I have a post in web design layout that no one has responded to as yet. It may be a little cheeky to expect someone to take the time to go through all my code (which most of you may consider quite messy) however. I don't know what I've done wrong to get the placement of a html5 video in the right place. http://www.glasgowdrumlessons.com

Thanks guys for the lowdown on jquery. It's starting to make sense now thanks to your help. Now I am wondering if jquery is purely for css manipulation. is there more that jquery can do which does not involve css and if so what would that be.

I have just been looking at how jquery can change the css in a page which all looks very interesting. My question however is WHY you would use this. i.e. why not just change the css file. I am guessing I'm missing something here but I cant figure out what

Hi, I am working on a new design for my site and I am having some issues with getting the html5 video to play in some browsers. also the size and placement of the video is not going where I want it to go. In google the video is much smaller than I would like. In ie9 the video is in the correct place but it does not play. and in firefox it starts off at the correct size when loading then it resizes down and also does not play. Lastly on android the video is hovering over the text. any help with any of these issues would be gratefully received. http://www.glasgowdrumlessons.com

Cheers Owen. I'm back at the drawing board today tho as I now have a good template with a resizing webpage depending on how big the browser is i.e. it will easily adapt to mobiles etc... The twitter feed was put up as I realised how bad the site was for seo purposes and thought it would allow a few keywords to be included on the site. Anyway back to the drawing board for me :-) - I will put up the new design when completed and would appreciate your thoughts when this is done :-)

mmmedia, Looking at the site now, and after all the positive comments I will indeed be looking to redesign the site. I had initially been looking to add/change the site over time but after the comments on here I am convinced a complete redesign is on the cards. btw the green link was intended as a call to action ie to stand out in the page and get people to click there but hey ho. Thanks for the input

Hi Owen, Thanks for the links to the websites you provided. I am sure they will be very helpful. I know you keep saying about how much knowledge I lack in good SEO practise however I do have some issues with this. Yes I forgot to put in the meta tags however this is because I was concentrating getting the design of the site the same way it was in photoshop and it slipped my mind (I would have & will get this info added). I am also aware that the content of my site is not written well for SEO and I had fully intended to sit down and write out content again and redo th home page so that it would contain better keywords etc... In the past I have (and still have) number 1 in google search rankings for my "glasgow drum lessons" website and appear in page 1 in a number of different searches. As for the prices I am charging I would like to point out that it is not all profit i.e. I would be paying for the customers domain name, stock photos as well as a years website hosting. I think it is harder to make a portfolio site as I am having to come up with the content myself rather than this being provided by a customer. Anyway, thanks again for the links you sent and for your thoughts.

Notbanksy, thank you for your constructive criticism and for defending me a little from the crowd of angry web designers who believe I should be shot for designing such an awful site lol. When I read the comment about me doing the industry damage I crawled into a corner and beat my head off the wall numerous times. I am still learning about web design and your comments have given me some food for thought about where to go from here, namely redesigning the entire site. To be honest, I did throw the site together too quickly and on reflection I should have concentrated more on the content I was putting out there. I have read some stuff on typography and colour theory but obviously not enough, so I will be searching out more info on these subjects. I also had a confab today with a friend who is a web designer and he gave me some info about using the 960 grid system along with some resources which will help me with future designs. With regards to the price, I had previously been offering up to 8 pages for £200 however I was told that that is way too cheap and that I should be charging in the region of £100 per page. I am in no way trying to overcharge anyone for a mediocre service as I would normally make up the design in photoshop and make sure the customer is happy with their design before making the website. My coding can and will improve over time however leaving out the meta tags was a result of my goldfish memory. Once again thank you for your comments. They really did make sense and gave me some good ideas about how a web page should look. When I redesign my site I will put it up here again and await my torturers responses. I can only hope that you will be here to cut through the bull and give me some more honest and helpful advice

As the title suggests, I would like some feedback for my portfolio website. Constructive criticism most welcome. Let me know what's good and what's bad. My link

nice one Danai

I could do with some help if anyone is willing. Its late and I am starting to get double double vision. I am trying to get the twitter app side by side with the main page. I have floated left. I have floated right. and now my mind is floating, trying to see why the twitter app is on top of the page instead of beside it.... here is the link My link Your help would be appreciated. Here is the css #wrapper { margin-right: auto; margin-left: auto; width: 1024px; height: 695px; background-image: url(../images/kproductionswebbackgroundpsd1.png); background-repeat: no-repeat; float: right; } #wrap #clearagain { clear: both; } #wrapper #footer { color: #0A0A0A; } #wrapper #header { float: right; height: 200px; width: 560px; padding-top: 75px; text-align: center; font-family: 'Oxygen', sans-serif; font-weight: bolder; } @font-face { font-family: AcclaimExtrabold; src: url('AcclaimExtralight.ttf'); } @font-face { font-family: AcclaimExtrabold; src: url('AcclaimExtrabold.ttf'); } #wrapper #header h5 { color: #F00; text-align: center; font-size: 24px; } #wrapper #header p { text-align: center; } #wrapper #logo { float: left; } #wrapper #logo a img { padding-left: 60px; border: none; } #wrapper #portfoliobutton { clear: right; padding-top: 180px; } #wrapper #captureimg { clear: both; padding-top: 45px; padding-left: 80px; float: left; } #wrapper #content1 { float: right; width: 400px; height: 400px; } #wrapper #content1 p a { color: #00E100; font-family: AcclaimExtrabold; } #wrapper #content1 { color: #FFF; } #wrapper #content1 h1 { font-size: xx-large; padding-top: 30px; padding-left: 60px; } #wrap #kontact { float: left; } #wrapper #content1 h2 { font-size: 16px; font-family: AcclaimExtralight; } #wrapper #content1 p { padding-right: 80px; font-family: AcclaimExtralight; text-align: justify; } #wrapper #content1 #heading2 { padding-right: 40px; } #wrapper #menu { float: right; width: 540px; } #wrapper #menu { } #wrapper #menu #home a #Home { float: left; padding-top: 5px; -webkit-transition: all 150s ease-in; } #wrapper #menu #portfoliobtn a #Image4 { float: left; padding-top: 6px; padding-left: 20px; } #wrapper #menu #packages a #packages { float: left; padding-top: 2px; padding-left: 10px; } #wrapper #menu #buywebsite a #buy website { float: left; padding-top: 16px; } #wrapper #menu #buywebsite a #buywebsite { float: right; padding-right: 55px; padding-top: 5px; } ul { list-style-type: none; } #wrapper2 { margin-right: auto; margin-left: auto; width: 1024px; height: 695px; background-image: url(../images/bg2.gif); background-repeat: no-repeat; } #wrapper2 #menu #id { } #wrapper2 #logo { float: left; } #wrapper2 #logo a img { padding-left: 60px; border: none; } #wrapper2 #portfoliobutton { padding-top: 180px; clear: right; } #wrapper2 #content1 h1 a { font-size: 24px; color: #FFF; } #wrapper #contactbutton { clear: right; float: right; padding-right: 450px; padding-top: 100px; } #wrapper2 #captureimg { clear: both; padding-top: 45px; padding-left: 80px; float: left; } #wrapper2 #content1 { float: right; width: 400px; height: 400px; font-family: AcclaimExtralight; } #wrapper2 #content1 { color: #FFF; } #wrapper2 #content1 h1 { font-size: xx-large; padding-top: 30px; padding-left: 50px; font-family: AcclaimExtrabold; } #wrapper2 #content1 h2 { font-size: 16px; padding-left: 30px; } #wrapper2 #content1 p { padding-right: 80px; } #wrapper2 #content1 #heading2 { padding-right: 40px; } #wrapper2 #menu { float: right; width: 540px; } #wrapper2 #menu { } #wrapper2 #menu #home a #Home { float: left; padding-top: 5px; } #wrapper2 #menu #portfoliobtn a #Image4 { float: left; padding-top: 6px; padding-left: 20px; } #wrapper2 #menu #packages a #packages { float: left; padding-top: 2px; padding-left: 10px; } #wrapper2 #menu #buywebsite a #buy website { float: left; padding-top: 16px; } #wrapper2 #menu #buywebsite a #buywebsite { float: right; padding-right: 55px; padding-top: 5px; } #wrapper3 { margin-right: auto; margin-left: auto; width: 1024px; height: 695px; background-image: url(../images/bgnumba3.gif); background-repeat: no-repeat; } #wrapper3 #captureimg2 { color: #FFF; padding-left: 130px; float: left; width: 275px; } #wrapper3 #right { float: right; width: 330px; color: #FFF; font-family: AcclaimExtralight; } #wrapper3 #clear { clear: both; } #wrapper3 #right h2 { color: #FF0; } #wrapper3 #captureimg2 h1 { padding-left: 350px; } #wrapper3 #captureimg2 h2 { font-family: AcclaimExtralight; color: #F00; } #wrapper3 #middle { float: left; width: 260px; color: #FFF; padding-left: 15px; font-family: AcclaimExtralight; } #wrapper3 #middle h2 { color: #CF6; } #wrapper3 #logo { float: left; } #wrapper3 #logo a img { padding-left: 60px; border: none; } #wrapper3 #portfoliobutton { clear: right; padding-top: 180px; } #wrapper3 #captureimg { clear: both; padding-top: 85px; padding-left: 80px; float: left; } #wrapper3 #content1 { float: right; width: 400px; height: 400px; } #wrapper3 #content1 p a { color: #F00; font-family: AcclaimExtrabold; } #wrapper3 #content1 { color: #FFF; font-family: AcclaimExtralight; } #wrapper3 #content1 h1 { font-size: xx-large; padding-top: 30px; padding-left: 50px; } #wrapper3 #content1 h2 { font-size: 16px; padding-left: 30px; padding-top: 30px; } #wrapper3 #content1 p { padding-right: 80px; } #wrapper3 #content1 #heading2 { padding-right: 40px; } #wrapper3 #menu { float: right; width: 540px; } #wrapper3 #menu { } #wrapper3 #menu #home a #Home { float: left; padding-top: 5px; } #wrapper3 #menu #portfoliobtn a #Image4 { float: left; padding-top: 6px; padding-left: 20px; } #wrapper3 #menu #packages a #packages { float: left; padding-left: 10px; } #wrapper3 #down #captureimg2 p { font-family: AcclaimExtralight; } #wrapper3 #down #captureimg2 #money1 p { font-weight: bolder; } #wrapper3 #down #middle #money2 p { font-weight: bolder; } #wrapper3 #down #right #money3 { font-weight: bolder; } #wrapper3 #down { padding-top: 20px; } #wrapper3 #menu #buywebsite a #buy website { float: left; padding-top: 16px; } #wrapper3 #menu #buywebsite a #buywebsite { float: right; padding-right: 55px; padding-top: 5px; } #wrapper4 { margin-right: auto; margin-left: auto; width: 1024px; height: 695px; background-image: url(../images/bgcontact.gif); background-repeat: no-repeat; } #wrapper4 #captureimg { } #wrapper4 #logo { float: left; } #wrapper4 #logo a img { padding-left: 60px; border: none; } #wrapper4 #portfoliobutton { clear: right; padding-top: 180px; } #wrapper4 #captureimg { clear: both; padding-top: 45px; padding-left: 80px; float: left; color: #FFF; font-family: AcclaimExtralight; } #wrapper4 #content1 { float: right; width: 400px; height: 400px; } #wrapper4 #captureimg table tr td #form1 p { color: #FFF; } #wrapper4 #content1 p a { color: #F00; } #wrapper4 #content1 { color: #FFF; } #wrapper4 #content1 h1 { font-size: xx-large; padding-top: 30px; padding-left: 50px; font-family: AcclaimExtrabold; } #wrap4 #kontact { float: left; } #wrapper4 #content1 h2 { font-size: 16px; padding-left: 30px; } #wrapper4 #content1 p { padding-right: 80px; font-family: AcclaimExtralight; } #wrapper4 #content1 #heading2 { padding-right: 40px; } #wrapper4 #menu { float: right; width: 540px; } #wrapper4 #menu { } #wrapper4 #menu #home a #Home { float: left; padding-top: 5px; } #wrapper4 #menu #portfoliobtn a #Image4 { float: left; padding-top: 6px; padding-left: 20px; } #wrapper4 #menu #packages a #packages { float: left; padding-top: 2px; padding-left: 10px; } #wrapper4 #menu #buywebsite a #buy website { float: left; padding-top: 16px; } #wrapper4 #menu #buywebsite a #buywebsite { float: right; padding-right: 55px; padding-top: 5px; } #wrap #twitter { float: left; } #wrap { width: 1174px; margin-right: auto; margin-left: auto; }

Zed I cannot thank you enough. Your instructions worked a treat. You are a true knower of knowledge Respect

I have just completed my new layout for my website but I am having trouble with IE9 with the menu coming down in a staggered pattern which I cannot fix. Any help would be gratefully received. The website isMy link The site works in Chrome

Hi everyone,. well the title says it all really. can I add the like button without having an SSL