السلام عليكم ورحمة الله وبركاته ..
طبقت المثال الثاني لأنه اخف وأسرع ..~
أخوي .. ابغى الازرار تكون وسط الصفحة .. حاولت بس ما عرفت .. جات الأزرار في يمين الصفحة
مثال : لآحظ معي ان الأزرار في جهة اليمين في الهيدر .. أبغاها تكون في الوسط .. كيف ؟؟؟ ما عرفت
هذي أكواد جزء style
كود PHP:
.dream1{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream1 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream1:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream1 a:hover {
color:#fff;
}
.dream2{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream2 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream2:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream2 a:hover {
color:#fff;
}
.dream3{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream3 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream3:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream3 a:hover {
color:#fff;
}
.dream4{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream4 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream4:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream4 a:hover {
color:#fff;
}
.dream5{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream5 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream5:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream5 a:hover {
color:#fff;
}
.dream6{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream6 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream6:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream6 a:hover {
color:#fff;
}
.dream7{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream7 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream7:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream7 a:hover {
color:#fff;
}
.dream8{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream8 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream8:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream8 a:hover {
color:#fff;
}
.dream9{
background:url('dream/b-t/bt-1.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream9 a {
color:#FFFFFF;
font: 10pt tahoma;
text-decoration:none;
}
.dream9:hover {
background:url('dream/b-t/bt-2.gif') no-repeat;
float:right;
left:20px;
height:30px;
width:90px;
text-align:center;
padding-top:5px;
left:20px;
}
.dream9 a:hover {
color:#fff;
}
يتبع