Page 1 of 1

Resolution Screen for a Menu

Posted: Wed Jun 17, 2015 12:35 am
by samuvk
I have the following code for a Menu and if the site is open in screen with a different screen resolution the Menu doesn't adapt to the screen resolution because the padding is defined in pixels.

How could I do to define in % or any other way to have my menu adapting to the screen resolution?

Thank you very much

Code: Select all

<Module>
<ModulePrefs />
<Content type="html">
<![CDATA[

<!DOCTYPE html>
<base target="_parent">
<style type="text/css">
body {margin:0; padding:0; margin-top:0px}
table {border-collapse:collapse;}
table, td {padding:0; border:1px solid #094FA4;}
a {display:block; background-color:#094FA4; padding:18px 25px; text-decoration:none; outline:none;}
a:hover, a:focus {background-color:#063062;}
</style>

<table>
<tr>
<td><a href=""><font color="white">Home</font></a></td>
<td><a href=""><font color="white">Section1</font></a></td>
</tr>
</table>


]]>
</Content>
</Module>

Re: Resolution Screen for a Menu

Posted: Fri Jun 19, 2015 10:43 am
by adrian
Hi,

You will probably find better assistance for HTML problems on specialized forums or discussion lists.

Regards,
Adrian