Skipping problem - what am I missing?

40 New Member

Hi all,

I'm a CSS rookie, but I'm stumped. Hopefully this is something simple that I'm overlooking.

My master/detail page generates the following html code, and I've got it formatted with CSS instead of tables. I have a wrapper that's 800px wide, and I want 4 columns of 200px. Each item is an image 160px wide, with 20px of margin on each side.

Seems like it works for about 3 rows, then it skips a few (three items). Six rows after that, it skips some more (only two items this time). To visually see what I mean, Click Here .

The code looks like this:

[html]
<html>
<head>
<SCRIPT LANGUAGE="JavaS cript" SRC="/java.js"></SCRIPT>
</head>
<body>
<style type="text/css">
.itemWrapper {
width: 800px;
background: #FFFFFF;
}
.item {
float: left;
width: 160px;
margin: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #1F2E11;
font-size: 11px;
border: 0px;
text-align: center;
display: inline;
position: relative;
}
a:link {
text-decoration: none;
color: #1F2E11;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
</style>

<div class="itemWrap per">
<div class="item"><a href='detail99. php?RecordID=38 '><img src='Images/oops_bloomsc_1. jpg' border='0' alt='Bloom' /></a>
<a href='detail99. php?RecordID=38 '>Bloom</a> ($149) </div>
<div class="item"><a href='detail99. php?RecordID=11 39'><img src='Images/oops_dreamboysc _3.jpg' border='0' alt='Dream' /></a>
<a href='detail99. php?RecordID=11 39'>Dream</a> ($150) </div>

<div class="item"><a href='detail99. php?RecordID=11 45'><img src='Images/SheriBlum_Bejew eledPrincess_Wa llHanging_1.jpg ' border='0' alt='Bejeweled Princess Wall Hanging' /></a>
<a href='detail99. php?RecordID=11 45'>Bejeweled Princess Wall Hanging</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=11 46'><img src='Images/SheriBlum_KissM eGN_1.jpg' border='0' alt='Always Kiss Me Goodnight Wall Hanging' /></a>

<a href='detail99. php?RecordID=11 46'>Always Kiss Me Goodnight Wall Hanging</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=11 47'><img src='Images/SheriBlum_OnceU pon_1.jpg' border='0' alt='Once Upon A Time Princess Scroll' /></a>
<a href='detail99. php?RecordID=11 47'>Once Upon A Time Princess Scroll</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=11 48'><img src='Images/Sheri_ballerina nameplaque_1.jp g' border='0' alt='Ballerina Name Plaque' /></a>
<a href='detail99. php?RecordID=11 48'>Ballerina Name Plaque</a> ($99)</div>
<div class="item"><a href='detail99. php?RecordID=11 49'><img src='Images/Sheri_nickname_ 1.jpg' border='0' alt='Nickname Canvas Wall Art Set of 4' /></a>

<a href='detail99. php?RecordID=11 49'>Nickname Canvas Wall Art Set of 4</a> ($200) </div>
<div class="item"><a href='detail99. php?RecordID=11 50'><img src='Images/Sheri_cowboynam eplaque_1.jpg' border='0' alt='Americana Cowboy Name Plaque' /></a>

<a href='detail99. php?RecordID=11 50'>Americana Cowboy Name Plaque</a> ($99)</div>
<div class="item"><a href='detail99. php?RecordID=11 51'><img src='Images/SheriBlum_train _WH_1.jpg' border='0' alt='Train Wall Hanging Canvas' /></a>
<a href='detail99. php?RecordID=11 51'>Train Wall Hanging Canvas</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=11 52'><img src='Images/Sheri_chocolate rosesplaque_1.j pg' border='0' alt='Chocolate and Roses Wall Art Plaque' /></a>
<a href='detail99. php?RecordID=11 52'>Chocolate and Roses Wall Art Plaque</a> ($99)</div>
<div class="item"><a href='detail99. php?RecordID=11 53'><img src='Images/SheriBlum_Story book_WH_1.jpg' border='0' alt='Once Upon A Time Storybook Wall Hanging' /></a>
<a href='detail99. php?RecordID=11 53'>Once Upon A Time Storybook Wall Hanging</a> ($160) </div>

<div class="item"><a href='detail99. php?RecordID=11 54'><img src='Images/SheriBlum_Story bookBoy_WH_1.jp g' border='0' alt='Brave Prince Storybook Wall Hanging' /></a>

<a href='detail99. php?RecordID=11 54'>Brave Prince Storybook Wall Hanging</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=11 55'><img src='Images/Sheri_dramaquee nplaque_1.jpg' border='0' alt='Drama Queen Canvas Wall Art' /></a>
<a href='detail99. php?RecordID=11 55'>Drama Queen Canvas Wall Art</a> ($99)</div>
<div class="item"><a href='detail99. php?RecordID=11 57'><img src='Images/MJ_soft_1.jpg' border='0' alt='Soft by Mary Jack Studios' /></a>
<a href='detail99. php?RecordID=11 57'>Soft by Mary Jack Studios</a> ($100) </div>
<div class="item"><a href='detail99. php?RecordID=34 04'><img src='Images/oops_octupusand fishsc_1.jpg' border='0' alt='Octopus and Fish' /></a>
<a href='detail99. php?RecordID=34 04'>Octopus and Fish</a> ($54)</div>
<div class="item"><a href='detail99. php?RecordID=11 58'><img src='Images/SheriBlum_Pirat esCove_WH_1.jpg ' border='0' alt='Pirates Cove Wall Hanging' /></a>

<a href='detail99. php?RecordID=11 58'>Pirates Cove Wall Hanging</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=11 59'><img src='Images/Sheri_girlpirat eplaque_1.jpg' border='0' alt='Girls Pirate Skull Name Plaque' /></a>
<a href='detail99. php?RecordID=11 59'>Girls Pirate Skull Name Plaque</a> ($99)</div>
<div class="item"><a href='detail99. php?RecordID=11 60'><img src='Images/Sheri_sports12_ 1.jpg' border='0' alt='Boys Sports Themed Wall Art' /></a>
<a href='detail99. php?RecordID=11 60'>Boys Sports Themed Wall Art</a> ($50)</div>
<div class="item"><a href='detail99. php?RecordID=11 61'><img src='Images/oops_africansaf arisc_1.jpg' border='0' alt='African Safari' /></a>
<a href='detail99. php?RecordID=11 61'>African Safari</a> ($260) </div>
<div class="item"><a href='detail99. php?RecordID=11 79'><img src='Images/oops_exploresc_ 1.jpg' border='0' alt='Explore' /></a>
<a href='detail99. php?RecordID=11 79'>Explore</a> ($139) </div>

<div class="item"><a href='detail99. php?RecordID=11 81'><img src='Images/drooz_dayattheb each_1.jpg' border='0' alt='Day at The Beach by Drooz Studio Multiple Colors' /></a>
<a href='detail99. php?RecordID=11 81'>Day at The Beach by Drooz Studio Multiple Colors</a> ($129) </div>
<div class="item"><a href='detail99. php?RecordID=11 82'><img src='Images/oops_fairytaleb oyssc_1.jpg' border='0' alt='Fairy Tale Boys' /></a>
<a href='detail99. php?RecordID=11 82'>Fairy Tale Boys</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=11 83'><img src='Images/oops_fairytaleg irlssc_1.jpg' border='0' alt='Fairy Tale Girls' /></a>
<a href='detail99. php?RecordID=11 83'>Fairy Tale Girls</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=33 49'><img src='Images/MJ_possibilitie sl_1.jpg' border='0' alt='Possibilit ies by Mary Jack Studios' /></a>
<a href='detail99. php?RecordID=33 49'>Possibiliti es by Mary Jack Studios</a> ($140) </div>

<div class="item"><a href='detail99. php?RecordID=33 50'><img src='Images/SheriBlum_Knigh t_1.jpg' border='0' alt='Knight Scroll Giclee Wall Hanging' /></a>

<a href='detail99. php?RecordID=33 50'>Knight Scroll Giclee Wall Hanging</a> ($160) </div>
<div class="item"><a href='detail99. php?RecordID=33 51'><img src='Images/drooz_boyannoun cement_1.jpg' border='0' alt='Boy Announcement by Drooz Studio' /></a>
<a href='detail99. php?RecordID=33 51'>Boy Announcement by Drooz Studio</a> ($129) </div>
<div class="item"><a href='detail99. php?RecordID=33 53'><img src='Images/oops_butterflyp laidsc_1.jpg' border='0' alt='Butterfly Plaid' /></a>
<a href='detail99. php?RecordID=33 53'>Butterfly Plaid</a> ($54)</div>
<div class="item"><a href='detail99. php?RecordID=33 54'><img src='Images/oops_arabesques c_1.jpg' border='0' alt='Arabesque' /></a>
<a href='detail99. php?RecordID=33 54'>Arabesque</a> ($116) </div>

<div class="item"><a href='detail99. php?RecordID=33 55'><img src='Images/MJ_solitude_1.j pg' border='0' alt='Solitude by Mary Jack Studios' /></a>
<a href='detail99. php?RecordID=33 55'>Solitude by Mary Jack Studios</a> ($140) </div>

<div class="item"><a href='detail99. php?RecordID=33 56'><img src='Images/drooz_babyhang_ 1.jpg' border='0' alt='Baby Wall Hanging by Drooz Studio' /></a>
<a href='detail99. php?RecordID=33 56'>Baby Wall Hanging by Drooz Studio</a> ($169) </div>
<div class="item"><a href='detail99. php?RecordID=33 58'><img src='Images/drooz_circusblo om_1.jpg' border='0' alt='Circus Bloom by Drooz Studio Multiple Colors' /></a>
<a href='detail99. php?RecordID=33 58'>Circus Bloom by Drooz Studio Multiple Colors</a> ($129) </div>
<div class="item"><a href='detail99. php?RecordID=33 60'><img src='Images/oops_birdprince sssc_1.jpg' border='0' alt='Bird Princess' /></a>
<a href='detail99. php?RecordID=33 60'>Bird Princess</a> ($119) </div>

<div class="item"><a href='detail99. php?RecordID=33 61'><img src='Images/MJ_puppy_1.jpg' border='0' alt='Puppy by Mary Jack Studios' /></a>
<a href='detail99. php?RecordID=33 61'>Puppy by Mary Jack Studios</a> ($130) </div>
<div class="item"><a href='detail99. php?RecordID=33 62'><img src='Images/drooz_explorers clubgreen_1.jpg ' border='0' alt='Explorers Club by Drooz Studio' /></a>

<a href='detail99. php?RecordID=33 62'>Explorers Club by Drooz Studio</a> ($129) </div>
<div class="item"><a href='detail99. php?RecordID=33 65'><img src='Images/drooz_cabanakin g_1.jpg' border='0' alt='Cabana King Wall Hanging by Drooz Studio' /></a>
<a href='detail99. php?RecordID=33 65'>Cabana King Wall Hanging by Drooz Studio</a> ($169) </div>
<div class="item"><a href='detail99. php?RecordID=33 66'><img src='Images/oops_carriagesc _1.jpg' border='0' alt='Carriage' /></a>
<a href='detail99. php?RecordID=33 66'>Carriage</a> ($198) </div>

<div class="item"><a href='detail99. php?RecordID=33 67'><img src='Images/MJ_unendinggree n_1.jpg' border='0' alt='Unending Green by Mary Jack Studios' /></a>
<a href='detail99. php?RecordID=33 67'>Unending Green by Mary Jack Studios</a> ($140) </div>
<div class="item"><a href='detail99. php?RecordID=33 68'><img src='Images/oops_giveadogab onesc_1.jpg' border='0' alt='Give a Dog a Bone' /></a>
<a href='detail99. php?RecordID=33 68'>Give a Dog a Bone</a> ($85)</div>

<div class="item"><a href='detail99. php?RecordID=33 71'><img src='Images/drooz_cabanaque en_1.jpg' border='0' alt='Cabana Queen Wall Hanging by Drooz Studio' /></a>
<a href='detail99. php?RecordID=33 71'>Cabana Queen Wall Hanging by Drooz Studio</a> ($169) </div>
<div class="item"><a href='detail99. php?RecordID=33 72'><img src='Images/oops_championsb asketballsc_1.j pg' border='0' alt='Champions Basketball' /></a>
<a href='detail99. php?RecordID=33 72'>Champions Basketball</a> ($79)</div>

</div>
</body></html>
[/html]

Does anyone see what's happening to cause these skips? Because it happens on every master page, in different spots, skipping different items all the time. And I double-checked the images to make sure they're all 160x160.

Thanks in advance for any help with this.

May 27 '08 #1

Subscribe Reply

1676

hsriat

1,654

Recognized Expert Top Contributor

You forgot to fix the height.

210px looks good to me.

And I love that Pirates Cove Wall Hanging. But its too expensive. :(

May 28 '08 #2

vozzek

New Member

hsriat, you ROCK. That did the trick. :)

You want that wall hanging, you got it at half price. Shoot me an email.

May 28 '08 #3

hsriat

1,654

Recognized Expert Top Contributor

Thanks dude ... was just kidding...

Actually I'm a fan of The Pirates of Caribbean movies..

Glad to know it worked for you...

May 28 '08 #4

Similar topics

3453

Skipping incompatible -lclntsh

by: Cj B | last post by:

Hello, While trying to compile PHP with Oracle Support (--with-oci8), I get the following error: /usr/local/sparc-sun-solaris2.8/bin/ld: skipping incompatible /spare/oui/OraHome1//lib/libclntsh.so when searching for -lclntsh /usr/local/sparc-sun-solaris2.8/bin/ld: cannot find -lclntsh collect2: ld returned 1 exit status I am using Solaris 8, with Oracle 9i, gcc 2.95.3, and php 4.3.9.

PHP

2439

skipping arguments in function call

by: Chuck Anderson | last post by:

I have a function with 7 inputs. The last three have default values. I want to call that function specifying the first four, skip two and then specify the last. I thought I could write this as : $retval = myfunction(arg1, arg2, arg3, arg4,,,arg7); .... but Php does not seem to want to let me do this. I get a parse

PHP

9219

XmlTextReader is skipping nodes unintentionally

by: Geoff Bennett | last post by:

While parsing an XML document, my TextReader instance skips nodes. For example, in this fragment: <Person Sex="Male" FirstHomeBuyer="No" YearsInCurrentProfession="14"> <RelatedEntityRef RelatedID="118"/> <PersonName> <NameTitle Value="Mr"/> <FirstName>Clint</FirstName> <OtherName/> <AlsoKnownAs>Mr C Eastwood</AlsoKnownAs>

.NET Framework

1792

for loop skipping items

by: Québec | last post by:

How comes the for loop just printf 3 characters? 1 e 7 e 10 e The string mixed by C is : J?an Pi?rr? =========

C / C++

2110

ASP.net skipping the special characters from the URL?

by: Rahul Agarwal | last post by:

Hi All We found that ASP.net is skipping the special characters passed in a URL ?context.Request.RawUrl RawUrl: "/iPower/GUI/DSHContactSearch.dset?@pvcClientName=&@pvcSurname=Røssland&@pvcFirstName=&@pvcErrMsg=" ?context.Request.Item("@pvcSurname") "Rssland"

ASP.NET

3272

Method needed for skipping lines

by: Gustaf | last post by:

Hi all, Just for fun, I'm working on a script to count the number of lines in source files. Some lines are auto-generated (by the IDE) and shouldn't be counted. The auto-generated part of files start with "Begin VB.Form" and end with "End" (first thing on the line). The "End" keyword may appear inside the auto-generated part, but not at the beginning of the line. I imagine having a flag variable to tell whether you're inside the...

Python

280

printronix printer skipping pages plz solve the problem

by: 92balaji | last post by:

hi there is skipping of pages in my printer model:5210 make:printronix it is skipping pages is there any way to change the settings to stop the skipping of pages

Microsoft Access / VBA

1161

pages are skipping out heavily

by: printronixprinterfourm | last post by:

i am using p7-1500 printer pages are skipping heavily please give the experts solution to solve the skipping of empty pages from printer cat : cannot open /users/cusimp/tmp/257637.chl if any settings are there to change that plz email me printronixprinterfourm@gmail.com

Microsoft Access / VBA

7243

Erasing or Skipping lines in a data file

by: BibI | last post by:

Hi there, I just started programming with PERL and am trying to put together my first little data manipulation program. I am working on a MAC with OSX. I have a data file with the following header that has been created on a Windows XP machine: My goal is to get rid of the header and the empty lines to finally have an output file with only the number entries.

Perl

10045

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

9994

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

9863

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

8870

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

7408

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6673

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5447

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

3958

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

2815

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General