Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

increasing height in CSS

Status
Not open for further replies.
0211

0211

Technical User
Oct 14, 2003
35
US
Hi everyone:
I am new to CSS. I have this order form and the CSS part of it was given to me by another person. I am learning CSS but I need to know how to increase the height of the area that my flyers are in so it would fit more than 4. When I added the 5th flyer, it overlapped into the next area of the order form. Can someone help me here? I'll really appreciate it.....
Here is the part I think I have problem with:
<style type=&quot;text/css&quot;><!--

body{margin:0;}

.container_l{width:50%;height:500%;border-bottom:0}
.container_r{width:50%;height:500%;border-bottom:0;position:absolute;top:0;left:50%;}

.container{text-align:center;padding:10px;}

.container .thumb{width:100px;height:100px;margin:0 0 10px 0;}
.container .inputadd{width:75px;margin:0 0 5px 0;}
.container .inputcust{width:50px;}
.container .inputaddcust{width:150px;}

.giftgroup{margin:10px;}

.displayarea{width:98%;position:relative;left:1%;margin:5px 0;padding:0;}

--></style>
<META content=&quot;MSHTML 6.00.2800.1106&quot; name=GENERATOR></HEAD>
<BODY onload=&quot;add('all',0);&quot;>
<FORM name=ord onsubmit=&quot;return checkflyercount()&quot;
action=mailto:morgan@roverwireless.com method=post>


<div class=&quot;container_l&quot;>

<div class=&quot;container&quot;>

<a href=&quot;images/Large/abc1small.jpg&quot; onclick=&quot;displayimage(this.href,'');return false;&quot;>
<img src=&quot;images/Thumbs/abc1small.jpg&quot; width=&quot;60&quot; height=&quot;50&quot; alt=&quot;Flyer 1&quot; class=&quot;thumb&quot;></a><BR>
<input type=&quot;button&quot; value=&quot;Minimum Order=2500&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(0,2500);return false;&quot; value=&quot;Add 2500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(0,1000);return false;&quot; value=&quot;Add 1000&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(0,500);return false;&quot; value=&quot;Add 500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;text&quot; onblur=&quot;this.value=checkval(this.value);return false;&quot; name=&quot;flyer0custval&quot; value=&quot;0&quot; class=&quot;inputaddcust&quot;>
</div>


<div class=&quot;container&quot;>

<img src=&quot;images/nationalprogram1.jpg&quot; alt=&quot;Flyer 3&quot; class=&quot;thumb&quot;><br>

<input type=&quot;button&quot; value=&quot;Minimum Order=2500&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(2,2500);return false;&quot; value=&quot;Add 2500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(2,1000);return false;&quot; value=&quot;Add 1000&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(2,500);return false;&quot; value=&quot;Add 500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;text&quot; onblur=&quot;this.value=checkval(this.value);return false;&quot; name=&quot;flyer2custval&quot; value=&quot;0&quot; class=&quot;inputaddcust&quot;>

</div>

</div>



<div class=&quot;container_r&quot;>

<div class=&quot;container&quot;>

<a href=&quot;images/Large/millionnaire1.jpg&quot; onclick=&quot;displayimage(this.href,'');return false;&quot;>
<img src=&quot;images/Thumbs/millionnaire1.jpg&quot; width=&quot;60&quot; height=&quot;50&quot; alt=&quot;Flyer 2&quot; class=&quot;thumb&quot;></a><BR>
<input type=&quot;button&quot; value=&quot;Minimum Order=2500&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(1,2500);return false;&quot; value=&quot;Add 2500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(1,1000);return false;&quot; value=&quot;Add 1000&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(1,500);return false;&quot; value=&quot;Add 500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;text&quot; onblur=&quot;this.value=checkval(this.value);return false;&quot; name=&quot;flyer1custval&quot; value=&quot;0&quot; class=&quot;inputaddcust&quot;>

</div>


<div class=&quot;container&quot;>



<a href=&quot;images/abc2small.jpg&quot; onClick=&quot;displayimage(this.href,'');return false;&quot;>
<img src=&quot;images/abc2small.jpg&quot; width=&quot;60&quot; height=&quot;50&quot; class=&quot;thumb&quot;></a><br>
<input type=&quot;button&quot; value=&quot;Minimum Order=2500&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(3,2500);return false;&quot; value=&quot;Add 2500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(3,1000);return false;&quot; value=&quot;Add 1000&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(3,500);return false;&quot; value=&quot;Add 500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;text&quot; onblur=&quot;this.value=checkval(this.value);return false;&quot; name=&quot;flyer3custval&quot; value=&quot;0&quot; class=&quot;inputaddcust&quot;>

</div>

<div class=&quot;container&quot;>



<a href=&quot;images/abc2small.jpg&quot; onClick=&quot;displayimage(this.href,'');return false;&quot;>
<img src=&quot;images/abc2small.jpg&quot; width=&quot;60&quot; height=&quot;50&quot; class=&quot;thumb&quot;></a><br>
<input type=&quot;button&quot; value=&quot;Minimum Order=2500&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(4,2500);return false;&quot; value=&quot;Add 2500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(4,1000);return false;&quot; value=&quot;Add 1000&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;button&quot; onclick=&quot;add(4,500);return false;&quot; value=&quot;Add 500&quot; class=&quot;inputadd&quot;><br>
<input type=&quot;text&quot; onblur=&quot;this.value=checkval(this.value);return false;&quot; name=&quot;flyer4custval&quot; value=&quot;0&quot; class=&quot;inputaddcust&quot;>

</div>
</div>

<p></p><hr>
 
Sort by date Sort by votes
Well...

That is a HUGE portion of code to debug. However, I see that you mix % and px values in heights. That *can* be your problem...

A link would be nice & easier to debug -perhaps...!?!

Good luck


Jakob
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
783
pmonett
pmonett
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
799
spamjim
spamjim
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
622
PeDa
PeDa
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller

Part and Inventory Search

Sponsor

Back
Top