Need CSS Expert please :)

Joined
May 21, 2007
Messages
198
Reaction score
5
Points
18
Your Mac's Specs
15" Macbook Pro, 2.16gz, 2gb RAM || 20" iMac, 2.4gz, 2gb RAM
Hey, my site should look like this when viewed in a browser :
evoDesign.png


Unfortunately, it looks like this :
http://www.evolewtion.co.uk/site

Here is the CSS for anyone who understands :p

HTML:
<style type = "text/css">
body{
	margin: 0px;
	font-family: Verdana;
	font-size: 10px;
	background-color: #FFFFFF;
}

.container {
	width: 500px;
	height: auto;
	background-color: #fff;
	margin:0 auto;
	margin-top: 20px;
}

.menu {
	width: 100%;
	height: 13px;
	color: #d4c8cc;
	border-color: #ff3288;
	border-width: 12px;
	border-style: solid;
}

.header {
	width: 1000px;
	height: auto;
	
}

.promotions {
	border-bottom: 10px solid #000;
	width: 1000px;
	height: auto;
}

.content1 {
	background-color: #fff;
	width: 200px;
	height: 50%;
	margin-top: 10px;
	margin-right: 20px;
	float: left;
	border-left-style: dashed;
	border-left-color: #ff3bd6;
}

.content2{
	
	width: 550px;
	height: 100%;
	float: right;
	position:static;
	margin-top: 10px;
	background-color: #fff;
	border-left-style: dashed;
	border-left-color: #5cf900;
	padding-left: 10px;
}

</style>

How do I get the contact section (or content2 as labelled in CSS Stylesheet) to display side by side with 'hmm' or 'content1'. Any help is GREATLY appreciated.

Another problem is the site displays to the right, I have tried a few methods to center it, but none seem to work, even put it all in a table and had that centered, but it didnt work :(

Again, thanks for any help !
 
OP
Lewwy
Joined
May 21, 2007
Messages
198
Reaction score
5
Points
18
Your Mac's Specs
15" Macbook Pro, 2.16gz, 2gb RAM || 20" iMac, 2.4gz, 2gb RAM
Sugar, now ive edited it so it might look like its in the middle for you.. but ive just given it a left margin of 200px, so if your screen isnt the same size as mine, it will look wrong :(
 
Joined
Mar 19, 2007
Messages
1,814
Reaction score
137
Points
63
Location
NY USA
Your Mac's Specs
iMac 5.1 | iMac 7.1 | iMac 12.1 | iMac 19.1 | iPhone 11 Pro | Watch s5
Try the following edits...

Code:
 .content2 {[URL="http://www.mac-forums.com/forums/"]site (line 57)[/URL]
background-color:#FFFFFF;
border-left-color:#5CF900;
border-left-style:dashed;
float:right;
height:100%;
margin-top:10px;
padding-left:10px;
position:static;
width:50%;
}

.content1 {[URL="http://www.mac-forums.com/forums/"]site (line 46)[/URL]
background-color:#FFFFFF;
border-left-color:#FF3BD6;
border-left-style:dashed;
margin-right:20px;
margin-top:10px;
}
Then reverse the divs content1 and content2 (content2 should come first)...

Code:
<div class="contentholder">
<div class="content2">
  <p align="left"><strong><img width="400" height="100" src="images/For Web/contact_header.jpg"/><br/>
  </strong>Hey, please use the below form or other methods to contact our team, whether it be for an online quote, a thanks, congratulations, constructive criticism or a random chat. We really do look forward to your message. We aim to get back to every e-mail sent to us (not including dirty spam) within 24 hours. </p>
  <form id="form1" name="form1" method="post" action="">
    <p>First Name* : 
       <input type="text" name="textfield"/>
    </p>
    <p>Last Name : 
      <input type="text" name="textfield2"/>
    </p>
    <p>E-mail Address* : 
      <input type="text" name="textfield3"/>
    </p>
    <p>Contact Number : 
      <input type="text" name="textfield4"/>
    </p>
    <p>Best Time to Call You?<br/>
      <select name="select">
        <option value="nine and ten">9.00 - 10.00</option>
        <option value="ten and eleven">10.00 - 11.00</option>
        <option value="eleven and twelve">11.00 - 12.00</option>
        <option value="twelve and one">12.00 - 13.00</option>
        <option value="one and two">13.00 - 14.00</option>
        <option value="two and three">14.00 - 15.00</option>
        <option value="three and four">15.00 - 16.00</option>
        <option value="four and five">16.00 - 17.00</option>
        <option value="five and six">17.00 - 18.00</option>
        <option value="six and seven">18.00 - 19.00</option>
        <option value="seven and eight">19.00 - 20.00</option>
        <option value="eight and nine">20.00 - 21.00</option>
      </select>
</p>
    <p>How many pages will you require : 
      <input type="text" name="textfield5" size="5" maxlength="2"/>
    </p>
    <p> </p>
    <p> </p>
    <p> </p>
  </form>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
</div>
<div class="content1">
  <p>Hmm</p>
  <p>Hmm</p>
  <p>Hmm</p>
  <p>Hmm</p>
  <p>Hmm</p>
  <p>Hmm</p>
</div>  
</div>

Picture 1.png
 
OP
Lewwy
Joined
May 21, 2007
Messages
198
Reaction score
5
Points
18
Your Mac's Specs
15" Macbook Pro, 2.16gz, 2gb RAM || 20" iMac, 2.4gz, 2gb RAM
Thanks for the help Giulio, I managed to get that bit fixed by adding another div tag to contain all of the content, but now the most annoying bit remains, the centering of the whole site.

Im gonna try one more thing before I curl up and cry :D

Thanks for any more help you can provide.
 

Shop Amazon


Shop for your Apple, Mac, iPhone and other computer products on Amazon.
We are a participant in the Amazon Services LLC Associates Program, an affiliate program designed to provide a means for us to earn fees by linking to Amazon and affiliated sites.
Top