- This topic is empty.
-
AuthorPosts
-
May 22, 2013 at 5:36 am #44972ibnuMember
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
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
Sed euismod erat eu sem nam eu
Quisque venenatis, ipsum nec tincidunt ultrices, sem metus mattis erat, molestie scelerisque dolor augue ut orci. Maecenas vehicula dignissim leo. Continue reading…
Sed euismod erat eu sem nam eu
Quisque venenatis, ipsum nec tincidunt ultrices, sem metus mattis erat, molestie scelerisque dolor augue ut orci. Maecenas vehicula dignissim leo. Continue reading…
Latest Projects
> 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;
}
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.
- The forum ‘CSS’ is closed to new topics and replies.