Resolution Screen for a Menu
Posted: Wed Jun 17, 2015 12:35 am
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
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>