|
|
| নির্বাচিত পোস্ট | লগইন | রেজিস্ট্রেশন করুন | রিফ্রেস |
ভাই আমি একজন নতুন এইচটিএমএল/সিএসএস প্রোগ্রামার। আমি একটা ওয়েব ডিজাইন করেছি এইচটিএমএল/সিএসএস ব্যবহার করে।
আমার ডিজাইন এর সমস্যা হল সব ব্রাউজার এ ঠিক আসে কিন্তু ইন্টারনেট এক্সপ্লোরার এ ২ টা পরশন ভেঙ্গে যাই।
কোন প্রোগ্রামার ভাই কি আমাকে দয়া করে সাহায্য করবেন? আমাকে যদি সিএসএস কোড সহ দেখান খুব উপক্রিত হব।
আমার করা টোটাল কোড টা দিয়া দিলাম আপনাদের বোঝার সুবিধারথে। দয়া করে আমার ভুল টা ধরিয়া দিবেন।
সিএসএস কোড-
@charset "utf-8";
/* CSS Document */
body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
}
/* Header Start */
.header
{
width:100%;
height:110px;
background-color:#333333;
}
.wrapper
{
width:960px;
margin:auto;
height:auto;
}
.logo
{
width:200px;
height:80px;
margin-top:20px;
float:left;
margin-left: -18px;
}
.live-contact
{
width:150px;
height:30px;
margin-top:40px;
float:right;
}
/* Header End */
/* Menu Start */
.main-menu
{
width:100%;
height:60px;
margin-top:0px;
float: right;
background-color:#141414;
border-bottom: 2px solid #e00f16;
}
.companyname
{
width:360px;
height:60px;
float: left;
margin-top: -88px;
}
.slogan {
color: #00FFFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 37px;
float: left;
margin-top: 85px;
height: 78px;
}
.menu
{
width:600px;
height:60px;
margin-top:0px;
float: right;
}
.menu-list
{
width:600px;
height:60px;
float: left;
}
/* Menu End */
/* Slider Start */
.slider
{
width:100%;
height:450px;
}
/* Slider End */
/* Contant Start */
.contant
{
width:100%;
height:auto;
margin-top: 55px;
border-top: 2px solid #BEBEBE;
}
.service-1
{
width:100%;
height:200px;
}
.service-2
{
width:100%;
height:225px;
}
.web-design
{
width:320px;
height:200px;
float:left;
margin-top:30px;
}
.service-icon
{
float:left;
width:30px;
height:30px;
margin-top:0px;
}
.heading
{
float: left;
font-size: 24px;
margin-left: 55px;
margin-top: -27px;
}
.description
{
float:left;
font-size:12px;
margin-top:10px;
padding-left:55px;
}
.learn-more
{
float:left;
font-size:12px;
margin-top:8px;
padding-left:232px;
}
.web-development
{
width:320px;
height:200px;
float:left;
margin-top:30px;
}
.software-development
{
width:320px;
height:200px;
float:right;
margin-top:30px;
}
.recent-work
{
width:100%;
height:auto;
}
.work
{
width:100%;
height:125px;
margin-top:15px;
}
.blog
{
width:100%;
height:auto;
margin-top:20px;
}
.incoming-blog
{
width:100%;
height:358px;
margin-top:10px;
}
.service-social
{
width:100%;
height: 297px;
}
.our-service
{
width:326px;
height:297px;
float:left;
}
.recent-tweets
{
width:317px;
height:297px;
float:left;
}
.recent-tweets-dot
{
width:100%;
height:auto;
font-family:Verdana, Geneva, sans-serif;
}
.tweets-icon
{
width:10px;
height:10px;
margin-top:30px;
margin-left:5px;
}
.tweets-message-1
{
float: left;
font-size: 12px;
margin-top: -24px;
padding-left: 55px;
}
.flickr
{
width:317px;
height:297px;
float:left;
}
.flickr-dot
{
width:100%;
height:auto;
font-family:Verdana, Geneva, sans-serif;
}
.flickr-plugin
{
float: left;
height: auto;
margin-top: 24px;
padding-left: 15px;
width: 100%;
}
.service-icon
{
width:100%;
height:auto;
}
.service-detail
{
width:100%;
height:auto;
margin-top:15px;
float:left;
font-family:Verdana, Geneva, sans-serif;
}
/* Contant End */
/* Our Skill Start */
.our-skill
{
width:100%;
height:200px;
background-color:#F1F1F1;
}
.skill
{
border-bottom: medium none;
border-radius: 0 38px 0 0;
color: #006600;
font-family: "Courier New",Courier,monospace;
font-size: 26px;
font-weight: bold;
height: 30px;
text-align: center;
width: 200px;
background-color:#F1F1F1;
}
.our-skill-slider
{
width:100%;
height:180px;
background-color:#F1F1F1;
}
/* Our Skill End */
/* Footer Start */
.footer
{
width:100%;
height:430px;
background-color:#333;
}
.footer-colum li a
{
text-decoration:none;
}
.footer-colum ul
{
margin-top:23px;
margin-bottom: auto;
margin-left: -36px;
}
.footer-colum li
{
list-style: none;
list-style-type: none;
margin-top: 1px;
border-top: 1px dotted #6F6F6F;
}
.service-list
{
width:100%;
height:20px;
margin-top:35px;
color: #F3F;
}
.web-colum
{
width:213px;
height:390px;
float:left;
font-size:12px;
color:#FF3300;
line-height:20px;
}
.graphics-colum
{
width:213px;
height:390px;
float:left;
font-size:12px;
color:#FF3300;
margin-left:30px;
line-height:20px;
}
.marketing
{
width:213px;
height:280px;
float:left;
font-size:12px;
color:#FF3300;
margin-left:30px;
line-height:20px;
}
.border
.border
{
border-bottom:1px dotted #6F6F6F;
}
.we-accept-logo
{
float: right;
height: 30px;
margin-right: 346px;
margin-top: -78px;
width: 110px;
}
.free-quote
{
width:240px;
height:280px;
float:left;
color:#576666;
margin-left:10px;
margin-top: 4px;
}
.align
{
margin-top:14px;
padding-left:24px;
}
.color
{
background:#353535;
border:#4B4B4B 1px solid;
color:#666666;
}
.social-network
{
width:140px;
height:30px;
float:right;
margin-top:37px;
}
/* Footer End */
/* Copyright Start */
.copyright
{
width : 100%;
height : 50px;
background-color : #242424;
}
.w3c-html
{
width : 40px;
height : 50px;
float : left;
}
.w3c-css
{
width : 40px;
height : 50px;
float : right;
margin-right:43px;
}
/* Copyright End */
বড় আশা নিয়া অপেক্ষায় রইলাম।
০ টি 
+০/-০©somewhere in net ltd.
