Need a little help

MarkW7

MarkW7

MarkW7

Permabanned
Joined
30 Nov 2008
Posts
731
Location
Manchester
Hey,

fixed.

I need help making the writing on the 'Services' drop down menu smaller (as i cannot fit the services on there)

Any ideas?
 
Last edited:
You could give each h3 tag a different class (E.g. h3.comodo) and set the appropriate background image for each heading. I've set the line height h3 to be the same height as the background image your using too to center the text vertically E.g.

Code: 
<style type="text/css">
h3 
{ 
           height: 63px; 
           line-height: 63px; 
           padding: 0 0 0 80px; 
           font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3.comodo 
{
            background: url('http://www.manchestercompute.co.cc/mark/images/comodologo.jpg') left center no-repeat;
}
</style>

<h3 class="comodo">Comodo Internet Security</h3>

EDIT: you should really be using sprites for your top menu hover links too. Would also avoid have links with the text 'click here', as its not very helpful to the user and looks naff :)
 
Last edited:
Well links that simply contain the text 'click me' don't help the user at all? What you should be aiming to do is hav your links within your text, so they flow E.g.

"Overclockers sells lot of software and even windows 7. suarve is great tbh."

...where the two links would go to appropriate pages (not google :) )

For the menu links it looks like your two images, one for the hover effect and one for the static menu. When you hover you change to a seperate background image. Doing it this way is fine, but gives a pause the first time the hover image is downloaded (each your temp internet files to see this, as the page is probably cached on your computer). By using a technique called 'spritis' you have both menu states as a single image and use the 'background-position' css property to shift to a hover image.
 
OK, i'll leave the tabs for now untill i have all of the main content up.

All but 2 icons work, i think it's because they're wider than the other - way to fix this?
 
The 2 that arent working:

The first "spybot" one, you wrote class=spybot" you missed out the start quotation.

The second, I dont think you have created the 7zip class.

Anyway, doing it this way means you have to make a new class for every image. Another way of doing this is to put a float:left; on the img, so you could create a class called img-left {float:left;}

and then on your h3 put a height of 42px or something.

But they way you have done it is okay as well.
 
Sorted it :), i think there were typo's in both.

Is there any chance you know how to do drop down's when you hover the services tab?
And open a link in a new tab instead of same page?

:p
 
MarkW7 said:
Sorted it :), i think there were typo's in both.

Is there any chance you know how to do drop down's when you hover the services tab?
And open a link in a new tab instead of same page?

:p
Click to expand...

Just google jquery dropdown menu - loads to choose from :)
 
You must log in or register to reply here.
Back
Top Bottom