Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Basic Site/CSS3

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #44972
    ibnu
    Member

    I am new to web design and for little bit difficult this part…

    I am struggle to short out in the CSS here. please guide me to place div’s in proper place.

    > HTML>




    RGC

    my logo

    twitter icon
    facebook icon
    google plus icon
    youtube icon


    Banner

    Welcome to RGC

    RGC was founded in February 1995, to cater the needs of the growing industrial construction market and its related works across europe

    RGC has been contracted to perform various Engineering, Construction and Maintenance works by giant manufacturing firms who demands quick mobilization and punctual schedule of work’s completion and known for its reliability and punctuality in delivering the services.

    RGCE is set to provide its Industrial customers on one-stand premium solution for all their Engineering, Construction, and Maintenance Projects with uncompromising Quality.

    The Company strives to conduct its business Fairly & Honesty and with Consideration to the Long Term needs of all its Stake Holder, Clients, Employees, Sub-Contractor, Supplies and Service Providers.

    NEWS & PRESS

    Latest Projects

    Project one

    PROJECT NAME

    Project two

    PROJECT NAME

    Project three

    PROJECT NAME


    > CSS>

    body {
    background-image : url(./img/bg.jpg);
    background-repeat : repeat;
    }
    header, nav, footer, article, section, aside {
    display : block;
    }
    #main_header #logo {
    height : 80px;
    margin-top:10px;
    }

    #main_header #social_icon {
    float : right;
    display : block;
    width:100px;
    margin-top: 10px;
    }

    #main_header #search {
    float : right;
    display : block;
    width: 180px;
    margin-top:50px;
    }

    #main_header #main_nav {
    height : 45px;
    background:url(./img/nav.png) no-repeat center top;
    }
    #slider {
    height : 485px;
    }
    #main_content #welcome {
    height : 260px;
    }
    #main_content #news_press {
    height : 260px;
    }
    #latest_Projects {
    height : 260px;
    }
    #client_slider {
    height : 80px;
    }
    #main_footer {
    height : 270px;
    }
    #logo {
    background : url(img/logo.png) no-repeat transparent;
    text-indent : -7777em;
    }
    #logo a {
    display : block;
    width : 316px;
    height : 80px;
    }
    #main_nav h1 {
    text-indent : -7777em;
    }
    #main_nav li {

    float : left;
    display : inline;
    margin : 5px 5px 0 5px;
    text-transform : capitalize;
    }
    #main_content #welcome p {
    font : normal normal 12px/1.5 ‘Abel’, Tahoma, Geneva, sans-serif;
    color : #4f4f4f;
    padding : 0 0 20px 0;
    }
    #latest_projects h1 {
    padding : 10px 0 10px 0;
    border-bottom : 1px dotted #333;
    margin : 0 10px 20px;
    font : bold 24px/1.5 Tahoma, Geneva, sans-serif;
    color : #505b4d;
    text-transform : capitalize;
    }
    .projects h3 {
    padding : 10px 0;
    font : bold 18px/1.5 Tahoma, Geneva, sans-serif;
    color : #505b4d;
    }
    .projects p {
    font : normal normal 12px/1.5 Tahoma, Geneva, sans-serif;
    color : #4f4f4f;
    padding : 0 0 20px 0;
    }
    #latest_Projects span {
    display : block;
    border-bottom : 1px dotted #333;
    margin : 0 10px;
    }

#124158
Paulie_D
Member

Please make a Codepen with the above…it’s far too long to parse properly in it’s current form.

We’d also need to see what the design is supposed to look like.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.