Code: Select all
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
display: block;
Code: Select all
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
display: inline;
Waydaminit! Could that be it?W3 Schools wrote:Tip: The div element is very often used with CSS to layout a web page.
Note: Browsers usually place a line break before and after the div element.
Code: Select all
<!-- IF _file.S_THUMBNAIL -->
<dl class="thumbnail">
Code: Select all
<!-- IF _file.S_THUMBNAIL -->
<div class="highslide-gallery">
Code: Select all
position: relative;
top: -5px;
-5px;
or positive range 5px;
Wow - there are no less than 8 classes containing highslide-gallery in highslide.css:4_seven wrote:may a way: find highslide-gallery class in relevant css-file and enter..
and play with the value in negativeCode: Select all
position: relative; top: -5px;
-5px;
or positive range5px;
- clear all board- and browser-caches after that.
Code: Select all
.highslide-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.highslide-gallery ul li {
display: block;
position: relative;
float: left;
width: 106px;
height: 106px;
border: 1px solid silver;
background: #ededed;
margin: 2px;
line-height: 0;
overflow: hidden;
}
.highslide-gallery ul a {
position: absolute;
top: 50%;
left: 50%;
}
.highslide-gallery ul img {
position: relative;
top: -50%;
left: -50%;
}
html>/**/body .highslide-gallery ul li {
display: table;
text-align: center;
}
html>/**/body .highslide-gallery ul li {
text-align: center;
}
html>/**/body .highslide-gallery ul a {
position: static;
display: table-cell;
vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
position: static;
}
I modified the code to use list tags, instead of div's - and, still the thumbs are vertical. But, not because of the highside class (this is the rendered "view source"):shortmort37 wrote:OK, now I'm studying the tutorials on w3schools.com. Great stuff! And I read this for the <div> tag:
Waydaminit! Could that be it?W3 Schools wrote:Tip: The div element is very often used with CSS to layout a web page.
Note: Browsers usually place a line break before and after the div element.
Jonni, in your Mod you suggest replacing this...with this:Code: Select all
<!-- IF _file.S_THUMBNAIL --> <dl class="thumbnail">
I bet the <div> that's coming with the highslide class, is what's causing my line break when not encapsulated in an attachbox. But I've got to get ready for work now...Code: Select all
<!-- IF _file.S_THUMBNAIL --> <div class="highslide-gallery">
Does Highslide require a <div> there to work properly? Or, was that just a choice?
Dan
Code: Select all
<div class="content"><div class="inline-attachment">
<dl class="highslide-gallery">
<dt><a href="./download/file.php?id=151&mode=view/IMG_0712.JPG" class="highslide" onclick="return hs.expand(this, { captionText: '' } )"><img src="./download/file.php?id=151&t=1" alt="IMG_0712.JPG" title="IMG_0712.JPG (549.5 KiB) Viewed 11 times" /></a></dt>
<dd class="highslide-caption"></dd>
</dl>
</div><div class="inline-attachment">
<dl class="highslide-gallery">
<dt><a href="./download/file.php?id=150&mode=view/IMG_2.JPG" class="highslide" onclick="return hs.expand(this, { captionText: '' } )"><img src="./download/file.php?id=150&t=1" alt="IMG_2.JPG" title="IMG_2.JPG (443.97 KiB) Viewed 11 times" /></a></dt>
<dd class="highslide-caption"></dd>
</dl>
</div></div>
Code: Select all
/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
display: inline;
margin-bottom: 4px;
}
Code: Select all
/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
From http://www.positioniseverything.net/easyclearing.html
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}*/
Nope. That's not it, either. At a loss.shortmort37 wrote:There's still a <div> in there between thumbs that's flummoxing up the works. The <div> is coming from inline-attachment. But, this is what is in content.css:
"inline", not "block" - the latter resulting in a <div>. So, where is it coming from?! tweaks.css, I bet...Code: Select all
/* Inline image thumbnails */ div.inline-attachment dl.thumbnail, div.inline-attachment dl.file { display: inline; margin-bottom: 4px; }