 |
HTML Help
Please Search for the answer to your question before asking it! Thanks.
|
| View previous topic :: View next topic |
| Author |
Message |
arsavi004
Joined: 01 Jun 2009
Posts: 2
|
| Posted: Mon Jun 01, 2009 8:48 am css displays correctly in IE but not in FireFox |
|
|
body{}
#header{
width:1500px;
height:210px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
position:relative;
}
#header-left{
float:left;
}
#header-mid{
color:maroon;
font-size:40px;
font-weight:bolder;
border:1px solid blue;
height:210px;
width:600px;
float:left;
}
#header-right{
color:maroon;
width:400px;
border:1px solid blue;
height:210px;
margin-left:900px;
margin-top:0px;
text-align:center;
}
#left{
height:1500px;
width:400px;
float:left;
padding-right:10px;
}
#mid{
height:1500px;
width:500px;
float:left;
padding-right:10px;
}
#right{
height:1500px
width:500px
}
#head{
background-image:url('images/head-div.gif');
background-repeat:no-repeat;
height:15px;
color:#fff;
text-align:center;
font-weight:bolder;
}
#foot{
background-image:url('images/footer-div.gif');
height:19px;
background-repeat:no-repeat;
}
#body{
background-image:url('images/body-div.gif');
background-repeat:repeat-y;
}
#body div{
width:400px;
padding-left:5px;
padding-right:5px;
}
#head div{
width:400px;
padding-left:5px;
padding-right:5px;
}
#foot div{
width:400px;
padding-left:5px;
padding-right:5px;
}
#right div{
width:400px;
padding-left:5px;
padding-right:5px;
}
#twinebody a{
text-decoration:none
}
#twitbody{
color:maroon
}
#intro{
color:blue;
}
#twit{
color:blue;
}
#twine{
color:blue;
}
#contact {
padding-top:60px;
color:blue;
}
#logos {
padding-top:365px;
color:blue;
}
#offer{
text-align:center;
color:maroon;
}
#headline{
text-align:center;
color:maroon;
} |
|
|
arsavi004
Joined: 01 Jun 2009
Posts: 2
|
| Posted: Mon Jun 01, 2009 9:38 am htmlcode is as follows |
|
|
<html>
<head>
<title>BBC Website</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<script language="Javascript" type="text/javascript" src="Ajaxupdated.js"></script>
<script language="javascript" type="text/javascript">
<!--
function getMessage(){
var eltH2=document.getElementById("twitmessage");
eltH2.innerHTML="Tweet Successful";
return;
}
-->
</script>
</head>
<body onload="GetRSS()">
<div id="header"><!--header-div starts here-->
<div id="header-left"><img src="images/bbc-logo.jpg"></img></div>
<div id="header-mid">Headline goes here</div>
<div id="header-right"><h2>New Member Offer</h2></div>
</div><!--header-div ends here-->
<div id="left"><!--left-div starts here-->
<div id="contact">
<b>(608) 721-0861</b><br>
<b>313 W Beltline Hwy Ste 115</b><br>
<b>Madison, WI 53713</b>
</div>
<div id="logos">
<div id="head">Introduction</div>
<div id="body">
<div><img src="http://www.greatermadisonchamber.com/images/client/background/header.jpg" width="228" height"39"></img></div>
</div>
<div id="foot"></div>
</div>
</div><!--left-div ends here-->
<div id="mid"><!--mid-div starts here-->
<div id="intro"><!--intro-div starts here-->
<div id="head">Introduction</div>
<div id="body">
<div>
<p> Affordable office and meeting space, products, services, and training to assist you in keeping costs low and giving you the
ability to grow your business without the other distractions. </p>
<p> Networking events, business education, startup assistance and advice, technology advice, corporate startup assistance for tax
savings and asset protection.</p>
</div>
</div>
<div id="foot"></div>
</div><!--intro-div ends here-->
<br><br>
<div id="twit"><!--twit-div starts here-->
<div id="head">My Twitter</div>
<div id="body">
<div id="twitbody">
<form name='form1' method="post" action="twit.php">
Username: <input type="text" name="username" /><br />
Password: <input type="password" name="password" /><br />
POST:<br />
<textarea name="data" rows="5" cols="55">
</textarea><br />
<input type="submit" name="submit" value="twitThis" onclick="getMessage()" />
<h2 id="twitmessage"></h2>
</form>
</div>
</div>
<div id="foot"></div>
</div><!--twit-div ends here-->
<br><br>
<div id="twine"><!--twine-div starts here-->
<div id="head">My Twine</div>
<div id="body">
<div id="twinebody"></div>
</div>
<div id="foot"></div>
</div><!--twine-div ends here-->
</div> <!--mid-div ends here-->
<div id="right"><!--right-div starts here-->
<div id="head">My Events</div>
<div id="body">
<div id="events">
<p>EVENT-1</p>
<p>EVENT-2</p>
<p>EVENT-3</p>
<p>EVENT-4</p>
</div>
</div>
<div id="foot"></div>
</div><!--right-div ends here-->
</body>
</html> |
|
|
| |
|
|
|
Powered by phpBB Search Engine Indexer
Powered by phpBB 2.0.19 © 2001, 2002 phpBB Group
|
