Sorry for a new post so soon after my other one, but this is an entirely different question, so I thought it warranted another thread (if only to help people who search in the future)!
I've based my widget off of the RSS template in Dashcode, whereby articles are presented in a list with a vertical scrollbar. I'm currently trying to modify how the list is displayed in order to create 'columns' of information.
To do this, I created a new div element, similar to how the title element has been created:
For reference, here's the makeEntryDiv function:
From there, I assumed it would just be a case of making the 'subject' class float: left with a width of 300px, in the SafariStyle.css file. However, I've run into a few problems with various khtml css attributes. For instance, this can be found within articlehead's CSS definition:
Can anyone help me? I'm just trying to get the 'title' data's DIV to display as a 300px block with the releaseDate DIV to the right of it.
I've based my widget off of the RSS template in Dashcode, whereby articles are presented in a list with a vertical scrollbar. I'm currently trying to modify how the list is displayed in order to create 'columns' of information.
To do this, I created a new div element, similar to how the title element has been created:
PHP:
var subjectElt = makeEntryDiv(title);
subjectElt.setAttribute("class", "subject");
articlehead.appendChild(subjectElt);
var rDateElt = makeEntryDiv(releaseDate);
rDateElt.setAttribute("class", "releaseDate");
articlehead.appendChild(rDateEltFor reference, here's the makeEntryDiv function:
PHP:
function makeEntryDiv(content)
{
var div;
if (typeof content == "string") {
// If it's a plain string, wrap it in a div
div = document.createElement("div");
div.innerHTML = content;
}
else {
div = content;
}
return div;
}From there, I assumed it would just be a case of making the 'subject' class float: left with a width of 300px, in the SafariStyle.css file. However, I've run into a few problems with various khtml css attributes. For instance, this can be found within articlehead's CSS definition:
PHP:
display: -khtml-box;
-khtml-box-orient: horizontal;
-khtml-box-align: baseline;Can anyone help me? I'm just trying to get the 'title' data's DIV to display as a 300px block with the releaseDate DIV to the right of it.