Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
thumbnails and css
The thumbnail/gallery pages in my two sites are using almost the same css, but not quite.
jameslomax photography is working OK, lake district photography isn’t.
Can anyone see what I need to change in the lakelandphotos css, so I get four columns and not a random mix of 3 and 4?
Thanks!
Last edited by jameslomax (2006-04-03 11:35:57)
Offline
Re: thumbnails and css
Changing the right margin to a smaller number, should do it. Also, give your IE Win users a break and omit the sibling selectors.
<code>div#photos li {
margin: 0 5px 0 0;
padding: 0;
display: inline;
}
div#photos li + li {
}</code>
Last edited by mrdale (2006-04-03 15:57:27)
Offline
Re: thumbnails and css
OK thanks!
Had a quick look at that, and this seemed to work – changing this:
div#photos li + li {
margin-left: 10px;
}
to this:
div#photos li + li {
margin-left: 0px;
}
…………is that what you meant?
Also: not sure (don’t know!) what you mean about ‘sibling selectors’ for IE?…………
Offline
#4 2006-04-08 08:11:54
- marios
- Archived Plugin Author
- Registered: 2005-03-12
- Posts: 1,253
Re: thumbnails and css
what mrdales means is, there is no specific need in using the Sibling Selectors in the first place.
You use this CSS Syntax only, if you want to match elements, that immediately follow another element.
(li+li).Those selectors are rarely used, mostly because not all browsers do understand them(Including Explorer of course)
Let’s say for example, you would like to ommit a border-style only on your first list item,Then you could use these kind of selectors.
So just using div#photos li, is all you need here.
regards, marios
Last edited by marios (2006-04-08 08:12:54)
⌃ ⇧ < ⎋ ⌃ ⇧ >
Offline
Pages: 1