CSS

[neocon]

Any ideas how to get these to stay inline?

The arrow images are 25 by 25 but Safari shows the div they are in to be 25 by 30.

.pagination
{
height:25px;
outline:solid 1px #000000;
}
.pagination>img
{
display:inline-table;
margin:0;
padding:0;
width:25px;
height:25px;
}
.paginate
{

display:inline-table;
width:25px;
height:25px;
outline:solid 1px #000000;
}
.current
{
display:inline-table;
width:25px;
height:25px;
outline:solid 1px #000000;
}

 

[davetherave2]

have you got a link to the actual page or a copy of the source code to look at?

is there some sort of margin being applied to the boxes?

 

[cypto]

Copy the code into this http://codepen.io/pen/ hit save and paste the url back in here. Then we can both see what is going on with the HTML and CSS together and also tweak it and send you the fixed result.

 

[zyfar]

Looks like one of the divs have collasped you need to clear it, but can't tell for sure without seeing the source. So do as mentioned above and give us a URL or paste it in to the likes of jsFiddle or codepen.

 

[neocon]

http://cdpn.io/fdqGl

 

[neocon]

Definitely something to do with the image



Uploaded with ImageShack.us

 

[zyfar]

.pagination a {
float: left;
}

brings it all on the same line

 

[neocon]

Thanks dude

 

[zyfar]

Welcome Bri.