PDA

View Full Version : Description Width


melaniejk
02-12-2006, 02:50 AM
Hi.
I'm trying to change the width of my descriptions.

I have width="100%" in the tables.

And, then I also tried putting 600px instead.

Then, I tried a solution provided in another thread..

Content visible to registered users only.



First problem, I don't have a links.tpl file. But, I do have link.tpl
So, I opened that.
Second problem, I don't have the code he said to find. But, it has something similiar
< / BR> instead of the

</p> .
But, I thought it may be similar enough so I replaced it with the code suggested. Unfortunately, this didn't work.
The width of my descriptions for the links didn't change.

By the way, I am using the template from Web Design Directory.

Does anyone have a suggestion on how I can get the width to be larger?

Thank you.
Melanie
:D

David
02-12-2006, 03:43 AM
Maybe start by posting the contents of links.tpl here

Kevuk2k
02-12-2006, 03:51 AM
Content visible to registered users only.

I think that I have the answer in my own tpl so I might be able to compare the posters with mine and see the solution? I wanted 100% and got it, but it isn't as simple as that...

Kev

melaniejk
02-12-2006, 04:16 AM
This is what is in my link.tpl


{strip}
<table width="593" border="0">
<tr>
{* show page rank *}
{if $smarty.const.SHOW_PAGERANK}
<td width="50" valign="top"><p style="clear: both">{include file="pagerank.tpl"

pr=$link.PAGERANK}</p></td>{/if}
<td width="543">

<a id="{$link.ID}" href="{$link.URL}"
{* nofollow *}
{if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and
($smarty.const.RECPR_NOFOLLOW eq 2 or
($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))
} rel="nofollow"
{/if}
{if $smarty.const.ENABLE_BLANK} target="_BLANK"{/if}{if $smarty.const.ENABLE_DISPLAYURL}

onMouseOver="self.status='{if $link.DISPLAYURL ne ''}{$link.DISPLAYURL}{else}{$link.URL}{/if}';

return true" onMouseOut="self.status=''; return true"{/if}>
{$link.TITLE}</a>

{$link.DESCRIPTION}



<span class="url">- {if $smarty.const.ENABLE_DISPLAYURL and $link.DISPLAYURL ne

''}{$link.DISPLAYURL}{else}{$link.URL}{/if}</span>



</p></td>
</tr>
</table>{/strip}


-Melanie

David
02-12-2006, 05:23 AM
I'm thinking you can put the id tag with the description like this:

<div id="desc-wrapper">{$link.DESCRIPTION}</div>


and then make sure

#desc-wrapper {
width: 400px;
text-align: left;
}

is added to your main.css file.

Good luck!
Let us know how it goes.

melaniejk
02-12-2006, 05:37 AM
Nope, that didn't work.
It just added a line between the description and the displayed url.


Just to make sure I didn't do it wrong....
Was it ok for me to put the code for the main.css on the very bottom or did it need to go somewhere special?

Thank you.

David
02-12-2006, 05:57 AM
Hmmm...I'm hoping someone will see the answer that I am missing.
We may need ftp access to go in and play with it a little.
Can you post the url so we can see what you have done so far?

melaniejk
02-12-2006, 06:12 AM
The site url is:
{genealogy geek}

I changed the main.css and link.tmp back to original.

Here is a page that I look at for testing .... (long descriptions, more than two links)


{genealogy geek us pa}

David
02-12-2006, 06:45 AM
I need to get some rest, but we'll solve it one way or another.
(just nag us if needed) :twisted:

David
02-12-2006, 04:35 PM
I wanted to bump this thread, and see if anyone know the answer to help this lady.

melaniejk
02-12-2006, 08:12 PM
In case this helps...
Here is my main.css file


EDIT:

SEE OTHER MESSAGE BELOW

melaniejk
02-12-2006, 08:23 PM
Hi.
I decided to reupload the files with the change suggested by David so you can see how it changes by adding the extra line of space between the description and the display url.

