http://greenfitco.com/tm/apple.html

 

 

How come i can get it to look correctly in every browser except IE?

 

In IE the titles disappear, it's driving me nuts.

 

Any help would be greatly appreciated.

 

Thank you.

Additionally, is there a good way to add a logo on top of the first menu position?

 

The only way i can muster this up is inside the menu bar... but i want our icon to extend outside the first menu option... just a little bit..

Why don't you try making something original instead of copying such an iconic brand. Especially something that's been copied so many times already.

Why don't you try making something original instead of copying such an iconic brand. Especially something that's been copied so many times already.

 

 

It's what the client wants. I'm not an apple fan at all. I just do what I'm told.

 

=)

 

 

Thanks robbydesigns, I'll give it a go.

 

; ]

Edited January 17, 201214 yr by Supplement

i agree with porkchops, it looks naf in my opinion, try and be orignal if you can.

It's what the client wants. I'm not an apple fan at all. I just do what I'm told.

 

This isn't a healthy relationship with your client.

 

It's your job as designer to advocate for the best possible solution, and copying Apple's solution isn't a great one at all, and might be borderline copyright infringement.

 

It might be prudent to ask the client WHY they want to copy Apple. What about their menu do they like so much? Then take the best parts and add your own twist to it. At least that isn't completely sketchy.

 

EDIT: That markup is almost identical, too. Regardless of whether you should visually take their design, it's really bad to take another company's markup, and this is even more of a case for copyright infringement.

Edited January 17, 201214 yr by porkchops

Question about svg file, hopefully someone can help me.

 

http://images.apple.com/global/nav/images/globalnav_text.svg

 

If i add this link to the css the nav titles show up as this vector graphic.

 

Look at it here:

 

/* TEXT */
#globalheader            #globalnav li            a span { display:block; width:100%; height:30px; margin:3px auto; background:url() no-repeat 50% 0; _background-image:url(); }
#globalheader.svg        #globalnav li            a span { background-image:url(http://images.apple.com/global/nav/images/globalnav_text.svg); }
#globalheader.decelerate #globalnav li            a span,
#globalheader.ios3       #globalnav li            a span { background-image:url(); }
#globalheader            #globalnav li#gn-apple   a span { background-position:50% 0; }
#globalheader            #globalnav li#gn-store   a span { background-position:50% -30px; }
#globalheader            #globalnav li#gn-mac     a span { background-position:50% -60px; }
#globalheader            #globalnav li#gn-ipod    a span { background-position:50% -90px; }
#globalheader            #globalnav li#gn-iphone  a span { background-position:50% -120px; }
#globalheader            #globalnav li#gn-ipad    a span { background-position:50% -150px; }
#globalheader            #globalnav li#gn-itunes  a span { background-position:50% -180px; }
#globalheader            #globalnav li#gn-support a span { background-position:50% -210px; }

 

If i take that svg file out and add my own nothing shows up. What's the process with saving svg files or have i completely lost the plot.

 

It works if i paste the apple link in but doesn't not work when i use my own file. =/

 

 

Here's my file:

 

http://www.greenfitco.com/tm/Navvv1.svg

 

It's obviously not rendering right.

 

any help would be appreciated. thanks

It's your job as designer to advocate for the best possible solution...

It might be prudent to ask the client WHY they want to copy Apple. What about their menu do they like so much? Then take the best parts and add your own twist to it...

 

...that's really good advice. Love this forum.

 

Here's a nice example here

Anybody got an idea how this svg file is configured? It looks to me as if it has a backend to the graphic made up of javascript and css.

Ok, well we can mark this thread as resolved, but just in case anyone else runs into this particular problem, it's a server issue.

 

You need to add the tags into an .htaccess file like so:

 

AddType image/svg+xml svg

AddType image/svg+xml svgz