Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#13 2010-06-24 04:49:51

Katalonian
Member
From: Baku, Azerbaijan
Registered: 2010-04-18
Posts: 219
Website

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

#14 2010-06-24 13:29:50

JanDW
Plugin Author
From: Providence, RI, USA
Registered: 2008-07-18
Posts: 327
Website

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

#15 2010-06-24 13:46:49

JanDW
Plugin Author
From: Providence, RI, USA
Registered: 2008-07-18
Posts: 327
Website

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

#16 2010-06-25 05:20:00

Katalonian
Member
From: Baku, Azerbaijan
Registered: 2010-04-18
Posts: 219
Website

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

#17 2010-06-25 05:39:33

JanDW
Plugin Author
From: Providence, RI, USA
Registered: 2008-07-18
Posts: 327
Website

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

#18 2010-06-25 05:54:40

Katalonian
Member
From: Baku, Azerbaijan
Registered: 2010-04-18
Posts: 219
Website

Re: List styling trouble

you mean i need to use display: inline; ?


<txp:txp_me />

Offline

Board footer

Powered by FluxBB