Need to make a 2 section box for content

Posted on 2011-10-03
Last Modified: 2012-06-27
I know little to nothing about css but I am trying.
I have a landing page that used to be filled up with a static image.

Now I need to change it to a css design with a revolving image, and a video I was told not to use tables.

The box that I need has two sections side by side in the center of the page, the first section is for a reotating image and is 450pixels the second is for a video player and is 255px
the height on both is 270px  there should be a 10px border between them but the remaining space on either side should be filled with grey and the content should always be centered.

sounds easy but nothing I do makes it even close.

Can someone code that for me?  Show me how to create the two boxes?
Question by:EGormly
    LVL 22

    Accepted Solution

    perfect tutorial for you :)

    Author Comment

    sweet, thanks

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Enabling OSINT in Activity Based Intelligence

    Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

    Suggested Solutions

    Title # Comments Views Activity
    CSS Animation 2 35
    need css help on this 10 35
    Recommended largest retina image size? 4 39
    Help changing these green boxes 2 16
    Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
    This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
    In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
    In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…

    758 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    9 Experts available now in Live!

    Get 1:1 Help Now