Been struggling with some basic formatting. Have several iFrames (so I
can have separate refreshes) and the formatting leaves space at the
bottom of all tables.
I have researched and these seems common issues that I have tried but
no fixes...
common when using <form>'s, but I'm not using forms.
I have removed all whitespace from several pages, not a fix.
tried margin 0px in many places, did not fix.
changing table structures several times, did not fix.
main HTML...
<link rel="stylesheet" href="hact.css">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<meta name="viewport" content="width=320; initial-scale=1.05; maximum-
scale=3.0; user-scalable=1;"/>
<title>Home Control Center</title>
</head>
<body>
<iframe name="scenes" src="scenes.asp" frameborder="0" scrolling=no></
iframe><br>
<iframe name="kitchen" src="kitchen.asp" frameborder="0"
scrolling=no></iframe><br>
<iframe name="living" src="living.asp" frameborder="0" scrolling=no></
iframe><br>
<iframe name="dining" src="dining.asp" border="0"frameborder="0"
scrolling="no"></iframe><br>
<iframe name="billiards" src="billiards.asp" border="0"frameborder="0"
scrolling="no"></iframe><br>
<iframe name="master" src="master.asp" border="0"frameborder="0"
scrolling="no"></iframe><br>
<iframe name="frontyard" src="yardf.asp" border="0"frameborder="0"
scrolling="no"></iframe><br>
<iframe name="backyard" src="yardb.asp" border="0"frameborder="0"
scrolling="no"></iframe>
</body>
</html>
CSS...
ody {
font-weight : normal;
font-size: 10pt;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
margin: 0px;
padding: 0px;
margin-bottom:0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
table {
margin: 0px;
padding: 0px;
margin-bottom:0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
.SectionLabel {
text-align : center;
font-weight : bold;
background : #315AA5;
color : #FFFF00;
margin-bottom:0;
}
.DeviceLabel {
background : #A5A5A5;
text-align : center;
color : #000000;
width : 86px;
font-size: 10pt
}
.ScenesSection {
text-align : center;
margin: 0px;
padding: 0px;
width: 150px;
margin-bottom:0;
}
.TextFromStatus {
font-weight : normal;
text-align : center;
color : #000000;
width : 20px;
margin-bottom:0;
}
.StatusCommandButton {
font-weight : normal;
text-align : center;
color : #000000;
width : 20px;
}
.DimBarControl {
font-weight : normal;
text-align : center;
color : #000000;
width : 20px;
}
.BorderSurround {
border-style : solid;
border-width : thin;
border-color : #315AA5;
margin: 0px;
padding: 0px;
margin-bottom:0;
}
.formButtonOn {
border-color : #8F7869;
background-color : #FFFF00;
color : #000000;
}
example ASP used for iFrame (I have several but they are nearly
identical)...
<!--#include virtual="/includes/webcontrol.asp"-->
<link rel="stylesheet" href="hact.css">
<HTML>
<body>
<table class=BorderSurround>
<!-- Label -->
<th class=SectionLabel>Kitchen</th>
<!-- Row 1 -->
<tr>
<td>
<table>
<tr>
<td class=DeviceLabel>Espresso Machine</td>
<td
class=TextFromStatus><%=TextFromStatus("Kitchen Espresso
Machine")%></td>
<td
class=StatusCommandButton><%=StatusCommandButton("Kitchen
Espresso Machine")%></td>
</tr>
</table>
</td>
</tr>
<!-- Row 2 -->
<tr>
<td>
<table>
<tr>
<td class=DeviceLabel>Lights</td>
<td
class=DimBarControl><%=WriteDimBarControlFor("Kitchen Lights")
%></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
