Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

zagg77

Members
  • Joined

  • Last visited

  1. ok, this is sorted now
  2. hi, I am trying to customise a wordpress theme, but have hit a brick wall trying to figure out how to disable the hover effect on the menu bar items (imenu item fades to white and disappears against white background). I think I've located the relevant .js file (see attached) but am absolutely stumped as to what I need to do to disable the hover/rollover effect. url is: www.italian-cook.co.uk Many thanks in advance Mark
  3. Sorry for not responding sooner, works fine now, many thanks!
  4. Thanks for responding, tried what you said, but unfortunately still have the same issue
  5. Just trying to implement a javascript gallery that automatically resizes a div to fit a series of images. For some reason it doesn't work in Firefox, only in Safari (I haven't tested in IE). any ideas whats going wrong? Many thanks in advance. Mark Below is the code, Ive made the relevant coding 'bold'. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Mark Zawila Photography :: Food photography in Berkshire Gallery 1</title> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="images/favicon-2.ico" /> <meta name="description" content="Creative food photographer, covering Berkshire, Hampshire, Buckinghamshire, Oxfordshire London and the South East"/> <link href='http://fonts.googleapis.com/css?family=lato:200,400,600,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <link href="css/styles.css" rel="stylesheet" type="text/css" /> <!--google analytic--> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-12527327-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <script type="text/javascript"> $(document).ready(function () { width = 0; $.each(jQuery('.photo'), function(i, e) { width += $(e).width() width+=20 //this is allowing for margin of 20 px on each image }); $("#photos div").css("width", width+"px"); $("#width").text(width); }); </script> <div id ="content_wrap"> <div id="fb"> <div class="comment_box2"> <ul> <li><a href="https://www.facebook.com/pages/Mark-Zawila-Photographer/171626116311379">facebook</a></li> <p>/</p> <li> <a href="http://www.linkedin.com/profile/view?id=76072438">linkedin</a></li> </ul> </div><!--end comment box2--> </div><!--end fb--> <div id="logo"> <div id="top_nav"> <ul> <li><a href="http://www.markzawila.com/index.php">home</a><img src="images/dash.png" width="18" height="12" alt="dash"/></li> <li><a href="http://www.markzawila.com/about.php">about</a></li> <img src="images/dash.png" width="18" height="12" alt="dash"/> <li><a href="http://www.markzawila.com/clients.php">clients</a></li> <img src="images/dash.png" width="18" height="12" alt="dash"/> <li><a href="http://www.markzawila.com/my_blog">blog</a></li> <img src="images/dash.png" width="18" height="12" alt="dash"/> <li><a href="http://www.markzawila.com/contact.php">contact</a></li> <img src="images/dash.png" width="18" height="12" alt="dash"/> <li><a href="http://www.markzawila.com/portfolio.php">portfolio</a></li> <img src="images/dash.png" width="18" height="12" alt="dash"/> <li><a href="http://www.markzawila.com/the_studio.php">the studio</a></li> </ul> </div> <div id="contact"> <a href="https://www.facebook.com/pages/Mark-Zawila-Photographer/171626116311379" target="_blank"><img src="images/block1.png" width="26" height="26" border="0" alt="email me"/></a> <a href="http://www.markzawila.com/my_blog"><img src="images/block3.png" width="26" height="26" border="0" alt="Linkedin"/></a> <a href="http://www.linkedin.com/profile/edit?trk=hb_tab_pro_top"><img src="images/block4.png" width="26" height="26" border="0" alt="My blog/"/></a> <a href="https://twitter.com/ZawilaPhoto"><img src="../images/block5.png" width="26" height="26" /></a></div> <!--contact end--> <a href="index.php"> <img src="../images/logo_top3.png" width="329" height="110" border="0" alt="Mark Zawila Photographer"/></a> <h1>Creative Advertising Photography</h1> </div><!--end logo--> <div id="sidebar"> <ul id="css_vertical_menu"> <li class="active"><a href="http://www.markzawila.com/food_gallery1.php">food</a></li> <li><a href="http://www.markzawila.com/drinks_and_liquids_gallery1.php">drinks</a></li> <li><a href="http://www.markzawila.com/products_gallery1.php">products</a></li> <li><a href="http://www.markzawila.com/people_gallery1.php">people</a></li> <li><a href="#">motion</a></li> </ul> </div><!--end sidebar--> <div id="port_nav"> <ul id="css_vertical_menu"> <li class="active"><a href="http://www.markzawila.com/food_gallery1.php">food</a></li> <li><a href="http://www.markzawila.com/drinks_and_liquids_gallery1.php"><img src="images/dash2.png" width="18" height="12" />drinks</a></li> <li><a href="http://www.markzawila.com/products_gallery1.php"><img src="images/dash2.png" width="18" height="12" />products</a></li> <img src="images/dash2.png" width="18" height="12" /> <li><a href="http://www.markzawila.com/people_gallery1.php">people</a></li> <img src="images/dash2.png" width="18" height="12" /> <li><a href="#">motion</a></li> </ul> </div><!--end port_nav--> <div id="gallery"> <div id="width"></div><!-- display width for resting--> <div id="photos"> <div> <img src="images/food_portfolio/chinese.jpg" width="505" class="photo"> <img src="images/food_portfolio/egg.jpg" width="584" class="photo"> <img src="images/food_portfolio/tomatoes.jpg" width="885" class="photo"> </div> </div> <!--gallery end--> <div class="textbox_alpha2"> <h1>Food Photography</h1> <p>Our food photography is used for advertising, packaging, menus and cookbooks. The skill of the photographer is in making the food look mouthwatering and make the viewer feel hungry. This is achieved by the skilful use of lighting and props to present the food in an appealing manner. Work is often collaborative, carried out with the assistance of a stylist, art director and chef. </p> </div> <!--end text box alpha--> <div class="tear_sheet"> <h4>Would you like to discuss a project?</h4> <p>Thank you for taking the time to look at my work, if you would like to know more about what we offer or are interested in hiring me, please feel free drop me a line on 0754 8254 530. </p></div> <!--end tear_sheet--><div id="footer"> <div class="footer_left_col"> <h3>© mark zawila</h3> <h4>photography + post-production</h4> <br /> <p> </p> </div><!--end footer_left_col--> <div class="footer_left_col"> <h3>Contact</h3> <h4>Mark Zawila</h4> <h4>+44 (0) 0754-8254-530</h4> <h4>info@markzawila.com</h4> <p> </p> </div><!--end footer_left_col--> <div class="footer_left_col"> <h3>Studio</h3> <h4>The Bull Pen, Money's Farm, </h4> <h4>Mattingley, Basingstoke</h4> <h4>Hampshire RG27 8LJ</h4> <p> </p> </div><!--end footer_left_col--> <div id="footer_right_col"> <a href="https://www.facebook.com/pages/Mark-Zawila-Photographer/171626116311379"><img src="../images/fb.jpg" width="21" height="22" alt="facebook icon"/></a> <a href="http://www.linkedin.com/profile/view?id=76072438"><img src="../images/in.png" width="21" height="22" alt="linkedin icon"/></a> <a href="http://www.markzawila.com/my_blog/"><img src="../images/blog.png" width="21" height="22" alt="blog icon"/></a> <a href="https://twitter.com/ZawilaPhoto"><img src="../images/twitter.png" width="21" height="22" alt="twitter icon"/></a> </div><!--end footer_right_col--> </div><!--footer end--></div><!--end content_wrap--> </body> </html>
  6. the wedding section - you have to scroll down loads of text to get to a link to your wedding gallery, it took me a few seconds to find it. Clients want to see your work quickly and won't bother searching for it, put the focus on the images and make galleries consistent. Its obvious you've photographed some 'real' weddings and got some studio stuff too, which is good, but I can't get a clear idea of your style as the quality/style seems too varied e.g. image 19 is absolutely lovely but its clearly a studio shot with a pro model, can you replicate this for clients? Images 3+9 are you kidding! As a client I would feel I would be taking pot luck as to what kind of shots I would get. Your wedding pricing doesn't make any sense, why do you have identical prices for platinum and ezee packages. How are clients saving money on printing/albums with the ezee package when these seem to be included at no extra charge in the platinum package and supreme package(which is cheaper)??. Overall I don't think your site would encourage me to hire you. I think you need to start from scratch, as has been said the web site at the moment just doesn't cut it at all, I'm afraid. P.S. Have a look at Clikpic, they're really cheap and easy to use. Good luck
  7. I agree with Eoin, I think users would find it easier to search for image files using 'layout 1', but for pdf files, users would be searching based on the filename so you don't really need the large thumbnails so would be better to go with layout 2 I think
  8. @daveheinzel - the footer you created looks miles better than my current one, thanks v.much. I was using all the link categories in the footer for SEO? Am i going about this the wrong way
  9. Thanks so much Fran, appreciate you taking the time to give such a detailed review. Ive updated the site now, taking into account feedback from you guys, www.markzawila.com , any better?
  10. thanks for the feedback, i see what you mean about the footer text, do you think the main text is too small?
  11. Hi all, Im just putting the finishing touches to my new photography website, it would be great to get some feedback from you guys. Basically i decided to completely redo my old site as it was Flash based and not ideal for SEO etc., I wanted the new site to be user friendly, have decent SEO, look professional and showcase my work well. Hopefully Im close to achieving this, any advice/feedback would be gratefully received Thanks in advance www.markzawila.com
  12. zagg77 replied to zagg77's topic in Frontend
    thanks elite, that works great. I really appreciate all your help with this
  13. zagg77 replied to zagg77's topic in Frontend
    just one last question please, how do I prevent the number for the total width appearing as text in the top left hand corner

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.