Overlapping Issue.

[Coreye]

Hey guys,

 

I have a user list page with the different page numbers at the top and bottom. The problem is when their is two rows of numbers they over lap. This can be seen here; http://www.scriptscribes.net/projects/us/beta_1/user_system.php?module=user_list.

 

Heres the CSS for that section

ul.pagination { margin-bottom: 10px;margin-top:10px; }
ul.pagination li
{
display: inline;
padding: 5px;
border: 1px solid #fff;
} 
  
ul.pagination li a { color: #fff; }
ul.pagination li.selected { background-color: #fff; }ul.pagination li.selected a { color: #333; } 
  
ul.pagination li:hover { background-color: #666;border: 1px solid #fff; }
ul.pagination li:hover a { color: #fff; }

[helraizer]

Hi corey,

 

It's not a problem of the CSS as such, it's because they are being displayed 'inline' but the div/table isn't big enough.

 

between link 33 and 34 add

<br><br><br>

 

That will seperate them. 

 

So like:

 

<li><a href='?module=user_list&pagination=32'>32</a></li>
	<li><a href='?module=user_list&pagination=33'>33</a></li>
	<br><br><br>
	<li><a href='?module=user_list&pagination=34'>34</a></li>
	<li><a href='?module=user_list&pagination=35'>35</a></li>

 

Sam