php - change Image In Responsive? -
i have created web site, it's non responsive site. want change site responsive site.
when resize browser checking responsiveness it's showing
not showing top picture? how change image responsive?
<?php session_start(); require_once("conf.php"); $section = $_request['section']; $logout = $_request['logout']; $buttombanner="<img src=\"images/buttombanner.gif\" />"; ?> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1"> <meta name="handheldfriendly" content="true"> <title>lms</title> <link rel="stylesheet" href="style/style.css" type="text/css"/> <link rel="stylesheet" href="style1.css" type="text/css" /> <style type="text/css"> @media screen , (max-width : 780px) { .leftborder { background-color:skyblue; } .rightborder { border-right: 1px solid #000000; } .leftborder { border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-style: thin; width:800px; height:600px; } .style2 {font-size: xx-small} .descriptor_row { background:#003366; font-size:x-small; color:#ffffff; border:#ffffff; } body { font-family: arial, helvetica, sans-serif; line-height:160%; font-size:14px; color:#000; background: url(images/gradient2.jpg); background-repeat: repeat-x; background-color:#fff; } table[class="leftborder"] { width: 100% !important; } } .rightborder { border-right: 1px solid #000000; } .leftborder { border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width:800px; height:600px; border-style: thin; } .style2 {font-size: xx-small} .descriptor_row { background:#003366; font-size:x-small; color:#ffffff; border:#ffffff; } body { font-family: arial, helvetica, sans-serif; line-height:160%; font-size:14px; color:#000; background: url(images/gradient2.jpg); background-repeat: repeat-x; background-color:#fff; } </style> <script type="text/javascript"> function openwindow(winname) { window.open(winname,"faqs", "width=950,height=650,resizable=no,scrollbars=no,toolbar=no,status=no,menubar=no,copyhistory=no,left=100,top=100,screenx=100,location=no,screeny=100"); } </script> </head> <link href="style.css" rel="stylesheet" type="text/css"> <body bgcolor="#ffffff" topmargin="0" leftmargin="0" rightmargin="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0" > <tr> <td align="center"> <table border="0" cellspacing="0" cellpadding="0" class="leftborder"/> <tr bgcolor="#ffffff"> <!--- image code---> <td colspan="2" style="background-image:url('site_conf/images/det_banner.jpg'); background-repeat:no-repeat; background-position:center;" width="100%" height="100" align="right"> <?php if(!is_null($sid)&&$session_error=="none") { $_session['lms_username']=$lms_username; ?> <table border="0" cellpadding="2" cellspacing="0" width="190" > <tr> <td><font face="verdana" size="1" color="#000000">logged in as: <b><?php echo $lms_username; ?></b></td> </tr> <?php if($lms_groups=="on" && $lms_user_group!=""){ ?> <tr> <td><font face="verdana" size="1" color="#000000"><?php echo"$lms_gtitle: "; if($lms_groups=="on"){echo"<b>$lms_user_group</b>";}?></td> </tr> <tr> <td><font face="verdana" size="1" color="#000000"><?php echo "$lms_sgtitle: "; if($lms_groups=="on"){echo"<b>$lms_user_subgroup</b>";}?></td> </tr> <tr> <td><font face="verdana" size="1" color="#000000"><?php if($section=="reports" && $report){echo"<a href='index.php?section=reports&sid=$sid'>back detailed reports section";}?></font></td> </tr> <?php }?> </table> <?php } ?></td> </tr> <tr> <td colspan="2" height="20" background="images/bg.gif"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td align="right"><?php if(!is_null($sid)&&$session_error=="none") { ?><a style="" href="index.php?section=<?php echo $section; ?>&logout=yes&sid=<?php echo $sid; ?>"><img src="images/logout.gif" border="0" align="absmiddle" alt="click here log out"></a><?php } ?></td> </tr> </table></td> </tr> <tr> <?php if(is_null($sid)||$session_error!="none") { $nav_display = 'display: none'; } ?> <td valign="top" style=" <?php echo $nav_display; ?> "> <!---------begin side nav table-------------> <table width="198" border="0" cellspacing="0" cellpadding="0" > <tr valign="top" bordercolor="#ffffff"> <td width="198" bordercolor="#ffffff"><?php if((!is_null($sid)&&$session_error=="none")) { include($dir_components."navbar2.php"); } ?></td> </tr> <tr><td> </td></tr> <tr> <td></td> </tr> </table> </td> <td class="boxcontent" valign="top" > <?php include($mysection); ?></td> </tr> </table> </td> </tr> </table> <hr width="200px;"> </body> </html>
try using bootstrap in website , class="img-responsive" in image tag
Comments
Post a Comment