Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
List styling trouble
How i can do this one:
• Milk • Milk
• Milk • Milk
• Milk • Milk
• Milk • Milk
how to make that list would automatically goes to the second column after the first column, for example, collected a 5 lines?
Maybe with adi_cat_menu ?
<txp:txp_me />
Offline
Re: List styling trouble
you can use adi_calc to count rows and with <txp:if_variable name="counter" value="5"> insert required html to start new column.
Providing help in hacking ATM! Come to courses and don’t forget to bring us notebook and hammer! What for notebook? What a kind of hacker you are without notebok?
Offline
Re: List styling trouble
can you show an some example with my trouble, I can’t do that.
<txp:txp_me />
Offline
Re: List styling trouble
heey )
<txp:txp_me />
Offline
Re: List styling trouble
guys help pls. show me some examples how i can use this plugin with tag if_variable.
<txp:txp_me />
Offline
Re: List styling trouble
Try using this jQuery plug-in:
jQuery List Splitter
Can it solve your problem?
Offline
Re: List styling trouble
i dont know why, but it’s fully don’t work. i do all right, but don’t work…
<txp:txp_me />
Offline
Re: List styling trouble
could you paste your code somewhere? e.g. at pastie.org
TXPDream – A Textpattern Tag Library for Adobe Dreamweaver. (updated for 4.2.0) | jdw_if_ajax – Only serve certain parts of a page when requested with AJAX
Offline
Re: List styling trouble
http://pastie.org/1015009
list at <ul class=“lists”>
<li><a href=”#”>Milk</a></li>
<li><a href=”#”>Eggs</a></li>
<li><a href=”#”>Cheese</a></li>
<li><a href=”#”>Vegetables</a></li>
</ul>
<txp:txp_me />
Offline
Re: List styling trouble
You’re executing the jquery in the header before the DOM has loaded. Either you need to move your script to just before the closing </body> tag. Or you need to use the following code: (notice $(document).ready())
<script type="text/javascript">
$(document).ready(function() {
$('ul.lists').easyListSplitter({
colNumber: 3,
direction: 'horizontal'
});
});
</script>TXPDream – A Textpattern Tag Library for Adobe Dreamweaver. (updated for 4.2.0) | jdw_if_ajax – Only serve certain parts of a page when requested with AJAX
Offline
Re: List styling trouble
jquery now work, but i can setup plugin right.
it’s splitting, but not same as i want.
it’s splitting down, i need splitting to right.
<txp:txp_me />
Offline
Re: List styling trouble
I guess you need to take out direction: 'horizontal' so that it splits vertically.
<script type="text/javascript">
$(document).ready(function() {
$('ul.lists').easyListSplitter({
colNumber: 3
});
});
</script>If that doesn’t do it, look with firebug to see the CSS rules that are in effect.
Last edited by JanDW (2010-06-24 02:24:37)
TXPDream – A Textpattern Tag Library for Adobe Dreamweaver. (updated for 4.2.0) | jdw_if_ajax – Only serve certain parts of a page when requested with AJAX
Offline
Re: List styling trouble
pf. i can’t do it with this plugin…
maybу troulble in css.
if you can help with this(show an example of code what i want to do), thanks a lot.
<txp:txp_me />
Offline
Re: List styling trouble
Do you have the code live somewhere?
TXPDream – A Textpattern Tag Library for Adobe Dreamweaver. (updated for 4.2.0) | jdw_if_ajax – Only serve certain parts of a page when requested with AJAX
Offline
Re: List styling trouble
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Floating ul</title>
<style type="text/css">
* {
border:0;
margin:0;
padding:0;
}
.ul-wrapper ul {
float:left;
margin-left:60px;
list-style-position:inside;
}
.ul-wrapper ul:first-child { margin-left: 10px; }
.ul-wrapper + p {clear:left}
</style>
</head>
<body>
<div class="ul-wrapper">
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
<ul>
<li>test2</li>
<li>test2</li>
<li>test2</li>
<li>test2</li>
<li>test3</li>
</ul>
<ul>
<li>test3</li>
<li>test3</li>
<li>test3</li>
<li>test3</li>
<li>test3</li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</body>
</html>TXPDream – A Textpattern Tag Library for Adobe Dreamweaver. (updated for 4.2.0) | jdw_if_ajax – Only serve certain parts of a page when requested with AJAX
Offline