Dismiss Notice
Welcome to Our Community
Wanting to join the rest of our members? Feel free to sign up today.


Discussion in 'Programming' started by 4SEO, Mar 16, 2009.

  1. 4SEO

    4SEO New Member Webmaster

    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.
    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.

    <link href="stylesheet.css" rel="stylesheet" type="text/css" />


    <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>



    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

Featured Resources (View All)

Share This Page