| DEVPPL http://www.devppl.com/forum/ |
|
| how to do this layout ? http://www.devppl.com/forum/viewtopic.php?f=43&t=13422 |
Page 1 of 1 |
| Author: | aneuryzma [ Tue Apr 21, 2009 8:13 pm ] |
| Post subject: | how to do this layout ? |
Which is the best way to have a page layout with shadow such as this: http://www.ibm.com/us/en/ I mean.. a easy cross-browser solution. The height of the website is going to change dynamically (ajax). thanks |
|
| Author: | webmaster [ Wed Apr 22, 2009 8:20 am ] |
| Post subject: | Re: how to do this layout ? |
aneuryzma wrote: Which is the best way to have a page layout with shadow such as this: http://www.ibm.com/us/en/ I mean.. a easy cross-browser solution. The height of the website is going to change dynamically (ajax). thanks I think you need to be more specified, we can't answer how to do a whole website.. What exactly are you wondering? |
|
| Author: | aneuryzma [ Wed Apr 22, 2009 8:46 am ] |
| Post subject: | Re: how to do this layout ? |
I'm interested about the background. I would like to fit my page in that vertical sheet with shadows on both sides. They didn't just use a background for this. If it is not clear, I can explain again. |
|
| Author: | jberry [ Tue Sep 15, 2009 3:37 pm ] |
| Post subject: | Re: how to do this layout ? |
Well the shadow is an image put into the css the code is Code: li.ibm-first{background-image:none;padding-left:19px;}#ibm-metrics{background:url(//www.ibm.com/i/v16/t/template-bottom-930.gif) no-repeat 50% 0;margin:0;padding:0;height:15px;} Same with the right and left shadow. Then the background color is just Code: {background:#CCC;color:#000 Dosen't look to hard but that is how they did it. |
|
| Page 1 of 1 | All times are UTC + 1 hour |
| Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group http://www.phpbb.com/ |
|