|
|||||||||
|
|||||||||
|
|||||||||
 |
|||||||||
| |
||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
ASP Free Forums Sponsor:
|
|
|
|
#1
May 28th, 2006, 07:08 PM
|
||||
|
||||
|
Anyone know how they do this?
http://www.newegg.com/home/Computer.asp
If you look how they list the porducts on a grid, and the grid will display how many items per row that can fit depending on the resolution or just resizing the window. Anyone know how they do this and if you know any code can you post it? Thanks
|
|
#2
May 29th, 2006, 06:35 AM
|
||||
|
||||
|
Code:
<html>
<head>
<style type="text/css">
.section {
float: left;
width: 200px;
border: 1px solid #000;
margin: 4px;
padding: 4px;
}
</style>
</head>
<body>
<div class="section">qqqq</div>
<div class="section">wwww</div>
<div class="section">eeee</div>
<div class="section">rrrr</div>
<div class="section">tttt</div>
<div class="section">yyyy</div>
<div class="section">uuuu</div>
<div class="section">iiii</div>
<div class="section">oooo</div>
</body>
</html>
+ see http://images10.newegg.com/Scripts/Common/PageDisplayLib_v2.js
|
|
#3
May 30th, 2006, 03:16 PM
|
||||
|
||||
|
Also I noticed that if one doesnt fit to well on the page it will be moved down leaving an ugley white space on the right. Is there any way to set it so that the tables can strech over the rest of the table that had to move down?
Thanks
|
|
#4
May 31st, 2006, 03:59 AM
|
||||
|
||||
|
http://images10.newegg.com/Scripts/...isplayLib_v2.js
Code:
Page.Display.AutoWidthProductCellGeneral = function() {
....
|
|
| Viewing: ASP Free Forums > Web Design > Web Layout > Anyone know how they do this? |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
