Hi,

I'm designing a new website for a magazine and i'm facing two problems.

- I coded the navigation to be centered but it is not centered. it kind of "leans" to the left a bit.

- I don't know how to code the 3D-Ribbon style. You can see what im attempting to do when you check it out.

 

http://maldiviansgfx.com/newave

 

thanks in advance

If you want the menu items to be centered in the blue band, this might work:-

Item 4 here:- http://www.wickham43.net/dropdownmenus.php

 

For 3d do you mean a drop shadow effect on top and right side to give the impression of being off the page?

If so there's a tutorial here:-

http://www.visibilityinherit.com/code/drop-shadow.php

and the working example http://www.visibilityinherit.com/code/drop-shadow-example.php

I could only figure out the ribbon. Here's the code:

 

span.left{
 float: left;
 margin-left: -21px;
}

span.right{
 float: right;
 margin-right: -323px;
}

i've tried a lot! but the centering is still not working! i cant even find the problem! tried centering the ENTIRE page but nothing works.

 

/edit: just found out that its because of the height of the tweet holder. does anyone have a workaround for this?

try this

#navigate add clear:both;

span left add margin:0 0 0 -21px;

span right add margin:0 -21px 0 0;

 

thank you so much! that worked

 

can you tell me a way to move #navigate a bit higher?

remove the clear both from your #navigate

 

Html add before the closing div of your #head <div class="clear"></div>

then in your css add .clear{clear:both;width:100%;height:0;}

 

then alter your top margin on #navigate

 

<div id="head">
<img alt="Artwave Logo" src="img/logo.png">
<div class="tweets">
<p class="tweet">Finished the interview for the next issue's SoundWave at #Jalapeno. This is gonna be epic.  #artwave</p>
</div>
<div class="clear"></div>
</div>

okay so all the initial problems are fixed thank you

 

now i have another question.

look at the updated version:

http://maldiviansgfx.com/newave

 

see that box with sponsor logos? its supposed to look like this:

 

/edit:

all problems solved

Hi,

 

I know this is a little off topic, but when looking at your site I really liked you 'Twitter Holder' as you call it. I just wondered did you design this or are there resources available to download good looking holder like yours?

 

Thanks