No replies
midani222
midani222's picture
Offline
newbie
Indianapolis Greater Metropolitan Area
Last seen: 6 years 23 weeks ago
Indianapolis Greater Metropolitan Area
Timezone: GMT-4
Joined: 2013-06-26
Posts: 1
Points: 2

Hello I have some tags you will not recognize in html, however, it does work when I load it from my editor/processor (the tags that seem foreign). My main problem is that I have a div called wrap containing both menu and content divs. These divs has classes called panel and panel content (menu has panel content/content has no content class associated with it.) My main problem is that I cannot get the div called content to appear in the correct position when juxtaposed with menu. The only thing I can do to make it display properly is to put an absolute tag on it. I would like to see about changing something in another manner, other than absolute to force that div to display its text at the top of the div. Any comments appreciated, Thank You, Michele

 
 
 /* the panel collapse styles go here*/
 
 
		/* panel */
.panel, .panelcollapsed 
{
	background: #2B37E0;
	margin: 5px;
	padding: 0px 0px 5px;
	width: 100%;
	border: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
 
/* panel heading */
.panel h2, .panelcollapsed h2 
{
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 4px;
	background: #2B37E0 url(../images/arrow-up.gif) no-repeat 280px;
	border-bottom: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
 
/* panel heading on rollover */
.panel h2:hover, .panelcollapsed h2:hover { background-color: #C5D6FC;color:#000000; }
 
/* heading of a collapsed panel */
.panelcollapsed h2 
{
	background: #2B37E0 url(../images/arrow-dn.gif) no-repeat 280px;
	border-color: #CCC;
}
 
/* panel content - do not set borders or paddings */
.panelcontent 
{ 
	background-color: #000000;
	color:#ffffff; 
 
}
 
/* collapsed panel content */
.panelcollapsed .panelcontent { display: none; }
 
 
<div id="wrap" class="panel" style="float:left;display: block;">
      <!--scrolling feature enabled-->
 <marquee loop="infinite" behavior="scroll" direction="up" scrollamount="8" id="test"> <eocrepeatallrecords>
 
  <h2>Incident:<eocfield name="incident" disableclick="true"></eocfield></h2>
 
 
 
 
  <div id ="menu" class="panelcontent" style="background-color:#000000;float:right;" >
 
	<font size="2"><i>Posted on:</i></font><br />
              <font size="3"><b><eocfield name="entrydate" disableclick="true"></eocfield></b></font> <br/> <br/>  
              <font size="2"><i>Posted by:</i></font><br />
              <font size="3"><b><eocfield name="point_of_contact" disableclick="true"></eocfield></b></font><br/>
              <font size="3"><b><eocfield name="county"  template="WebEOC Mapper" disableclick="true"></eocfield></b></font><br/><br/> 
              <font size="2"><i>Street Address:</i></font><br/>
              <font size="3"><b><eocfield name="Street_Address" template="WebEOC Mapper" disableclickck="true"></eocfield></b></font><br/><br/> 
              <font size="2"><i>City:</i></font><br/> 
              <font size="3"><b><eocfield name="city"  template="WebEOC Mapper" disableclick="true"></eocfield></b></font><br/><br/> 
              <font size="2"><i>State:</i></font><br/>
              <font size="3"><b><eocfield name="state"  template="WebEOC Mapper" disableclick="true"></eocfield></b></font><br/><br/> 
              <font size="2"><i>ZIP:</i></font><br/>
              <font size="3"><b><eocfield name="postal_code"  template="WebEOC Mapper" disableclick="true"></eocfield></b></font><br/><br/> 
              <font size="2"><i>Geographic Coordinates:</i></font><br/> 
              <font size="3"><b><eocfield name="latitude"  template="WebEOC Mapper" disableclick="true"></eocfield>&#160;lat</b></font><br/>
              <font size="3"><b><eocfield name="longitude"  template="WebEOC Mapper" disableclick="true"></eocfield>&#160;lng</b></font><br/><br/> 
              <font size="2"><i>Map It:</i></font><br/> 
              <input type="button" name="MapButton" value="Map"></input><br/><br/> 
              <font size="2"><i>County:</i></font><br/>
              <font size="3"><b><eocfield name="originating_location"  template="WebEOC Mapper" disableclick="true"></eocfield></b></font><br/><br/> 
              <font size="2"><i>District:</i></font><br/>
              <font size="3"><b><eocfield name="district" disableclick="true"></eocfield></b></font><br/><br/> 
 
 
	<div id="content" style="float:right;width:80%;">
	<h3>Description</h3>
      <h3><eocfield name="description" disableclick="true"></eocfield></h3> <br/><br/>
           <div style="float:right;padding:5px;"> 
       <viewlink name="District 1 Events" type="button" board="District 1 Events">Edit/Update</viewlink><br/></div>
 
	</div>
 
 </div>
    <div style="clear: both;"></div>
    <div id="footer">
            <p class="dashed" style="font-size:80%;">Warning Message</p>
 
 
 
 
</div> </eocrepeatallrecords></marquee>  
 
           </div>