Here it the update version of the link.tpl

{strip}
<table width="593" border="0">
<tr>
{* show page rank *}
{if $smarty.const.SHOW_PAGERANK}
<td width="50" valign="top"><p style="clear: both">{include file="pagerank.tpl" pr=$link.PAGERANK}</p></td>{/if}
<td width="543">

<a id="{$link.ID}" href="{$link.URL}"
{* nofollow *}
{if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and
($smarty.const.RECPR_NOFOLLOW eq 2 or
($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))
} rel="nofollow"
{/if}
{if $smarty.const.ENABLE_BLANK} target="_BLANK"{/if}{if $smarty.const.ENABLE_DISPLAYURL} onMouseOver="self.status='{if $link.DISPLAYURL ne ''}{$link.DISPLAYURL}{else}{$link.URL}{/if}'; return true" onMouseOut="self.status=''; return true"{/if}>
{$link.TITLE}</a>

<div id="desc-wrapper">{$link.DESCRIPTION}</div>

<span class="url">- {if $smarty.const.ENABLE_DISPLAYURL and $link.DISPLAYURL ne ''}{$link.DISPLAYURL}{else}{$link.URL}{/if}</span>



</p></td>
</tr>
</table>{/strip}




------------------------------------------


Here is the updated version of the style.css

body {
background-color: #88929a;
margin-top: 0px;
margin-right: 12px;
margin-bottom: 0px;
margin-left: 12px;
line-height: 20px;
list-style-type: square;
}
form {
display: inline;
margin: 0;
padding: 0;
}
a:link {
color : #0000FF;
text-decoration : underline;
}
a:visited {
color : #0000FF;
text-decoration : underline;
}
a:hover {
color : #0000FF;
text-decoration : none;
}
td {
font-family: verdana;
font-size: 12px;
color: #000000;
}
.input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
text-decoration: none;
background-color: #FFFFFF;
border: 1px inset #CCCCCC;

}
h1 {
font-family: "trebuchet ms", verdana, arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #548821;
margin: 0;
padding: 0;
}
h2 {
font-family: "trebuchet ms", verdana, arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #548821;
margin: 5px 5px 0;
padding: 10px 0 5px 0;
border-bottom: 1px solid #eae4e4;
}
h3 {
font-family: "trebuchet ms", verdana, arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #548821;
margin: 5px 5px 0;
padding: 10px 0 5px 0;
border-bottom: 1px solid #C5DCE2;
}
.box {
padding: 15px 15px 15px 15px;
vertical-align : top;
border : 1px solid #E2E2E2;
background-color: #F7F7F7;

}
.search-bg {
color:#eff7e7;
background-image: url(images/search-bg.gif);
}
.search-bg a:link{
color : #FFFFFF;
text-decoration : none;
}
.search-bg a:visited {
color : #FFFFFF;
text-decoration : none;
}
.search-bg a:hover {
color : #FFFFFF;
text-decoration : underline;
}

.m-bg {
background-image: url(images/m-bg.gif);
background-repeat: repeat-x;
}
.m-bg a:link{
color : #396210;
text-decoration : underline;
}
.m-bg a:visited {
color : #396210;
text-decoration : underline;
}
.m-bg a:hover {
color : #396210;
text-decoration : none;
}
.l-rep {
background-image: url(images/l-rep.gif);
background-repeat: repeat-y;
}
.r-rep {
background-image: url(images/r-rep.gif);
background-repeat: repeat-y;
background-position: right;
}

