Icy Phoenix

     
 


Post new topic  Reply to topic 
Page 1 of 1
 
 
Reply with quote Download Post 
Post 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!

 


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
mortSend private message  
Back to topPage bottom
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us
 
Reply with quote Download Post 
Post 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?
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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!  

 agree
 



 
mortSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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.

 
 



 
mortSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post 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!
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 1
 


Display posts from previous:    

HideWas this topic useful?

Link this topic
URL
BBCode
HTML




 
Permissions List
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