- Beranda
- Komunitas
- Tech
- Website, Webmaster, Webdeveloper
error desain web , content tidak mau mengikut panjang nya sidebar
TS
numus175
error desain web , content tidak mau mengikut panjang nya sidebar
permisi master saya ada kendala nih , di halaman home awal content bisa mengikuti menu kategori/sidebar , nah terus saya mau buat halaman untuk menampilkan isi artikel atau berita, saya copas dari halaman home dan saya hapus sidebar kanan dan slider yang ada di halaman home tetapi si content tidak mau mengikuti panjang nya sidebar, untuk lebih jelas lihat gambar ,
mohon pencerahan nya .
terima kasih .
kode html nya
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>SMA NURUL MUSTHOFA</title><!--
<link rel="stylesheet" href="css/style.css"> -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<!--[removed][removed]
<link rel="stylesheet" type="text/css" href="css/sliderman.css" />
[removed][removed]
-->
</head>
<body>
<div class="container">
<div class="header"></div>
<div id="cssmenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li class='has-sub'><a href="#"><span>Profil</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Visi Dan Misi</span></a></li>
<li class='has-sub' ><a href='#'><span>Tentang Sekolah</span></a></li>
<li class='has-sub'><a href='#'><span>Sambutan Kepala Sekolah</span></a></li>
<li class='has-sub'><a href='#'><span>Kontak Sekolah</span></a></li>
</ul>
</li>
<li><a href="#"><span>Guru dan Pegawai</span></a></li>
<li><a href="#"><span>Kesiswaan</span></a></li>
<li><a href="#"><span>Fasilitas</span></a></li>
<li><a href="#"><span>Prestasi</span></a></li>
</ul>
</div>
<div class="wrapper">
<div class="sidebarkanan">
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
</div>
<div class="sidebarkiri">
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
</div>
<div class="content">
<!-- awal slider -->
<?php
include 'functions/slider.html';
include 'functions/headlinews.php';
?>
</div>
<!-- end slider -->
</div>
</body>
</div>
<footer>
<div class="footer">
<span> Copyright 2014 Created BY Taufik</span>
</div>
</footer>
</html>
[url]http://S E N S O R/hDH2hKLt[/url]
kode css nya
.header{
width:960px;
height:150px;
background: url(../images/header.jpg);
}
.footer{
width:960px;
height:50px;
padding-top: 20px;
background: #098;
text-align:center;
margin:0px auto;
clear:both;
}
.container{
margin: 0 auto;
width: 960px;
min-height:750px;
height:auto;
background: #ffffff;
padding: 5px 5px 0px 5px;
}
.wrapper{
width: 960px;
/*min-height:500px;*/
height: auto;
background:#ffffff;
/*
min-height:250px;
height: 100%;
background: #f3f3f3;*/
margin:0px auto;
margin-bottom:0px;
}
.bodywrapper{
font-family: 'arial', sans-serif;
width:170px;
height:100%;
margin:5px auto;
margin-bottom:10px;
border: 1px solid #030303;
}
.content{
width: 510px;
min-height:500px;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
background:#;
/*
width: 510px;
height: 100%;
background:#7FFF00 #ffffff;
float: left;/*
margin:5px 5px 0px 5px;
margin-top:5px;
margin:0 auto;
*/
margin:5px auto;
margin-bottom:10px;
}
.sidebarkiri{
width: 220px;
height: auto;
min-height: 333px;
float: left;
margin-top:5px;
}
.sidebarkanan{
width: 220px;
height: auto;
min-height: 333px;
float: right;
margin-top:5px;
position: relative;
}
.isi-1 {
border: 1px solid #030303;
margin-bottom:5px;
}
.hbox{
width:200px;
height:100%;
border: 1px solid #030303;
margin:5px auto;
padding:5px;
background: #ffa500;
font-weight:bold;
font-family:'Lato', sans-serif;
color:#ffffff;
text-align:center;
}
.ibox{
font-family: 'arial', sans-serif;
width:170px;
height:100%;
margin:5px auto;
margin-bottom:10px;
}
.ibox li {
list-style:url(../images/arrow.jpg);
}
.ibox li a{
color: #030303;
text-decoration:none;
}
[url]http://S E N S O R/fMVSAXP7[/url]
mohon pencerahan nya .
terima kasih .
kode html nya
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>SMA NURUL MUSTHOFA</title><!--
<link rel="stylesheet" href="css/style.css"> -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<!--[removed][removed]
<link rel="stylesheet" type="text/css" href="css/sliderman.css" />
[removed][removed]
-->
</head>
<body>
<div class="container">
<div class="header"></div>
<div id="cssmenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li class='has-sub'><a href="#"><span>Profil</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Visi Dan Misi</span></a></li>
<li class='has-sub' ><a href='#'><span>Tentang Sekolah</span></a></li>
<li class='has-sub'><a href='#'><span>Sambutan Kepala Sekolah</span></a></li>
<li class='has-sub'><a href='#'><span>Kontak Sekolah</span></a></li>
</ul>
</li>
<li><a href="#"><span>Guru dan Pegawai</span></a></li>
<li><a href="#"><span>Kesiswaan</span></a></li>
<li><a href="#"><span>Fasilitas</span></a></li>
<li><a href="#"><span>Prestasi</span></a></li>
</ul>
</div>
<div class="wrapper">
<div class="sidebarkanan">
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Info Sekolah</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
</div>
<div class="sidebarkiri">
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
<div class="isi-1">
<div class="hbox">Menu Kategori</div>
<div class="ibox">
<li><a href="#">Info PPDB</a></li>
<li><a href="#">E-learning</a></li>
<li><a href="#">Nilai Ujian</a></li>
<li><a href="#">Kritik Dan Saran</a></li>
</div>
</div>
</div>
<div class="content">
<!-- awal slider -->
<?php
include 'functions/slider.html';
include 'functions/headlinews.php';
?>
</div>
<!-- end slider -->
</div>
</body>
</div>
<footer>
<div class="footer">
<span> Copyright 2014 Created BY Taufik</span>
</div>
</footer>
</html>
[url]http://S E N S O R/hDH2hKLt[/url]
kode css nya
.header{
width:960px;
height:150px;
background: url(../images/header.jpg);
}
.footer{
width:960px;
height:50px;
padding-top: 20px;
background: #098;
text-align:center;
margin:0px auto;
clear:both;
}
.container{
margin: 0 auto;
width: 960px;
min-height:750px;
height:auto;
background: #ffffff;
padding: 5px 5px 0px 5px;
}
.wrapper{
width: 960px;
/*min-height:500px;*/
height: auto;
background:#ffffff;
/*
min-height:250px;
height: 100%;
background: #f3f3f3;*/
margin:0px auto;
margin-bottom:0px;
}
.bodywrapper{
font-family: 'arial', sans-serif;
width:170px;
height:100%;
margin:5px auto;
margin-bottom:10px;
border: 1px solid #030303;
}
.content{
width: 510px;
min-height:500px;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
background:#;
/*
width: 510px;
height: 100%;
background:#7FFF00 #ffffff;
float: left;/*
margin:5px 5px 0px 5px;
margin-top:5px;
margin:0 auto;
*/
margin:5px auto;
margin-bottom:10px;
}
.sidebarkiri{
width: 220px;
height: auto;
min-height: 333px;
float: left;
margin-top:5px;
}
.sidebarkanan{
width: 220px;
height: auto;
min-height: 333px;
float: right;
margin-top:5px;
position: relative;
}
.isi-1 {
border: 1px solid #030303;
margin-bottom:5px;
}
.hbox{
width:200px;
height:100%;
border: 1px solid #030303;
margin:5px auto;
padding:5px;
background: #ffa500;
font-weight:bold;
font-family:'Lato', sans-serif;
color:#ffffff;
text-align:center;
}
.ibox{
font-family: 'arial', sans-serif;
width:170px;
height:100%;
margin:5px auto;
margin-bottom:10px;
}
.ibox li {
list-style:url(../images/arrow.jpg);
}
.ibox li a{
color: #030303;
text-decoration:none;
}
[url]http://S E N S O R/fMVSAXP7[/url]
0
1.1K
6
Komentar yang asik ya
Urutan
Terbaru
Terlama
Komentar yang asik ya
Komunitas Pilihan