Graphic Design Forums: A friendly forum for UK designers - Website Coding & Programming Forum:

HTML CSS book

Edge — Fri, 03 May 2013 09:18:10 GMT

I've just employed a new lad for .net but he doesn't know too much HTML and CSS so I'm looking for recommendations for books that could ease the pain for him. He doesn't have to become a CSS html 5 responsive design guru, but something to just set him on the straight and narrow would be useful and preferably in electronic format? Any suggestions?

trouble with menu backgrounds

bigdave — Tue, 30 Apr 2013 15:05:58 GMT

I'm pretty sure Toby will be fed up of me by now so thought I'd give him a break.

I'm building a site with a glassy menu bar running across the top of the page. The bar itself is set as a background image and the list within, that forms the menu has rollover images. The menu bar is 47px high but I cannot for the life of me get the list to sit vertically centered within the bar or get the rollover images to fill the 47px height. Anyone able to offer a solution?

menu bar as it is with one rollover active:

HTML:

HTML Code:

 "navbar">

        

         "index.html">Home

         "aerials.html">Aerials

         "satellites.html">Satelites

         "tvmounting.html">TV Mounting

         "portfolio.html">Portfolio

         "links.html">Links & Reviews

CSS:

Code:

#navbar ul{

        width: 990px;

        height: 47px;

        margin: auto;

        padding: 0px;

    list-style-type:none;

        background-image: url("../images/menubar.jpg");

        overflow: hidden;

}



#navbar li{

        float: left;

        padding: 0 10px;

        margin-left: 5px;

        }



#navbar li a{

        display: block;

        font-family: "Helvetica", Arial, Helvetica Neue, Geneva, sans-serif;

        text-decoration: none;

        color: #000000;

}

#navbar li a:hover{

        display: block;

        color: #000000;

        background-image:url("../images/menuhover.jpg");

        background-repeat:no-repeat;

        background-size:100% 100%;

}

Elastic columns

bigdave — Mon, 29 Apr 2013 14:12:04 GMT

Is it worth using a max-min width on a site where a substantial amount of the content include elements of a fixed width (ie; a contact form, images etc..)?

contact forms & captcha?

bigdave — Mon, 29 Apr 2013 09:59:16 GMT

I've a client who's site I'm currently working on. We made a temporary site with WP to give him a presence whilst we're building the main site but he's contacted me with a bit of an odd request regarding his contact form.

In the 3 weeks the temporary site's been online, he's had a fair amount of spam coming through. He wants to stop this on the new site but doesn't want potential customers to be put off by by a captcha which can be difficult to read especially for older people (his words not mine). Is there a suitable halfway house?

Contact form 7 and Captcha

trueg84 — Tue, 23 Apr 2013 10:17:37 GMT

Hello,

I am trying to upload my contact form 7 and captha on my website contact | True Graphics
but it is not working can anyone help please