How do I Get the Linkd to list Horizontally

[dustin101]

Right now they are listing vertically like...

link1
link2
link3....

I want them to list like

link1, link2, link3...

you can see how theyre lining up at www.franksfreeporn.com

How do i get them to line up horizontally,

Thanks!

[Darksoul]

I see you're using ul, li
if so you need to add:
list-style-type:none;
display:inline;
to your css

[dustin101]

I dont understand? All I know how to do is go to the admin section and then to the edit templates tab, I changed the output filed to what you put there but it didnt change, would you mind rephrasing the solution? Thanks for the Help!

[Darksoul]

sorry for asking, but
do you know html and css ?
If not you should hit up whoever is in charge of your html code.

can you also post your links templates ?

[dustin101]

I am encharge of the html code, i know html, not css,

is there some way that i can get the links to appear horizontally?

[Darksoul]

can you post your link templates as they are now ?

[2betcom]

i know html and css, but need to know which section of the css file the above tag needs to be added

This is my css file code:

Code:

a.amenu {
color: #ffffff;
text-decoration: none;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
body {
margin-left; 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
form {
    margin: 0;
    padding: 0;
  }

input {
border: 1px solid #CCD;
background-color: #FCFCEC;
text-indent: 4px;
vertical-align: middle;
  }
 
.submit {
color: white;
background-color: #536399;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #000000;
border-left-color: #333333;
}

label {
    font: 10pt;
    font-weight: bold;
    display: block;
    margin-top: 1em;
  }

.menu, .menu a {
    font : bold 10pt Tahoma;
    color : black;
    text-decoration : none;
    text-transform : capitalize;
  }

.menu {
background-position:bottom;
background-repeat:repeat-x;
}

.side a {
    background : #536399;
    font : normal bold 8pt Verdana;
    padding : 5px 6px 5px 10px;
    border-style : solid none none;
    border-width : 1px medium medium;
    border-top-color : #ffffff;
    color : #ececec;
    display : block;
    text-decoration : none;
  }


.side a:hover {
    background : #b0c4de;
  }


a.link {
    background : #FFFFFF;
    line-height : 10px;
    color : #68838B;
    display : inline;
    padding : 0px 0px 0px 0px;
    text-decoration : none;
  }


a.link:hover {
    background : #FFFFFF;
    color : #b0c4de;
  }


.sn {
font : 9pt Verdana;
color : #A2A9AA;
background-color: #e2dfdd;
border-top: 1px solid #A2A9AA;
border-bottom: 1px solid #A2A9AA;
vertical-align: middle;
  }


.sn a{
    color : #A2A9AA;
    text-decoration : none;
}

input.errHilite, select.errHilite, textarea.errHilite {
    border: 1px solid #DDC;
    background-color: #FFE;
  }

label.errHilite {
    color: #C00;
  }

.forms, .list {
    background-color: #F9FBFD;
    color: #000000;
    border-collapse: collapse;
  }


.forms td, .forms, .list, .list td{
    border: 1px solid #D7E5F2;
  }

.forms td td td, .list td td td{
border: none;
}

.labelcell, .even {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #3670A7;
    padding : 2px 0px 0px 2px;
    background: transparent;
  }


.fieldcell, .odd {
    background :  #ECF2F6;
    padding : 2px 0px 0px 2px;
    margin : 0 0px 0 0;
    color : #000000;
  }
.fieldcell {
    text-align : right;
}

a.pages {
    padding: 0.2em 0.5em;
    border: 1px solid #9AAFE5;
    background: #fff;
    text-decoration: none;
font-size: 85%;
}

a.pages:hover {
    border-color: #06c;
}

table.list th, table.forms th {
    background : #527AAC;
    font : normal bold 12pt;
    text-align : center;
    color : #ffffff;
    text-transform : capitalize;
  }

table.list th a {
    font : normal bold 12pt;
    color : #ffffff;
    text-align : center;
    text-decoration : none;
    text-transform : capitalize;
    padding-right:0px;
  }

td.even {
    background : #e4e4e4;
  }

td.odd {
    background : #d2d2d2;
  }

#errorbox {
    background : #eeffa3;
    font : oblique 12pt;
    list-style : none none;
    color : #343a52;
    width: 50%;
    font-weight: bold;
  }

.messagebox {
background : #eeffa3;
font : oblique 12pt;
list-style : none none;
color : #343a52;
font-weight: bold;
}

[Darksoul]

can you post your link templates ?

[2betcom]

linkstemplate.tpl code:

Code:

{$links}

linktemplate.tpl code:

Code:

<li><a href="{$link}" title="{$title}">{$title}</a></li>

[Darksoul]

you can have the linkstemplate.tpl look like:

Code:

<div>{$links}</div>

and replace the li's from the linktemplate with spaces or something else

that'll put you all the links in a div and display horizontally

[2betcom]

I appreciate that, it works great, www.18yo.us

[foolsgold]

you can have the linkstemplate.tpl look like:

Code:

<div>{$links}</div>

and replace the li's from the linktemplate with spaces or something else

that'll put you all the links in a div and display horizontally

I have the same problem ( need links to display horizontally ), and the same default template. But I don't understand what you mean when you say "replace the li's with spaces".I am not using css on my page only html. any help would be appreciated.

[foolsgold]

still no help on this? please help