I need some css work done.

[TechBoyJK]

I've built a site using CSS and it's pretty close to what I want.

However, it isn't consistent across browsers, and I want some things changed and tweaked.

I don't need the entire site redone, just the layout template.

There are 3 files. Header/Footer/CSS doc

CSS
---------
Header
+Content
Footer

Anybody know of any good sites to look for people? I don't have much money. So I'm hoping to say $50 if you get this aligned right. $50 bucks if you get this div centered correctly, etc.

 

[VenomXTF]

What's the link to your site? I can look at some of it and give you some quick fixes and I'm sure other members will also.

 

[TechBoyJK]

Here I will describe each element and how it relates to the project.

Current site, as viewed in IE

http://i15.photobucket.com/albums/a371/techboyjk/site%20project/details_template_ie.jpg

Current site, as viewed in FireFox

http://i15.photobucket.com/albums/a371/techboyjk/site project/details_template_ff.jpg

Current site, as viewed in Opera

http://i15.photobucket.com/albums/a371/techboyjk/site project/details_template_opera.jpg

Google Adwords Pic Example

http://i15.photobucket.com/albums/a371/techboyjk/site project/googlead_header.jpg

Search Box example

http://i15.photobucket.com/albums/a371/techboyjk/site project/searchbox.jpg

Desired layout after changes (minus searchbox)

http://i15.photobucket.com/albums/a371/techboyjk/site project/details_layout.jpg

Changes

1. The search bar at the very top needs to be better aligned next to the logo. You can see, in the "ideal" mockup that I have provided, how the search bar is more closely aligned to the logo and doesn't push down the navigation bar so much.

2. Google Adwords Div - In the "ideal" mockup, you can see how I superimposed a Google Adword div block on the right side. The bottom, right hand side of the Div has an "ads by google" tab that needs to be flush against the navigation bar, so that it looks seamlessly connected.

3. Color Pallette - Once the CSS/design is brought up to spec, I will then create alternate color schemes that users can select. Right below the google Adword div, I want to have a color swatch that users can click to reload the CSS using differen colors. However, for this work, all I need is for the color swatches to be correctly aligned. I can turn them into the links that I need to make the changes.

4. Drop Down's. While I haven't decided what I want each menu to have, I would like to have a drop down menu system created for the navigation bar. A sample system that I can edit in the future would be just fine. Set it up so that when hovering over the "home" menu item, a drop down with three items appears, link 1, link 2, link 3. I can take it from there.

5. Search Box - The search box I have is functional, but I would like a nicer looking, more functional search box if possible.

 

[Ken g6]

Originally posted by: n0cmonkey:
You're being difficult. You have not provided us with the information we need to troubleshoot the problem.

In particular, this time, you haven't given us a link to the site!

In the vein of general suggestions, however, I'll suggest that you try creating the style in Firefox with the Stylish add-on. You can preview changes immediately. Once you're done, copy the style where you want it, remove all the "!important"'s you may have added, and see if it still looks good, and across all browsers.

 

[TechBoyJK]

In particular, this time, you haven't given us a link to the site!

In the vein of general suggestions, however, I'll suggest that you try creating the style in Firefox with the Stylish add-on. You can preview changes immediately. Once you're done, copy the style where you want it, remove all the "!important"'s you may have added, and see if it still looks good, and across all browsers.

Ken,

I did give a link to a screen shot of the current site.

Anyways, some work hungry foreigner got everything done the way I wanted it for $50.. so case closed at this point.

 

[Ken g6]

"View Source" doesn't work on a screenshot.

But I guess you gave the source to the foreigner, and he fixed it.

 

[TechBoyJK]

Ahh, I see what you were asking. I had a .rar file with all the files, source, etc. that I was going to be ready to send to anybody that wanted to work on it. This guy jumped on it though and I only had to pay him after he sent back the finished work.

www.brightyoursite.com is his website.

 

[LumbergTech]

I just want to take this opportunity to say screw IE..

In every single project I've worked on the damn website looks the same in every browser (like 99% the same) EXCEPT IE in which there is always some BS going on..

 

[TechBoyJK]

Yep.

Everything with my site looks fine in all browsers. Even IE8. But in IE7, some divs are slightly misaligned and I can't figure it out for the life of me.

 

[Mr Pickles]

If this you're done with this site then so be it, but next time it would be beneficial to post the CSS that you've written. No one is going to take it, and anyone can see it by viewing the source anyway. I was interested in seeing the CSS that you wrote thus far. Small issues with boxes and border sizes, underlines and other minor things normally accounts to not following best practices methods.

In the future, make sure you have all your browsers loaded and view them regularly so you don't get so far into your work that you have to make a BIG change in order to correct some issues.

Google css reset. It should get you to a small condensed css script that I normally put at the beginning of each of my websites. It will bring equilibrium to everything that each browser changes that's different. For example all browsers deal with borders and the sizes of headers differently. This reset script will being everything down to absolute 0 for you.