Kaskus

Tech

Thread

For You

Hot Threads

Komunitas

Semua Komunitas

Kategori

Story

News

Hobby

Games

Entertainment

Female

Tech

Automotive

Sports

Food & Travel

Pengaturan

Mode Malambeta
Gambar

Lainnya

Tentang KASKUS

Syarat & Ketentuan

Kebijakan Privasi

Pusat Bantuan

Hubungi Kami

KASKUS Plus

© 2025 KASKUS, PT Darta Media Indonesia. All rights reserved

FurtherSoShiAvatar border
TS
FurtherSoShi
[Help] Layout ga bisa nyatu Cendol Inside
Ane perlu bantuan gan .....
Quote:

ane mau nyatuin table yang dibuletin supaya ga ada warna putihnya ....
ada yang tau ga caranya emoticon-Bingung (S)...
ini kodenya gan ,,,
Code:


<title>Living Your Music</title>

 [removed][removed]

 [removed][removed]

 [removed][removed]

 

 <link rel='stylesheet' href='css/main.css'>

 <body>

<table width='100%'class='header'><tr height='220px'><td width='30%' align='right' valign='center' style='padding-right:30px;'>

<table><tr>

<td><img src='images/coba.png' height='150px'>

</td></tr>

<tr><td class='sin'><font face='Segoe Print' size='4'>

Living Your Music.Com</font><hr></td></tr>

</table>

</td>

<td width='70%'>

 <table style='border-collapse:collapse;' width='100%'>

 <tr height='100px'><td valign='top' align='right'>

 <table width='70%'><tr height='20px'><td align='right' style='background-color:black;'>

 <table><tr><td>

 <li class='nav'>

 <a href=''>International</a>

 </li></td><td><li class='nav'><a href=''>K-POP</a></li></td><td><li class='nav'><a href=''>Polling

 </a></li>

 </td></tr></table>

 </td></tr><tr><td align='right'><table style='boder-collapse:collapse;'><tr><td><a href='' class='yoo'>HOME</a><hr width='200px' color='black'></td><td><a href='' class='yoo'>

 Newest</a><hr width='200px' color='black'></td></tr></table></td></tr>

 </table>

 </td></tr>

 <tr height='120px'><td align='right'>

 <table width='90%' border='1'style='background-color:0270e0;' class='ww'><tr height='120px'>

 <td width='60%'></td>

 <td width='40%' style='padding-left:44px; padding-left:44px;' align='right'>

 

 <div class='search'>

 <form method='POST' action='#'>

 <table><tr><td>

 <input type='text' placeholder='search news'></td><td>

 <input type='submit' value='search'></td></tr></table>

 </form>

 </div>

 </td></tr></table>

 </td></tr>

 </table>

</td>

</tr></table>

<table width='100%' height='800px' style='background-color:0270e0;'><tr><td width='75%'>

<table style='background-color:b4b6b9;' class='aw' width='100%'><tr height='800px'><td width='25%' style='background-color:b4b6b9;'>

<table width='100%'><tr height='150px'><td>

</td></tr><tr><td height='650px'>

<table class='samping'><tr><td></td></tr></table>

</td></tr></table>

</td><td width='80%' valign='top'>

<table class='ss' height='150px' width='100%'>

<tr height='30px'><td></td></tr>

<tr><td>

 <div id='slideshow'>

 

 <div class='slides'>

 <ul>

 <li id='slide-one'>

 <h2>Slide one</h2>

 <p>

 Berita For Youdddddddd

 </p>

 </li>

 <li id='slide-two'>

 <h2>Slide two</h2>

 <p>

 SoNyuhShiDae

 </p>

 </li> 

 <li id='slide-three'>

 <h2>Slide three</h2>

 <p>

 Yoontae

 </p>

 </li> 

 </ul>

 </div>

 <ul class='slides-nav'>

 <li class='on'><a href='#slide-one'>Slide one</a></li>

 <li><a href='#slide-two'>Slide two</a></li>

 <li><a href='#slide-three'>Slide three</a></li>

 </ul>

 </div>

