Is there anyway I can make this work? I am trying keep this Google Maps CSS and HTML in the header but I want the social media icons to appear next to it like the normal header style. Right now I have the customer header disabled and the following code.
Header HTML:
<div id=”middle”>
<div id=”goomap”>
</p>
<!–map start–>
<!–Positions map in page –>
<iframe width=”350″ height=”325″ float=”right” frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=19505%2BForestdale%2BCt.%2BMokena%2C%2BIL%2B60448&ie=UTF8&z=12&t=m&iwloc=addr&output=embed”></iframe>
<br />
<!–map end–>
</div>
<div id=”middlecontent”>
<h1>OVC Lawyer Marketing</h1>
<p>
(312) 953-3826
<br>
19505 Forestdale Ct.<br>
Mokena, IL 60448<br>
</div>
</div>
Stylesheet CSS:
#middle {
margin-right: auto;
margin-left: auto;
width: 70%;
height: 400px;
margin-top: 65px;
border:1px solid #FFFFFF;
background-color:#FFFFFF;
}
#middlecontent {
font: normal 12px “Trebuchet MS”, Arial, Helvetica, sans-serif;
padding: 10px;
.
.