Hirdetés

Keresés

Új hozzászólás Aktív témák

  • Boolash

    aktív tag

    válasz vakondka #1443 üzenetére

    Köszi!
    Ezt értem, de itt egy kicsit máshogy vannak a dolgok... Itt van a css fájl:

    /* Global Styles */

    body {
    margin:0px;
    }

    td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    }

    a {
    color: #993300;
    }

    a:hover {
    color: #5C743D;
    }

    /* ID Styles */

    #navigation td {
    border-bottom: 1px solid #678FC2;
    }

    #navigation a {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #00256B;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    display:block;
    padding:8px 6px 10px 20px;
    }

    #navigation a:hover {
    background: #678FC2;
    color:#FEB340;
    }

    #logo {
    font:24px Arial, Helvetica, sans-serif;
    color: #5C743D;
    letter-spacing:.2em;
    line-height:30px;
    }

    #tagline {
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    letter-spacing:.4em;
    line-height:18px;
    }

    #monthformat {
    border-bottom: 1px dashed #5C743D;
    }

    #dateformat {
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    letter-spacing:.2em;
    }

    #dateformat a {
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    font-weight:bold;
    letter-spacing:.1em;
    text-decoration:none;
    }

    #dateformat a:hover {
    color: #F4FFE4;
    letter-spacing:.1em;
    }

    /* Class Styles */

    .bodyText {
    font:11px Arial, Helvetica, sans-serif;
    color:#666666;
    line-height:20px;
    margin-top:0px;
    }

    .pageName{
    font: 18px Arial, Helvetica, sans-serif;
    color: #666666;
    line-height:26px;
    letter-spacing:.21em;
    }

    .subHeader {
    font:bold 11px Arial, Helvetica, sans-serif;
    color: #666666;
    line-height:22px;
    letter-spacing:.1em;
    }

    .quote {
    font: 20px Arial, Helvetica, sans-serif;
    color: #666666;
    line-height:30px;
    }

    .smallText {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
    line-height: 22px;
    }

    .navText {
    font: 11px Arial, Helvetica, sans-serif;
    color: #666666;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    }

    és a menü elemek így helyezkednek el egy táblázatban:

    <tr>
    <td><a href="valami.html" class="navText">valami </a></td>
    </tr>

    Felvettem egy b -t a css-be, valahogy így:

    b{
    color: #993300;
    }

    b:hover {
    color: #5C743D;
    }

    #navigation b {
    font: 13px Arial, Helvetica, sans-serif;
    color: #00256B;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    display:block;
    padding:8px 6px 10px 20px;
    }

    #navigation b:hover {
    background: #678FC2;
    color:#FEB340;
    }

    mindezt persze a megfelelő helyekre.
    Majd így írtsm le az adott menü-t:

    <td><b href="valami.html" class="navText">valami </b></td>
    </tr>[/

    A formázást megcsinálta, de a href-et nem ismeri...
    Ez a teljes történet. Bocsi a sok szövegért...

Új hozzászólás Aktív témák