benwebdesigner

Hi I'm new to Drupal and I am looking to add a value to class in the Primary Links menu so that it outputs something like this: <ul> <li><a href="#" class="0">First Link</a></li> <li><a href="#" class="1">Second Link</a></li> <li><a href="#" class="2">Third Link</a></li> <li><a href="#" class="3">Fourth Link</a></li> <li><a href="#" class="4">Fifth Link</a></li> </ul> I have tried modifying theme_menu_item as per below but this just adds class="0" to every a tag instead of incrementing. function theme_menu_item($link, $has_children, $menu = '', $in_active_trail = FALSE, $extra_class = NULL) { $class = ($menu ? 'expanded' : ($has_children ? 'collapsed' : 'leaf')); if (!empty($extra_class)) { $class .= ' '. $extra_class; } if ($in_active_trail) { $class .= ' active-trail'; } $i = 0; while($i < count($link)){ return '<li class="'. $i .'">'. $link . $menu ."</li>\n"; $i++; } } If anyone can help me with this I would very much appreciate it. Thank you in advance.

Welcome to the Forum

Welcome to the Forum, just had a sneaky peak at your portfolio, you're off to a flying start at 18!

Welcome to the Forum

Try adding a margin to the bottom of the category to separate the title and category from the copy below, by adding a bit of space in, it might help it to be a bit more readable. Perhaps you could add a subtle background colour to the tutorial title that goes all the way across to the end of the section? You could always play with the layout in something like Photoshop which would make it quick to try different designs out.

This is because the HTML page cannot find the images. You have done the right thing by uploading them to the server, you will just need to make sure that they are in the right folder, because it is likely that the html is looking for the images in a folder which either doesn't exist, or does exist but does not contain any folders. For example, if the code you have used to display the image is as follows: <img src="images/image.jpg" alt...... You will need to make sure that the image called image.jpg is stored in a folder called "images". Hope this makes sense

This works but I've got a feeling that a negative value for z-index doesn't validate, you should try adding 'position:relative;' to the #topmenu div. Z-index needs to be accompanied by 'position' for it to take effect.

A few good points about IE6 on that website, hopefully IE6 will be made illegal in the future.

Welcome to the Forum

Welcome to the Forum

Chris, The design is wicked, I like the colour scheme and you have arranged the content in an easy to read way, especially in the second example now that you have played with the typography. You could try having headings in a different colour to the paragraph text to further emphasize headings. This shouuld only be subtle, maybe make the paragraph text a slightly lighter colour than the headings?

As well as using <strong> tags, you could use <span> tags and then use classes and CSS to make words different sizes, e.g. p { font-size:14px; } .largetext { font-size:16px; } <p>This is the sentence you want the <span class="largetext">large words</span> to be in</p> If sentences start to overlap, adjust the line-height using CSS. Hope this makes sense

I recommend Google Analytics as well, it's free and provides a wide spectrum of feedback on traffic to your website.

In the table cell containing the H1 tag, where the text says 'Company Name' in blue letters, add colspan="2" to the td tag to spread the cell over 2 columns, rather than one. This will move the smaller, underlined text to the outer edge of the page. For the large blue box just below the 'Company Name' text, I recommend changing the valign value to 'top' rather than bottom, and change the padding value from '0 0 2px' to '20px'. This seems to help the text to sit a lot better in the box.

A friend recommended good-tutorials.com to me a few months ago, it's pretty good for HTML and PHP, but also covers more such as Illustrator, Photoshop and loads of others. I have used it quite a lot recently to learn both PHP and illustrator, in my efforts to understand a variety of disciplines and recommend it to anyone!

Is there a particular part of the tutorial that you are having difficulties with? I know it's a bit more work, but have a look at a few of the beginner tutorials on jquery.com which explain the basic syntax. You'll find that you learn more about it this way, rather than having a bunch of code that someone else has written that doesn't make any sense.

Hi John, welcome to the forum, I am sure that your eye for photography and design should make you a cracking web designer!

Welcome to the forum zed, I am new as well, I am sure that an individual with your amount of experience in development you will be able to teach us all a thing or two!

Hi, Instead of adding 1., 2. to create a numbered list, use <ol> and </ol> instead of <ul> and </ul>. That way you won't need to manually put the numbers in yourself and they will always be in order. ie. instead of: <ul> <li>1. There is no VAT to pay on these prices.</li> <li>2. Plugs rewired or replaced and fuses replaced at no extra charge.</li> </ul> do this instead: <ol> <li>There is no VAT to pay on these prices.</li> <li>Plugs rewired or replaced and fuses replaced at no extra charge.</li> </ol>

Welcome to the Forum

Hi James, Thank you for pointing that out, it doesn't appear on Firefox. Can I ask which browser you are using? It's because I am using a sprite for the navigation menu and need to space out the images a bit more so that they do not appear.

Paul Spence is bang on trend, Tables should only be used to display data, just like an excel spreadsheet. Using divs will validate, and if you put the CSS in a separate stylesheet, rather than in the head tag, it will make it quicker and more straightforward when adding new pages and content in the future.

Good morning Josh, I really like the design you have created, it's nice and simple and looks really professional and clean. Had a quick look over the code, for the flash animation you have in #container1, it has a huge negative margin on the left and you have a 'left' value of 50% which isn't necessary. Try removing the 'left: 50%;' from the CSS and change the 'margin-left' value to 186px. This seems to do the trick in Firefox on Mac, have not tried that in IE. Ben

Hi James, Welcome to the Forum, I am a new member as well and I am sure that we will both learn something new from other users. Well played on getting rid of those cancer sticks btw, I quite smoking almost a year ago and it's the best decision I have ever made. Ben

Hi everyone on the Web Designer Forum, My name is Ben, I am a Front-End Web Developer based in Leicester. I currently work for Bulb Studios (www.bulbstudios.com) who are a multi-disciplinary creative agency. As well as building large-scale websites I am also involved in the user interface design of iPhone Apps and compose audio for videos. I have a portfolio website (www.benwebdesigner.com) which showcases my work, I have joined the forum to get some feedback on my work and learn more about what I do from other members. I am also looking to improve my portfolio website over the coming months so any feedback I get will be greatly appreciated. I pick new things up really quickly and as I learn more I will be more than happy to use the knowledge I have gained to assist others who are keen to learn more about web design and development. Kind regards, Ben