Question

im trying to make this div have the same styling properties as my textarea below it with the height/width and vertical scrolling: I guess I would have to add this to the css, but not sure how to implement. Thanks for the help

css:

/* Hot Parts...mimics a textarea */
div.tarea {

background-color: #DDDDD0;
margin: 0px;
font: small courier;
width: 100%;
height: 100px; 

}

html:

<div class="tarea"  name="mcRemarkOld" ><c:forEach var="mcbean" items="${form.mcRemarks}">--- ${mcbean.auditable.createdBy.firstName} ${mcbean.auditable.createdBy.lastName}, <fmt:formatDate value="${mcbean.auditable.createdDate}" pattern="${date_time_pattern}" />

        <br><br>${mcbean.remark} ---    <a href="show.view_hotparts_guidelines?id=${mcbean.id}">EDIT!!!!!!</a> 
        <br>
        <br>
        </c:forEach></div><br/>
        </c:if>
            <rbac:check field="<%=Field.HOT_PARTS_SOR_REMARKS%>" display="none">
            <TEXTAREA tabindex="20" name="mcRemark" rows="7" cols="100" scrolling="auto" <c:if test="${not empty lock && !lock.locked && action != 'add'}">disabled="disabled"</c:if>>${form.mcRemark}</TEXTAREA>
            </rbac:check>
        </td>

Answer 1

If you want to add vertical scrolling to it, add the line

overflow-y:auto;

to your CSS.