</td></tr></table>

</td></tr></table>

</td><td width='30%' style='background-color:0270e0;' valign='top' class='daa'>

<table border='0' width='100%' class='daa'>

<tr><td>

 Recent News<hr>

</td></tr>

<tr><td height='200px'>

<table class='recent-news'><tr><td>



</td></tr></table>

</td></tr>

<tr height='50px'></tr>

<tr><td>Album Of The Day</td></tr>

<tr><td height='200px'>

<table class='ddd'><tr><td>



</td></tr></table>

</td></tr>

<tr height='50px'></tr>

<tr><td>Star Of The Day</td></tr>

<tr><td height='200px'></td></tr>

<tr height='50px'></tr>

</table>



</td></tr></table>

<table width='60%' align='right' style='background-color:0270e0;' class='footer'><tr height='100px'><td width='20%'>

<img src='images/daa.png' height='100px'></td>

<td valign='top' width='40%'><table><tr><td>livingyourmusic.com</td>

<td width='40%'>

 <table class='lll'><tr><td>

 livingyourmusic.com<hr color='2775c5'>

 </td></tr>

 <tr><td></td></tr>

 </table>

</td>

</tr>

<tr><td>© 2012</td></tr>

<tr><td><i>Make your life colourfull with Music</i></td></tr>

<tr><td><a href=''>About Us</a></td></tr>

</table>

</td></tr>

</table>

</body>

Ini css nya ....
Code:


body{

 margin:0px 0px 0px 0px;

 padding:0px 0px 0px 0px;

 background-color:f0e4e4;

 border-collapse:collapse;

 background: url(images/110.jpg) no-repeat center center fixed; 

 -webkit-background-size: cover;

 -moz-background-size: cover;

 -o-background-size: cover;

 background-size: cover;

}

table.header{

 margin:0px 0px 0px 0px;

 padding:0px 0px 0px 0px;

 border-width:1px;

 border-style:hidden;

}

@font-face {

 font-family: 'Action Man';

 src: url('Action_Man.eot?') format('eot'),

 url('Action_Man.woff') format('woff'),

 url('Action_Man.ttf') format('truetype');

 }

table.ss{

 padding-right:100px;

}

li.nav{

 float:left;

 margin-left:auto;

 margin-right:auto;

 list-style:none;

 }

table.footer{

 font-family:Action Man;

 font-weight:bold;

}

td.living{

 font-family:Segoe Print;

}

