this solution to people from this problem
i want to give a margin to these codes so it ll align in my web page correctly
margins are.
top=30
right=-30
bottom=0
left=-70 ??
solution :
First of all, I would split up your page into two files. Call the first one index.html (or whatever you prefer) and only include your content in this one.
Use CSS for your styling, and use this file to get the look of your page right.
Try this out, you can change the values in the CSS file to alter the style and postion of elements. You will notice there is much less code, and you are not repeating your span styles over and over again.
index.html
<html>
<head>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<p>Srilankan Channels
<a href="watch-tv.php">Rupawahini</a>
<a href="swarnawahini.php">Swarnawahini</a>
<a href="cityhits.php">City Hits</a>
<a href="sri-tv.php">SriTV</a>
<a href="derana.php">Derana</a>
<a href="itn.php">ITN</a>
<a href="sirasa.php">Sirasa</a>
<a href="damlak.php">Damlak TV (Tamil)</a></p>
<p>International Music
<a href="mtvindia.php">MTV (INDIA)</a>
<a href="invincible.php">Invincible TV</a>
<a href="fly.php">FLY Music</a>
<a href="kiss.php">Kiss TV</a>
<a href="e.php">E Music</a>
<a href="classicfm.php">Classic Fm TV</a>
<a href="9x.php">9X Music</a>
<a href="ministry.php">Ministry of Sound</a></p>
<p>International Movies
<a href="fox.php">Fox Movies</a>
<a href="star.php">Star Plus</a>
<a href="hbo.php">HBO Hits</a>
<p>Other Channels
<a href="nasa.php">Nasa</a>
<a href="espn.php">ESPN</a>
<a href="college.php">College Humor</a>
<a href="ftv.php">FTV</a>
<a href="research.php">Research CH</a>
<a href="national.php">National Geographic</a></p>
<!-- Add your adsense code here -->
<p>News Channels
<a href="bbcw.php">BBC World</a>
<a href="nbc.php">NBC</a>
<a href="press.php">Press TV</a>
<a href="reuters.php">Reuters</a>
<a href="ndtv.php">NDTV</a>
<a href="sky.php">SKY</a>
<a href="cnn.php">CNN</a>
<a href="cnnibn.php">CNN IBN</a>
<a href="bbchead.php">BBC Headlines</a>
</p>
</div>
</body>
</html>
stylesheet.css
body {
text-align: center;
}
p {
color: rgb(255,255,255);
}
a {
color: rgb(94,136,158);
margin-left: 20px;
}
#page {
border: 3px solid rgb(0,0,75);
padding: 0px;
width: 800px;
background-color: rgb(0,0,10);
margin: 30px auto;
}
See how you get on with those, also google up <li> elements and consider putting your links in a list
i want to give a margin to these codes so it ll align in my web page correctly
margins are.
top=30
right=-30
bottom=0
left=-70 ??
solution :
First of all, I would split up your page into two files. Call the first one index.html (or whatever you prefer) and only include your content in this one.
Use CSS for your styling, and use this file to get the look of your page right.
Try this out, you can change the values in the CSS file to alter the style and postion of elements. You will notice there is much less code, and you are not repeating your span styles over and over again.
index.html
<html>
<head>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<p>Srilankan Channels
<a href="watch-tv.php">Rupawahini</a>
<a href="swarnawahini.php">Swarnawahini</a>
<a href="cityhits.php">City Hits</a>
<a href="sri-tv.php">SriTV</a>
<a href="derana.php">Derana</a>
<a href="itn.php">ITN</a>
<a href="sirasa.php">Sirasa</a>
<a href="damlak.php">Damlak TV (Tamil)</a></p>
<p>International Music
<a href="mtvindia.php">MTV (INDIA)</a>
<a href="invincible.php">Invincible TV</a>
<a href="fly.php">FLY Music</a>
<a href="kiss.php">Kiss TV</a>
<a href="e.php">E Music</a>
<a href="classicfm.php">Classic Fm TV</a>
<a href="9x.php">9X Music</a>
<a href="ministry.php">Ministry of Sound</a></p>
<p>International Movies
<a href="fox.php">Fox Movies</a>
<a href="star.php">Star Plus</a>
<a href="hbo.php">HBO Hits</a>
<p>Other Channels
<a href="nasa.php">Nasa</a>
<a href="espn.php">ESPN</a>
<a href="college.php">College Humor</a>
<a href="ftv.php">FTV</a>
<a href="research.php">Research CH</a>
<a href="national.php">National Geographic</a></p>
<!-- Add your adsense code here -->
<p>News Channels
<a href="bbcw.php">BBC World</a>
<a href="nbc.php">NBC</a>
<a href="press.php">Press TV</a>
<a href="reuters.php">Reuters</a>
<a href="ndtv.php">NDTV</a>
<a href="sky.php">SKY</a>
<a href="cnn.php">CNN</a>
<a href="cnnibn.php">CNN IBN</a>
<a href="bbchead.php">BBC Headlines</a>
</p>
</div>
</body>
</html>
stylesheet.css
body {
text-align: center;
}
p {
color: rgb(255,255,255);
}
a {
color: rgb(94,136,158);
margin-left: 20px;
}
#page {
border: 3px solid rgb(0,0,75);
padding: 0px;
width: 800px;
background-color: rgb(0,0,10);
margin: 30px auto;
}
See how you get on with those, also google up <li> elements and consider putting your links in a list
