Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
how to make left shadow for Div?
Old 06-23-2010, 12:59 PM how to make left shadow for Div?
Novice Talker

Posts: 10
Name: Heam
Trades: 0
Hello guys,
Its my live preview of my page : http://www.hamidoffice.com/kar/reza/
and also I need to make a shadow for bottom of the #greenmenu DIV which contains some images.

image of shadow : http://www.hamidoffice.com/kar/forum/footer-bg-div.jpg

css code for #greenmenu
Quote:
#wrap #content #greenmenu{
float:left;
margin-top:70px;
margin-left:350px;
}
and html code ( child of content DIV)
Quote:
<div id="greenmenu">
<img src="http://www.webmaster-talk.com/images/green0.png" />
<img src="http://www.webmaster-talk.com/images/green1.png" />
<img src="http://www.webmaster-talk.com/images/green2.png" />
<img src="http://www.webmaster-talk.com/images/green3.png" />
<img src="http://www.webmaster-talk.com/images/green4.png" />
<img src="http://www.webmaster-talk.com/images/green5.png" />
</div>

Last edited by aghahamidgol; 06-24-2010 at 04:12 AM.. Reason: My mistake
aghahamidgol is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 06-24-2010, 03:25 AM re: how to make left shadow for Div?
Phunk Rabbit's Avatar
Ultra Talker

Posts: 255
Name: John Nerush
Location: Milton Keynes, UK
Trades: 0
The shadow will need to be an image.

To put a left border on your div you need to add the following:

Code:
#wrap #content #greenmenu{
      float:left;
      margin-top:70px;
      margin-left:350px;
      border-left: 1px solid #fff;
}
__________________

Please login or register to view this content. Registration is FREE

Learn professional skills from professional people, from $6.50 a month.
Phunk Rabbit is offline
Reply With Quote
View Public Profile Visit Phunk Rabbit's homepage!
 
Old 06-24-2010, 03:29 AM re: how to make left shadow for Div?
Novice Talker

Posts: 10
Name: Heam
Trades: 0
I didn't want left border !! just i need to put shadow bottom of the div
aghahamidgol is offline
Reply With Quote
View Public Profile
 
Old 06-24-2010, 03:35 AM re: how to make left shadow for Div?
Phunk Rabbit's Avatar
Ultra Talker

Posts: 255
Name: John Nerush
Location: Milton Keynes, UK
Trades: 0
Then change your thread subject.....

"how to make left border for Div?"
__________________

Please login or register to view this content. Registration is FREE

Learn professional skills from professional people, from $6.50 a month.
Phunk Rabbit is offline
Reply With Quote
View Public Profile Visit Phunk Rabbit's homepage!
 
Old 06-24-2010, 04:10 AM re: how to make left shadow for Div?
Novice Talker

Posts: 10
Name: Heam
Trades: 0
so sorry mymistake could you tell me about the shadow plz ?
aghahamidgol is offline
Reply With Quote
View Public Profile
 
Old 06-24-2010, 04:17 AM re: how to make left shadow for Div?
Phunk Rabbit's Avatar
Ultra Talker

Posts: 255
Name: John Nerush
Location: Milton Keynes, UK
Trades: 0
As said above, the shadow will need to be an image, you will then need to place that image under the icons. Thus the icons will need to be transparent png's.
__________________

Please login or register to view this content. Registration is FREE

Learn professional skills from professional people, from $6.50 a month.
Phunk Rabbit is offline
Reply With Quote
View Public Profile Visit Phunk Rabbit's homepage!
 
Old 06-24-2010, 09:53 AM re: how to make left shadow for Div?
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Well, you could use the box-shadow CSS3 property, but it won't be seen by IE users.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to how to make left shadow for Div?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.57535 seconds with 12 queries