New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Web Design and Hosting Creating sites, scripting, and hosting discussions.

Need CSS Expert please :)


Post Reply New Thread Subscribe

 
Thread Tools
Lewwy

 
Lewwy's Avatar
 
Member Since: May 21, 2007
Posts: 198
Lewwy is on a distinguished road
Mac Specs: 15" Macbook Pro, 2.16gz, 2gb RAM || 20" iMac, 2.4gz, 2gb RAM

Lewwy is offline
Hey, my site should look like this when viewed in a browser :


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

Here is the CSS for anyone who understands

[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>
[/HTML]

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 !
QUOTE Thanks
EDIT-XTREEM

 
EDIT-XTREEM's Avatar
 
Member Since: Jun 27, 2005
Location: In the mac store and at home on my iMac
Posts: 1,165
EDIT-XTREEM has a spectacular aura about

EDIT-XTREEM is offline
One of my friends, Leo Mancini is a CSS expert, his site is http://leomancini.net, try contacting him there..

Mac Pro (Early 2009) 8 Core 2.26 GHz, 6 GB Ram, 640 GB Drive. Dell 2408WFP.
QUOTE Thanks
Lewwy

 
Lewwy's Avatar
 
Member Since: May 21, 2007
Posts: 198
Lewwy is on a distinguished road
Mac Specs: 15" Macbook Pro, 2.16gz, 2gb RAM || 20" iMac, 2.4gz, 2gb RAM

Lewwy is offline
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
QUOTE Thanks
giulio

 
giulio's Avatar
 
Member Since: Mar 19, 2007
Location: NY USA
Posts: 1,813
giulio is just really nicegiulio is just really nicegiulio is just really nicegiulio is just really nice
Mac Specs: iMac 5.1 | iMac 7.1 | iPod Touch | iPod Nano

giulio is offline
Try the following edits...

Code:
 .content2 {site (line 57)
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 {site (line 46)
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>
Attached Images
File Type: png Picture 1.png (294.5 KB, 6 views)

schweb This has to be one of the best threads ever in MF history...
Cherokee This gets my vote for most innovative thread on Mac-Forums... ever.
QUOTE Thanks
Lewwy

 
Lewwy's Avatar
 
Member Since: May 21, 2007
Posts: 198
Lewwy is on a distinguished road
Mac Specs: 15" Macbook Pro, 2.16gz, 2gb RAM || 20" iMac, 2.4gz, 2gb RAM

Lewwy is offline
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

Thanks for any more help you can provide.
QUOTE Thanks

Post Reply New Thread Subscribe


« Why does Google show up as GOOGLE.CA | Stupid question of the year »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Forum Jump

Similar Threads
Thread
Thread Starter
Forum
Replies
Last Post
trouble with CSS and Dreamweaver hippy.green Web Design and Hosting 2 06-18-2007 06:56 AM
G4 Sawtooth AGP - USB problem at startup / firmware kay_mac Apple Desktops 8 04-21-2007 07:02 PM
javascript detect & CSS. design2 Web Design and Hosting 4 04-20-2005 02:50 PM
My first tableless CSS layout ChicoWeb Web Design and Hosting 17 01-18-2005 03:57 PM
CSS strangeness in Safari only!? stevenjohn Web Design and Hosting 1 03-29-2004 08:08 AM

All times are GMT -4. The time now is 01:58 PM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?