.nav-bg {
background-image: url(images/nav-bg.gif);
color:#FFFFFF;
}
.nav-bg a:link {
color : #FFFFFF;
text-decoration : none;
}
.nav-bg a:visited {
color : #FFFFFF;
text-decoration : none;
}
.nav-bg a:hover {
color : #FFFFFF;
text-decoration : underline;
}
div.pr {
font-size: 6pt;
color: #000000;
float: left;
height: 30px;
margin-right: 5px;
}
div.prg{
width: 40px;
border: 1px solid #999999;
height: 3px;
font-size: 1px;
}
div.prb{
background: #019934;
height: 3px;
font-size: 1px;
}
span.req{
margin-left: 3px;
color: #FF0000;
font-weight: bold;
}
.small, .small a {
padding: 0px;
margin: 0px;
color: #909090;
font-size: 7pt;
text-decoration: none;
}
.url {
color: #208a0b;
}
div.errForm, span.errForm {
margin: 0px 0 0px 5px;
padding: 2px 3px 2px 3px;
color: #FF0000;
background: #FFFFF3;
border: 1px solid #cccccc;
text-align: left;
clear: right;
}
td.err {
padding: 3px;
color: #FF0000;
background: #F7F7F7;
border: 1px solid #A0A0A0;
text-align: left;
}
td.msg{
padding: 3px;
color: #0000FF;
background: #F7F7F7;
border: 1px solid #A0A0A0;
text-align: left;
}

#desc-wrapper {
width: 400px;
text-align: left;
}

-----------------------------------

EDIT: Sorry, pasted wrong file here.... I use style.css not main.css
and pasted wrong one...


Thank you.
Melanie

Neticus
02-12-2006, 08:39 PM
Content visible to registered users only.

You have placed this in your main.tpl not your main.css

Im not familiar with the template your using, however im sure it has a main.css

Try placing above code in main.css

See if that works

Kevuk2k
02-12-2006, 10:59 PM
Content visible to registered users only.



First problem, I don't have a links.tpl file. But, I do have link.tpl
So, I opened that.
Second problem, I don't have the code he said to find. But, it has something similiar
< / BR> instead of the

</p> .
But, I thought it may be similar enough so I replaced it with the code suggested. Unfortunately, this didn't work.
The width of my descriptions for the links didn't change.

By the way, I am using the template from Web Design Directory.

Does anyone have a suggestion on how I can get the width to be larger?

Thank you.
Melanie
:D[/quote]

Here is the link.tpl that I use in my site is that the results you want? In other words a 100% ability to write a description?


Content visible to registered users only.


Please BACK UP your existing link.tpl before overwriting it with this.

Should work a treat. The css has nothing to do with the lenght of the text only the size of font, colour etc. The link.tpl runs independantly of this.

Let me know if it works for you.

melaniejk
02-12-2006, 11:53 PM
THANK YOU Kevuk2k.

Thank you, thank you, thank you.

I uploaded your link.tpl and it worked great.
The description now goes all across the page.

Whoo Hoo! Another problem fixed, just one more to go.
(Alphabetical doesn't work).

Kevuk2k
02-13-2006, 12:28 AM
Content visible to registered users only.

What can I say 8) Some things are so simple it takes an idiot like me to find the answer! The old saying is Content visible to registered users only. I cut all the trees down and there was the wood looking right at me! :lol:

Seriously, I'm happy that you have got what you wanted, that's the purpose of this website.

All the best,

Kevin

melaniejk
02-13-2006, 12:53 AM
Well, there was a little hiccup.
I lost my Display URL stuff.
Had to go back and redo the link.tpl part in the MOD.

But, it's working again.

Kevuk2k
02-13-2006, 01:28 AM
Content visible to registered users only.

Expand on that one?

Kev

mortgages
02-13-2006, 02:52 AM
Content visible to registered users only.

{topic seems to have moved}

melaniejk
02-13-2006, 03:15 AM
Hi.
Actually, mortgages that is not what I was talking about.
That was sooo long ago.

I'm talking about the alphabetical sort and hit sort.
Neither of them are working.
I tried the "Actual / Display URL" mod and it disable both.
So, I reversed the MOD, but it didn't fix it.
I can't get the alphabetical sort or hit sort to work at all.

Any suggestions would be great.

Thank you.


I don't know how to link to a thread but I'll try...
http://www.phplinkdirectory.com/forum/viewtopic.php?t=650&highlight=


-Melanie