td.sin{

 text-shadow: 3px 3px 5px #525051;

 filter: dropshadow(color=#525051, offx=3, offy=3);

}



div.search{

 background-color:0270e0;

 border-style:solid 5px;

 display:block;

}

.nav a:link 

{

 display:block;

 -moz-transition:all 0.3 s ease;

 -webkit-transition:all 0.3s ease;

 -o-transitions:all 0.3s ease;

 font-family:Action Man,Cartoonist Simple,Segoe Print,Kristen ITC;

 font-weight:bold;

 font-size:20px;

 background-color:323030;

 color:f0e4e4;

 width:200px;

}

.nav a:link , .nav a:active

{

 display:block;

 -moz-transition:all 0.3 s ease;

 -webkit-transition:all 0.3s ease;

 -o-transitions:all 0.3s ease;

 font-family:Action Man,Cartoonist Simple,Segoe Print,Kristen ITC;

 font-weight:bold;

 background-color:323030;

 color:f0e4e4;

 text-align:center;

 width:200px;

 font-size:20px;

}

.nav a:link , .nav a:visited

{

 display:block;

 -moz-transition:all 0.3 s ease;

 -webkit-transition:all 0.3s ease;

 -o-transitions:all 0.3s ease;

 font-family:Action Man,Cartoonist Simple,Segoe Print,Kristen ITC;

 font-weight:bold;

 background-color:323030;

 color:f0e4e4;

 width:200px;

 font-size:20px;

}

.nav a:hover

{

 display:block;

 -moz-transition:all 0.3 s ease;

 -webkit-transition:all 0,1s ease;

 -o-transitions:all 0.1s ease;

 font-family:Action Man,Cartoonist Simple,Segoe Print,Kristen ITC;

 font-weight:bold;

 background-color:696868;

 color:f0e4e4;

 width:200px;

 font-size:20px;

 }

a.yoo{

 -moz-transition:all 0.3 s ease;

 -webkit-transition:all 0,1s ease;

 -o-transitions:all 0.1s ease;

 font-style:underline;

 font-family:Arial;

 color:black;

}

a.yoo:hover{

 -moz-transition:all 0.3 s ease;

 -webkit-transition:all 0,1s ease;

 -o-transitions:all 0.1s ease;

 font-style:underline;

 font-family:Arial;

 color:black;

 font-weight:bold;

 text-shadow: 5px 5px 22px #437fe6;

 filter: dropshadow(color=#437fe6, offx=5, offy=5);

}

table.ww{

 border-radius:500px 0px 0px 0px ;

 border-style:hidden;

 border-collapse:collapse;

}

table.aw{

 border-radius:0px 200px 0px 0px ;

}

table.samping{

 width:100%;

 border-radius:0px 50px 0px 0px;

 background-color:aedf7e;

 height:650px;

}

td.daa{

 padding:20px 20px 20px 20px;

 font-family:Book Antiqua,Arial,Calibri;

 font-size:20px;

}

table.daa{

 padding:20px 20px 20px 20px;

 font-family:Arial Rounded MT,Arial,Calibri;

 font-size:17px;

 font-weight:bold;

}

table.recent-news{

 border-style:groove;

 border-color:68a5f0;

 border-radius:0px 10px 0px 0px;

 border-left-width:1px;

 border-right-width:5px;

 border-bottom-width:2px;

 border-top-width:2px;

 width:100%;

 height:100%;

} 

table.lll{

 font-family:Trebuchet MS;

 font-weight:bold;

}



#slideshow {

width: 450px;

background-color: #eee;

border: 1px solid #ddd;

border-radius:20px 20px 0px 0px;

font-family:Calibri;

}





#slideshow ul {

margin: 0;

padding: 0;

list-style-type: none;

height: 1%; /* IE fix */}



#slideshow ul:after {

content: ".";

clear: both;

display: block;

height: 0;

visibility: hidden;} 



/* ---------------------------------------------------- */

/* SLIDESHOW > SLIDES

/* ---------------------------------------------------- */

#slideshow .slides {

overflow: hidden;

width: 450px;}

width: 450px;}

#slideshow .slides ul {

width: 2880px;}



#slideshow .slides li {

width: 800px;

float: left;

padding: 20px;}



#slideshow .slides h2 {

margin-top: 0;}



/* ---------------------------------------------------- */

/* SLIDESHOW > NAVIGATION

/* ---------------------------------------------------- */

#slideshow .slides-nav {

background-color: #ddd;

border-top: 2px solid #ccc;}



#slideshow .slides-nav li {

float: left;}



#slideshow .slides-nav li a {

display: block;

padding: 15px 20px;

outline: none;

color:black;

font-family:Calibri;

font-weight:bold;

}



.js #slideshow .slides-nav li.on,

.js #slideshow .slides-nav li.on a {

background-color: #eee;}



.js #slideshow .slides-nav li.on a {

position: relative;

top: -4px;}

mohon bantuannya gan emoticon-Cendol (S)
0
1.3K
5
GuestAvatar border
Komentar yang asik ya
Urutan
Terbaru
Terlama
GuestAvatar border
Komentar yang asik ya
Komunitas Pilihan