Old Support Topics :: Agreement Text Is All Over The Place In Cyan

The time now is Sat 25 May, 2013 04:53 • All times are UTC + 1 Hour [DST enabled]

Agreement Text Is All Over The Place In Cyan

Article
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] Code: [Download] [Show] {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> </p> <p class="genmed"><label><input type="checkbox" name="privacy" /> {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] Code: [Download] [Show] .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! Edit: Re-named the css anchor because cyan is a "Nested" theme. *Dammit!* Edited by mort, Mon 03 Oct, 2011 00:41: Added !important for IE
mort [ Fri 30 Sep, 2011 03:15 ]

Sponsors	Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Agreement Text Is All Over The Place In Cyan

Comments
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] Code: [Download] [Show] <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?
Mighty Gorgon [ Sun 02 Oct, 2011 01:08 ]

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!
mort [ Sun 02 Oct, 2011 03:06 ]

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.
Mighty Gorgon [ Thu 06 Oct, 2011 12:49 ]

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.
mort [ Fri 07 Oct, 2011 11:30 ]

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. Thanks!
Mighty Gorgon [ Wed 12 Oct, 2011 21:07 ]

Display posts from previous: