What are you working on? v2

[jaybuz]

[QUOTE=Crhem van der B;22317454]Why do you even need support for FF2? Barely anyone uses it...[/QUOTE]

It's the only bug in every single browser and I'd like it to be perfect. ;)

[aixxe]

[QUOTE=jaybuz;22321535]I posted the link before: [url]http://rewindstudios.com/portfolio/BlackAndWhite/[/url]

[editline]02:19PM[/editline]

Also, sorry for the super late reply, damn timezones. :comeback:[/QUOTE]

I reckon that'd look better without the gradient.

[andersonmat]

[QUOTE=Diaklu;22322637]I reckon that'd look better without the gradient.[/QUOTE]

I like it with. But if you're going for straight gray scale, I'd remove it.

[raccoon12]

[QUOTE=:awesome:;22315879]the navbar is a little wonky. also it just looks extremely empty (since nothing is there yet)[/QUOTE]
how could I fix that?
and thanks for replying =)

[jaybuz]

[QUOTE=raccoon12;22323333]how could I fix that?
and thanks for replying =)[/QUOTE]

If you have a list of items you should use a list.

Also you should fill your content area with some Lorem ipsum dummy text to get a feel for what real text looks like there.

[raccoon12]

[QUOTE=jaybuz;22324405]If you have a list of items you should use a list.[/QUOTE]
What do you mean?

[jaybuz]

[QUOTE=raccoon12;22325442]What do you mean?[/QUOTE]

Like this:

<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Files</a></li>
</ul>

[DarkSpirit05er]

What software do you guys use to get the design together? Photoshop, Illustrator?

[JDream]

Personally, I usually use Photoshop to mock a design together, then tweak it with CSS and HTML.

[jaybuz]

I usually do it the wrong way round and start coding first and design on the way. :P

I used Photoshop for most parts and Illustrator to help make the icons on my current project.

[KmartSqrl]

[QUOTE=DarkSpirit05er;22329790]What software do you guys use to get the design together? Photoshop, Illustrator?[/QUOTE]

Wireframes/UX design in fireworks, then visual design in Photoshop, and on occasion I'll make separate assets in Illustrator. Illustrator really isn't made for web design though.

I absolutely hate when I'm given an ai file to work from if I'm not the one doing the design on a project, especially if the designer didn't line things up on the pixel grid.

[jaybuz]

[QUOTE=KmartSqrl;22332531]Wireframes/UX design in fireworks, then visual design in Photoshop, and on occasion I'll make separate assets in Illustrator. Illustrator really isn't made for web design though.

I absolutely hate when I'm given an ai file to work from if I'm not the one doing the design on a project, especially if the designer didn't line things up on the pixel grid.[/QUOTE]

Hey, would you be able to have a look and see what might be causing my FF2 error, please?

[URL]http://rewindstudios.com/portfolio/BlackAndWhite/[/URL]

[KmartSqrl]

[QUOTE=jaybuz;22332712]Hey, would you be able to have a look and see what might be causing my FF2 error, please?

[URL]http://rewindstudios.com/portfolio/BlackAndWhite/[/URL][/QUOTE]

Whoops yeah, forgot about that.

[img]http://img340.imageshack.us/img340/4443/jaybuz.png[/img]

Screenshot from firebug in ff 3.6.3 shows the box model is a bit strange for the header, the nav is sitting in the bottom padding. Try taking the padding off the header and then getting rid of the negative margins on all the elements in it. It'll clean your code up a bit (and there's really no reason to have that padding on the header div).

I also noticed that the div your nav is in doesn't have a clear in it anywhere so those nav tabs are floated inside it and not causing the actual nav div to expand at all, which might not be causing any problems, but is probably something worth fixing if you're going to ditch the padding on the header div (which you should).

If it doesn't fall in to place and work in ff2 after you make those tweaks let me know.

[jmazouri]

Finished v0.8 of my dir listing script, located here: [url]http://jmazouri.info/jm_dirlist_0.8.tar[/url]

For a live demo, see [url]http://jmazouri.info/pubfiles/[/url]

Licensed under GPL and all that fancy stuff.

EDIT:

New version 0.81! Now it actually works! Silly me! [url]http://jmazouri.info/jm_dirlist_0.81.tar[/url]

[jaybuz]

[QUOTE=KmartSqrl;22333397]Whoops yeah, forgot about that.

[MASSSSSIVE IMAGE]

Screenshot from firebug in ff 3.6.3 shows the box model is a bit strange for the header, the nav is sitting in the bottom padding. Try taking the padding off the header and then getting rid of the negative margins on all the elements in it. It'll clean your code up a bit (and there's really no reason to have that padding on the header div).

I also noticed that the div your nav is in doesn't have a clear in it anywhere so those nav tabs are floated inside it and not causing the actual nav div to expand at all, which might not be causing any problems, but is probably something worth fixing if you're going to ditch the padding on the header div (which you should).

If it doesn't fall in to place and work in ff2 after you make those tweaks let me know.[/QUOTE]

Thanks for the help. :smile:

But, there's always a but, it's actually made it worse:

[IMG]http://dl.dropbox.com/u/386727/Web-And-Graphics/BlackAndWhite-FF2.0-Bug.png[/IMG]

[editline]01:40AM[/editline]

Btw I'm using Adobe Browser lab to test the FF2 browser.

