Logo Banner and more

[createafly]

Buh. This is why I like hardware or try to stick to the programs I know. I have tried to clean it up a bit but I know it can be better. I will keep working on it though.
Thank you so much for letting me know. I have a lot to learn.

Hey, do you happen to know how to make the header with a link so it directs you back to the home page? I have found a few threads and tried everything I can find but to no avail.
I think that if I get it into the broken link (seen in IE) I should be fine but I can't find it. FF doesn't show the broken link in the upper left hand corner.

Thanks again for everything!

[dbltoe]

Let me show you a little more about why you are creating a LOT of work for yourself and the browser.

1. Go to define pages in the admin and edit the main page.
2. Let's edit the content by first clicking on the <> at the right of the second editing line. That will show you the html code for your current main page.
3. Delete all you see there and add the text quoted below.

<h2>We are currently updating our site but you can still purchase everything we have to offer during this time.</h2><hr />
<p>First we would like to give you a quick overview of our site.</p>
<p>We are currently obtaining new watches everyday. We are trying to upload them as fast as possible but we are not as fast as the manufacturer. If you like a style of watch but don't see the team you support then <a href="../index.php?main_page=contact_us" target="_blank"><em>Contact Us!</em></a> We have watches for every team in every league. We can also accommodate group orders for one or multiple teams!</p>
<p>We have tried and tested everything on the site from Boomerangs to Watches. We have even taken items off if we were not satisfied. Rest assured that you are getting a quality product. If you have any questions or suggestions of a product you think we will like, let us know.</p>
<p>Be sure to check out our <a href="../index.php?main_page=specials" target="_blank"><em>Specials</em></a> link regularly! We have looked all over to make sure we have the lowest prices. We will pass along any savings we get to you.</p>
<p>If you see something you like, <a href="../index.php?main_page=login" target="_blank"><em>Create an Account</em></a>. You can even receive an email update when new items come in stock or go on sale. We will never ask for credit card information unless you are purchasing something and we use a secure site to proccess it. We will also NEVER sell your email address to a 3rd party. You can see our <a href="../index.php?main_page=privacy"><em>Privacy Notice</em></a> for more details.</p>

Note that I have replaced ever http://www.thewindeffect.com with .. This will give an "on-site" link and save you worries when someone is logged in secure. It also speeds up the process for the browser to find the file.

Now we have four things that we are working with to make this look like you want.

1. We have the heading that you are updating.
2. the paragraphs in the text
3. the links to other spots on the site
4. the emphasis (em) you're using on the links.

All these can be better controlled by the stylesheet than trying to use the editor. The good news is that most of the styling is already a default in the system.

Next, we open the stylesheet and add the following to the end of the stylesheet.

#indexDefaultMainContent h2 {
color: #990000;
}

#indexDefaultMainContent p {
text-align: justify;
/*remove comments for the bottom line to work*/
/*font-size: 1.1em;*/
/*color: #000000;*/
}

This will ensure that the "we are currently" text is the color you want. It will automatically inherit all the other features of H2.

The p call is more a pet peeve of mine than anything. I would not be able to read a book or newspaper if all the text was centered. So, I make all the p calls justified. You can remove it if you like.

Lastly, the commented lines in the p call are there in case you are not happy with the size and color of the text on the page. It would be better to adjust both calls around line 240 of the stylesheet so that all p's in the site will be the same but, you can do it either way. the em versus px for font size allows the font to grow or shrink depending on the user's screen resolution. Like making a table 80% width, the font will grow or shrink to fit the situation. Take a look at your current site in 800 x 600!

In the future, we need to address Image Handler II and Fual Slimbox.

[dbltoe]

Yes, I'm stuck at the kitchen table with little to do while the workers redo the computer room.

[createafly]

So, I have officially come to the conclusion that if I want this HTML to look neat I have to ask someone else to do it. I have tried a bunch of things and I keep seeming to screw up the site.
I have no idea what you are talking about in some instances though I would like to.
You are right - I would like to have it look good in 800 x 600 as well (though I really hope that there are not many people on that res) but again, my changes caused issues.

I guess at this point I need to get the banner (header, logo, thing) so that the header directs people back to the main page and the broken link box in IE is gone. I wonder if it will show up in Chrome? Hope to find out tomorrow. Anyway, once that is done and then ask someone really nice for their help. No, ask them to take care of it. I am going to take a class in it soon but not soon enough.

I appreciate all the time you have put into this and I wish I understood more so I could make the changes you have suggested. Are there any sites you can suggest that will teach me some of this stuff? My HTML book doesn't do into any of this. (Maybe I need the one for dummies ) I am willing to learn but I need step by step when it comes to this.

[dbltoe]

You already have a link back to home that says HOME. The reason you are getting the bad link in IE is that it will do its darnedest to present something that doesn't exist.

Your code has

<tbody>
<tr>
<td id="headerLogo" display="none">
<a href="http://thewindeffect.com/">
<img id="logo" alt="" src="includes/templates/template_default/images/banner_wind_2"/>
</a>
</td>
<td id="headerBackground"> </td>

The image reference (in red) does not exist. Rather than trying to get an image in the right spot and correctly referenced, let's just enter something in the css.

Towards the bottom of the css, add

#headerLogo {
display: none;
}

That will wipe out the whole headerLogo td with the bad link.