Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
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
Re: List styling trouble
Oh, thank you! It’s work without jquery right?
But there is some way to do this solution, but without separeate <ul>
like:
<div class=“ul-wrapper”>
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
<div>
Because i want to show section list in txp with wraptag=“ul” break=“li”
<txp:txp_me />
Offline
Re: List styling trouble
yeah, it works without jquery. But you need something to split up the markup, if you want the columns to be constructed vertically. If it is ok that they’re constructed horizontally you can do it just with css.
so i mean vertically:
item 1 item3 item5
item 2 item4 item 6
horizontally:
item 1 item2 item3
item 4 item5 item 3
so is horizontal ok?
Last edited by JanDW (2010-06-25 05:40:48)
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
you mean i need to use display: inline; ?
<txp:txp_me />
Offline