[KmartSqrl]

It actually didn't make it worse. Taking the negative margins off just pushed it down further than it was previously. The after screenshot just looks like some sort of float/clearing issue is causing the logo to push things down, you'll notice the stuff on the right is starting right under the slogan. The negative margin you originally had was just pushing that stuff up and hiding the real issue, which is that for some reason the right side of the header

Try sticking 1px red borders on different divs until you can spot something where the box model is fucking up.

You're on the right track.

[aixxe]

Does anything look wrong or out of place here? (in before vladh.)

[url=http://imgkk.com/images/808t.png][img]http://imgkk.com/t/808t.png[/img][/url]

[:awesome:]

[QUOTE=Diaklu;22338633]Does anything look wrong or out of place here? (in before vladh.)

[url=http://imgkk.com/images/808t.png][img]http://imgkk.com/t/808t.png[/img][/url][/QUOTE]

just wondering, but didnt you do nothing except for the header image?

[aixxe]

[QUOTE=:awesome:;22339250]just wondering, but didnt you do nothing except for the header image?[/QUOTE]

I've commited quite a lot of changes in the stylesheet, a few PHP tweaks and some HTML but he's definitely done more than me, so I'm sort of posting it on his behalf.

[:awesome:]

i set up a little testing server
[url]http://house.tdoyle.me/[/url]
now to make stuff to test

[JSharpe]

I'm kind of stuck with how the whole float, clear properties work. I understand them in theory, but in practice I can't get them working properly, or I'm doing something that isn't related.

My problem is the product section (the box containing all of the products listed) gets pushed under the contents box when the window get smaller.
What I want to happen is the content on the left, the products on the right, and when the window get smaller, each product gets pushed under each other.

here's the page;
[url]http://www.jamiesharpe.info/other/sandbox/index.html[/url]

[streeter]

[QUOTE=JSharpe;22232992]I've started to work on another little project here.

Here's the design I'm planning on doing
[img_thumb]http://www.jamiesharpe.info//image/img029.jpg[/img_thumb]

I'm thinking of putting another little box under the contents for partner websites too.

This isn't to scale, the top header box will be narrower than it is in the picture. But I'd like to hear some ideas, or if anything looks a bit off.

[editline]04:07PM[/editline]

Also regarding CSS, should I be doing the CSS and the HTML at the same time? As right now I make a HTML file, do all the editing to it, adding <style> here and there to get it how I want it to be, then move all the <styles> into a CSS file. Is it a silly way to do it? I'm using np++.[/QUOTE]

Check out Balsamiq Mockups if you're after a mockup tool; I've used it a few times for work and its pretty nice tool: [url]http://www.balsamiq.com/products/mockups[/url]

There's a free version on their site somewhere if you don't want to fork out $ too - just a heads up.

[editline]01:08AM[/editline]

[QUOTE=chrishind10;22165387]It is now, I didnt need any more convincing to get my finger out after the first break in :)

Tell me if you manage to get in, and explain how, il fix it up.[/QUOTE]

If you want to show your code here, I'm sure we can spot anything immediately obvious that would be a security risk for you.

[Shootfast]

Redid the layout/style for a rat website I'm making for a friend instead of being lazy and using a template:
[IMG_THUMB]http://i49.tinypic.com/2j2esug.png[/IMG_THUMB]

[:awesome:]

[url]http://house.tdoyle.me/test/[/url] gravatars

[jaybuz]

[QUOTE=KmartSqrl;22337669]It actually didn't make it worse. Taking the negative margins off just pushed it down further than it was previously. The after screenshot just looks like some sort of float/clearing issue is causing the logo to push things down, you'll notice the stuff on the right is starting right under the slogan. The negative margin you originally had was just pushing that stuff up and hiding the real issue, which is that for some reason the right side of the header

Try sticking 1px red borders on different divs until you can spot something where the box model is fucking up.

You're on the right track.[/QUOTE]

Ah, thanks for the handy tips. It was actually the box that contains the search bar and social buttons that was going straight to the entire width of the page and pushing it all down, but now I added a width and all is well!

Thanks mate! :biggrin:

[-[ Fizzadar ]-]

[QUOTE=:awesome:;22353999][url]http://house.tdoyle.me/test/[/url] gravatars[/QUOTE]

Your design is coming along very nicely, I must say :)

[:awesome:]

[QUOTE='-[ Fizzadar ]-;22355397']Your design is coming along very nicely, I must say :)[/QUOTE]

Thanks :D
vladh was helping out with a few pointers so props to him

[editline]10:49PM[/editline]

what do you guys think? Image logo or stay with the regular text?
[url]http://house.tdoyle.me/test[/url] or [url]http://tdoyle.me/blog[/url]

[jmazouri]

[QUOTE=:awesome:;22355424]Thanks :D
vladh was helping out with a few pointers so props to him

[editline]10:49PM[/editline]

what do you guys think? Image logo or stay with the regular text?
[url]http://house.tdoyle.me/test[/url] or [url]http://tdoyle.me/blog[/url][/QUOTE]

I'd say image, just because not all browsers support text gradients and text transparency. Make the image one a transparent png though.

[-[ Fizzadar ]-]

The text looks better IMO.

[:awesome:]

[QUOTE='-[ Fizzadar ]-;22355600']The text looks better IMO.[/QUOTE]

what about the text with a black shadow instead of white?