-
Hello from Southampton
Hello, I'm currently a Physics student at university. I do graphic design projects in my spare time (not that I have much of it) and I dabble in web design. Over the last few years I have been building up my experience in graphic design and have done numerous projects for paying clients. However, I would now very much like to improve my technical web design skills. I am currently in the process of building a couple of Wordpress themes and sites for friends.
-
Javascript or css image banner navigation
Hello. I am trying to put an image banner navigation on my homepage using either css or javascript.I have been trying for days now with no success. Your help would be really appreciated. I want different images to display in the banner holder depending on the link that you hover over and a default image to display if there is no hover. I have the html and css set up for the navigation items and the images as follows: <div id="banner-container"> <img id="img1" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/1.png" /> <img id="img2" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/2.png" /> <img id="img3" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/3.png" /> <img id="img4" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/4.png" /> <img id="img5" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/5.png" /> <div id="banner-nav"> <ul id="navlist"> <li><a href="<?php echo home_url('/'); ?>portable-tracking" id="1">Portable Tracking</a></li> <li><a href="<?php echo home_url('/'); ?>fleet-management" id="2">Fleet Management</a></li> <li><a href="<?php echo home_url('/'); ?>plugandgo" id="3">Plug & Go</a></li> <li><a href="<?php echo home_url('/'); ?>trailer-tracking" id="4">Trailer Tracking</a></li> <li><a href="<?php echo home_url('/'); ?>loneworker" id="5">Lone Worker</a></li> </ul> </div> </div><!--end banner-container--> Please help me! Many thanks, Tom
-
Javascript image banner nav: default image problem
Hello, I am trying to implement a image banner navigation on my homepage (http://www.berryconcept.co.uk/sandbox/). The problem is, the image displayed when the page first loads(img 5, 'Lone Worker') is not the one I have set as the default image (img6). And in the first instance, the navigation only works if you start on the loaded item ('Lone Worker'). I would like img6 (6.png)to be image that is displayed when loading, and to be able to start navigating from any of the 5 nav items. Please find attached the file. Any help would be grealy appreciated, I've been trying to fix it for days. Thanks, Tom intro.php
-
Hello
Hi, I'm Tom. I live in Bournemouth and, alongside studying for a physics degree, I'm a freelance graphic designer. I'm starting to try my hand at web-design and am currently undertaking my first commercial build, which is proving very challenging. I hope members here will be able to help me with the technical coding side of things, whilst I'll try to offer help with visual design matters.
-
Z-index acting only within a container
Hi, I am using a javascript slide-show script that uses z-index to change which slide appears. When you click the forward button, the z-index of the following slide is increased by 1 and so on. I want to place my back and forward buttons over the slides themselves but I can't because after a while the z-index of the current slide becomes greater than the z-index of the buttons and so the slide overlaps the buttons. Is there a way of making z-index act only within a certain div or making the z-index of the buttons always be one more than anything else? Any help would be greatly appreciated. Many thanks