I desperately need some help with the hardware template

ShirleyTemplate · #1 (**permalink**) 06-09-2009, 03:01 PM

To the person who designed the Hardware store template.... thank you. I love it.

I'm having a few problems though. There is a vertical line separating Newsletter and Categories from Flat monitor and Laser Printer. Is it possible to get it to go all the way down to the horizontal line at the bottom of the page?

I would also like some copyright text under the Special Offer picture.

There's probably more, but I'll start with this

Thanks a million!

ishkey · #2 (**permalink**) 06-09-2009, 06:23 PM

Hi and welcome to FWT.
Were glad you love the template.
The vertical line you speak of is set in the style.css file under sector .sub_items
You can view it there to see how it is made and works.
The index.html calls it up under
<div class="sub_items">
so can just comment it out or remove it. Vertical Line be gone.

If you look at the section "start and end special offer", insert your text after the close division tag.

You might also want to reference w3schools.com for a understanding of the html and css code.

Keep us informed.

ShirleyTemplate · #3 (**permalink**) 06-09-2009, 07:54 PM

Oh, The copyright thing works, wahey!! I'm still a bit confused about the lines, but the penny will probably drop any second now, haha

Thank you so much, can I post here again if I run inte trouble?

ishkey · #4 (**permalink**) 06-09-2009, 09:11 PM

yes you can continue your post here.
Now about the line. Open the index.html file in your favorite editor.
Scroll down untill you find the code below Hint: Look for Laser Printer

Quote:


<div class="h_divider"> </div>

<div class="sub_items">

<div class="sub_left">
<div class="sub_items_header">
<h1>Laser Printer</h1> <--------------Looky here our hint
<h2>Model 34-07-L</h2>
</div>

Now comment it out (in blue below) so the browser does not see it, but when you look at the code you can like this 
Your code now looks like this


Always save your changes. Preview it by clicking on the file it will open in your browser.

ShirleyTemplate · #5 (**permalink**) 06-09-2009, 10:20 PM

I found another solution, I'm not 100% sure what I did but it looks fine and I'm happy with the layout. But thank you so much anyway! I looked at W3 as well, excellent page - I'll spend a lot a time there, what a goldmine.

I have another problem now...

it's so embarassing, I feel like a real pain in your... well, you know..

The index/first page has a 348px square ("new_item_text") and a 245 px picture next to it ("new_item_image"). I want to remove the picture on some of the linked pages and have text only. I found the right place in the CSS coding, but when I changed the width from 348 to 600 px the changes were visible in all the linked pages. Argh.

I'm ashamed to admit this, I actually took a one year computer course (but that was ten years ago). I feel like I should know this stuff, but I don't. I'm completely lost and totally clueless *lol*

ishkey · #6 (**permalink**) 06-09-2009, 11:26 PM

Great observation - but you need to ask yourself why did every page change!
You are working with a template which as is, designed, so everypage looks the same.
Look at top of the index.html page in the <head> section, and you will see

Quote:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

This one line of code shows up on all your pages and tells the browser to look in that file for the instructions to set up each page.
You went in and changed some code, so all pages changed (to be expected).
You could go in an add code just below the code you want to change, give it a name and then call that part of code on the one html page you want to change. This opens up endless possibilities. You have to look at both the css and html files to compare them, inorder to see how things are done.

ShirleyTemplate · #7 (**permalink**) 06-10-2009, 12:08 AM

It worked, it worked!! I'm so excited now, everything just fell into place. You have no idea how happy I am. I am so grateful you helped me. IOU my friend.

Now I've got to go to bed, it's after midnight here and my brain has turned into a baked potato. You've really helped, I can't wait until tomorrow when I get to continue.

Kind regards
/Paula

ishkey · #8 (**permalink**) 06-10-2009, 02:36 PM

We just love that enthusiasm. You owe me nothing, but I'm sure you will be able to help someone else here on the forum. All it takes is, giving it a try to point someone in the right direction.
Looking forward to reading your comments.

ShirleyTemplate · #9 (**permalink**) 06-10-2009, 04:12 PM

Wow, this is absolutely wicked! Things are starting to come back now... I copied the template to a different folder so I can mess around with the CSS for fun but keep my original page intact. This is just awesome. I feel like riverdancing in the living room, wahey!

I hadn't thought about the template being a ...hm...template. Copied, renamed and modified version of the CSS style sheet sure did the trick.

Thank you so much. I will do my best to help others here and irl. Cheers mate!

ShirleyTemplate · #10 (**permalink**) 06-12-2009, 01:08 AM

Hello hello, it's me again. I've been trying to figure out how to create an image gallery using CSS. So far I've managed pretty well changing this and that, but I'd like to be able to use thumbnails (and do all those neat little frames and borders and comments). Something like this:

http://shop.textalk.se/se/artgrp.php?id=2993&grp=49540

I as wrote earlier I checked out W3, and learned loads! But I wanted so bad to learn about images, and this was all I could find:

http://www.w3schools.com/css/tryit.a..._image_gallery

I don't know if all of this is way over my limit (it probably is...) but what the heck - I'll do my best and give it a shot.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode