Wed, 2011-08-31 06:45
I've got a basic page, very basic in fact <div class="MainPage"> and inside that I have <div class="Header">
Inside the header class I want to have 3 buttons, left middle and right and side of the white form which is set in the MainPage class.
How can I evenly split these?
Wed, 2011-08-31 12:35
#1
It depends
You haven't really provided enough info. A look at what code you have already (HTML & CSS) and a visual of what the page is supposed to look like would help.
Wed, 2011-08-31 19:31
#2
Here is my code, two to the
Here is my code, two to the left, one to the right.
.HeadL{ float:left; } .HeadM{ float:none; margin: 0 auto; } .HeadR { float:right; } .Header{ min-height: 50px; height: 50px; width: 1024px; margin-left:auto; margin-right:auto; }
<div class="Header"> <img class="HeadL" src="images/bnt1.jpg" /> <img class="HeadM" src="images/btn2.jpg" /> <img class="HeadR" src="images/btn3.jpg" /> </div>
Wed, 2011-08-31 21:53
#3
.HeadM
.HeadM shouldn't need any styles applied to it. Just make .Header text-align:center and add overflow:hidden to it too to contain the floats.
Thu, 2011-09-01 06:46
#4
true, thanks. I'm very new to
true, thanks. I'm very new to CSS.
I have another question, I'll load a new thread.
Sat, 2011-10-01 04:59
#5
Just divide the div tag in
Just divide the div tag in the three in three partition...
and put the images in that particular partitions...