Results 1 to 5 of 5
  1. #1

    Lewwy's Avatar
    Member Since
    May 21, 2007
    Posts
    198
    Specs:
    15" Macbook Pro, 2.16gz, 2gb RAM || 20" iMac, 2.4gz, 2gb RAM
    Need CSS Expert please :)
    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 !

  2. #2

    EDIT-XTREEM's Avatar
    Member Since
    Jun 27, 2005
    Location
    In the mac store and at home on my iMac
    Posts
    1,165
    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.

  3. #3

    Lewwy's Avatar
    Member Since
    May 21, 2007
    Posts
    198
    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

  4. #4

    giulio's Avatar
    Member Since
    Mar 19, 2007
    Location
    NY USA
    Posts
    1,813
    Specs:
    iMac 5.1 | iMac 7.1 | iPod Touch | iPod Nano
    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 Attached Images
    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.

  5. #5

    Lewwy's Avatar
    Member Since
    May 21, 2007
    Posts
    198
    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

    Thanks for any more help you can provide.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Need your expert advice
    By odenkun in forum Apple Desktops
    Replies: 7
    Last Post: 07-01-2013, 06:39 PM
  2. I need a Wi-Fi expert...
    By darrylyoung in forum Internet, Networking, and Wireless
    Replies: 22
    Last Post: 07-04-2011, 09:53 AM
  3. Need help from an expert...
    By ByzantineRemnant in forum Apple Desktops
    Replies: 10
    Last Post: 07-16-2008, 03:24 AM
  4. I need expert help.
    By dvd in forum Apple Desktops
    Replies: 8
    Last Post: 08-30-2005, 06:10 PM
  5. Need Expert Help
    By ineedanewmac in forum Apple Notebooks
    Replies: 6
    Last Post: 07-04-2005, 08:41 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •