Agreement Text Is All Over The Place In Cyan


Subject: Agreement Text Is All Over The Place In Cyan
Agreement text doesn't behave correctly (breaks up) at different resolutions. There are some patches posted but they don't really fix the problem for the myriad of resolutions.

This does.

replace all script in agreement.tpl with this.

Code: [Download] [Hide] [Select]
{ERROR_BOX}
<form method="post" action="{S_AGREE_ACTION}">
{IMG_THL}{IMG_THC}<span class="forumlink">{SITENAME} - {REGISTRATION}</span>{IMG_THR}<table class="forumlinenb" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="row1g" align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td class="post-text">
<p class="genmed">{AGREEMENT}</p>
<p class="genmed">{L_PRIVACY_DISCLAIMER}</p>
<p>&nbsp;</p>
<p class="genmed"><label><input type="checkbox" name="privacy" />&nbsp;{AGREE_CHECKBOX}</label></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="cat">
{S_HIDDEN_FIELDS}
<input type="submit" name="not_agreed" value="{DO_NOT_AGREE}" class="liteoption" />
<input type="submit" name="agreed" value="{AGREE_OVER_13}" class="mainoption" />
</td>
</tr>
</table>{IMG_TFL}{IMG_TFC}{IMG_TFR}
</form>


Change .post-text in style_cyan.css to:

Code: [Download] [Hide] [Select]
.post-text {
padding: 10px 20px 10px 20px;
width: 95% !important;
text-align: left;
}


I don't know at the moment where else that type of mark-up shouldn't be used to control other text-widths or what the results would be. But IMHO it should only improve them. ROFL!

Take note MG - - - - - BOOM!

:mryellow:


Edit:


Re-named the css anchor because cyan is a "Nested" theme. Dammit!

Profile PM  
Subject: Re: Agreement Text Is All Over The Place In Cyan
I thought I fixed this one a lot of time ago:

Code: [Download] [Hide] [Select]
<td class="row1">
<br /><div class="post-text">{AGREEMENT}</div><br clear="all" /><br /><br />
<br /><div class="post-text">{L_PRIVACY_DISCLAIMER}</div><br clear="all" /><br /><br /><br />
<label><input type="checkbox" name="privacy" /> {AGREE_CHECKBOX}</label><br clear="all" /><br />
</td>


Using <br clear="all" /> should be enought to fix.

Can you confirm?

Subject: Re: Agreement Text Is All Over The Place In Cyan
Yep, <br clear="all" /> forces the text to behave somewhat. But it's still not an ideal way of doing it particularly since you are mixing fixed and fluid widths. And as such it will always be there to raise its ugly head whenever a user changes the width to something else?

At least consider changing it to what I suggest because one can see the differences in the pics when the text is allowed to flow irrespective of the resolution.

If you do use it - You may also consider adding !important to the width: 95% for our good friend IE! :mryellow:

agree

Profile PM  
Subject: Re: Agreement Text Is All Over The Place In Cyan
Unfortunately there is no easy way to deal with text flows.

I have decided to fix a certain width, to avoid text flowing all around when you have 1920x1080 like resolution...

I know this is something that someone may not like. But it's easy to fix with a small HTML adjustment for those who wants to. I prefer keeping the fix width where I have large text to read.

Subject: Re: Agreement Text Is All Over The Place In Cyan
Ok! ;)

Just one last tip from WC3

Note: Use the <br /> tag to insert line breaks, not to create paragraphs.

:mrgreen:

Profile PM  
Subject: Re: Agreement Text Is All Over The Place In Cyan
You're right about that... but I'm not going to change the whole code now to convert SPAN or DIV into P.

I'll keep this suggestion for future code. :mri:

Thanks!


Page 1 of 1


  
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events

   

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.2687s (PHP: 7% SQL: 93%)
SQL queries: 14 - Debug Off - GZIP Enabled