Avatar billede spyke112 Nybegynder
27. marts 2006 - 17:32 Der er 26 kommentarer og
2 løsninger

xhtml forbyder color tag i hr, hvordan gøres det i stylesheetet?

Ja, jeg bruger nogle <hr> tags hvor jeg så bruger color="" tagget i, men det er ikke valid xhtml, så jeg prøvede at skrive det i mit stylesheet istedet, men det virker slet ikke i firefox :(
Hvad skal jeg gøre istedet??
Avatar billede notes2c Nybegynder
27. marts 2006 - 17:45 #1
Brug style eller classe attb. til at sætte farven...

style="color: #CCCCCC;" eller
classe="<Som indeholder navnet på de klasse>"
Avatar billede spyke112 Nybegynder
27. marts 2006 - 17:48 #2
DOH!! Glemte sq helt style tag :D
Kan jo ske for selv den bedste :)
Men prøver jeg så lige ;)
Avatar billede spyke112 Nybegynder
27. marts 2006 - 17:50 #3
Virker så ikke :/
Der sker bare ikke noget..
Avatar billede notes2c Nybegynder
27. marts 2006 - 17:52 #4
Prøv lige at vis noget kode... Det skal virker....
Avatar billede spyke112 Nybegynder
27. marts 2006 - 17:53 #5
Style tag: <hr style='color: #748c29;' size='1' />
class: <hr class='hr1' size='1' />

og i mit stylesheet er der self: color: #748c29;
Avatar billede notes2c Nybegynder
27. marts 2006 - 17:53 #6
Skrev forøvrigt forkert ovenfor:

classe=class

Så skulle det også være på plads
Avatar billede notes2c Nybegynder
27. marts 2006 - 17:54 #7
Hvis det er stregen du vil farve, skal du sætte background-color istedet for
Avatar billede spyke112 Nybegynder
27. marts 2006 - 17:55 #8
Har jeg også prøvet, men den bliver alt for mørk :S
Avatar billede notes2c Nybegynder
27. marts 2006 - 17:56 #9
men color kan du ikke bruge for der jo ikke noget tekst
Avatar billede notes2c Nybegynder
27. marts 2006 - 17:56 #10
er det ikke bare at vælge en lysere farve
Avatar billede spyke112 Nybegynder
27. marts 2006 - 17:58 #11
tja.. nu har jeg jo en reference linie til at sammenligne med og den er lysere og det er den samme hax kode! Det kan jo ik passe :(
Men prøver lige :)
Avatar billede notes2c Nybegynder
27. marts 2006 - 17:58 #12
men det virker ik...
Avatar billede notes2c Nybegynder
27. marts 2006 - 17:59 #13
det ser bare sådan ud... Den er helt sikker den samme farve...
Avatar billede spyke112 Nybegynder
27. marts 2006 - 17:59 #14
nope, og overover skulle der self stå hex ikke hax..
Avatar billede spyke112 Nybegynder
27. marts 2006 - 18:00 #15
tjek selv: http://spyke.kyed.com/sc-final1/

og det er linjerne ved nyhederne..
Avatar billede notes2c Nybegynder
27. marts 2006 - 18:01 #16
Du må vise noget mere kode, for det kan ikke passe at farven er forskellig når du bruger den samme kode
Avatar billede spyke112 Nybegynder
27. marts 2006 - 18:03 #17
<?php
                                            $query = mysql_query($sql);
                                            while ($news = mysql_fetch_assoc($query)) {
                                                echo bb_code($news['headline']) . " - " . $news['date'] . "\n";
                                                echo "<hr style='background-color: #748c29;' size='1' />\n";
                                                echo bb_code(nl2br($news['content'])) . "\n";
                                                echo "<hr color='#748c29' size='1' />\n";
                                                echo "<div align='right'><a href='?page=comments&id=" . $news['id'] . "'>Comments: 0</a></div>";
                                            }
                                           
                                            ?>

Nok ?? Ellers kan du vel bare lige højre klikke og vis kildekode ;)
Avatar billede notes2c Nybegynder
27. marts 2006 - 18:05 #18
Jeg kan da se 2 forskellige kode brugt på hr og du blander brugen af style og color

<hr style='background-color: #93b134;' size='1' />
dlhsdflægjf
<hr color='#748c29' size='1' />
<div align='right'><a href='?page=comments&id=5'>Comments: 0</a></div>BB Code test again - 11-03-2006
<hr style='background-color: #93b134;' size='1' />
Avatar billede notes2c Nybegynder
27. marts 2006 - 18:06 #19
så du skal vel vælge at bruge enten #748c29 eller #93b134
Avatar billede spyke112 Nybegynder
27. marts 2006 - 18:09 #20
tryk på F5... jeg prøvede lige med en lysere farve ;)
Det er rettet nu.. samme farve over hele linjen, men stadig er den ene mørkere..
Avatar billede notes2c Nybegynder
27. marts 2006 - 18:12 #21
Du har ikke rettet alle steder hvor du bruger hr, brug style definitionen alle steder

<hr style='background-color: #748c29;' size='1' />
dlhsdflægjf
<hr color='#748c29' size='1' />
Avatar billede spyke112 Nybegynder
27. marts 2006 - 18:13 #22
Så må jeg jo gå på krompromis :(
Well.. Jeg takker mange gange for hjælpen :D
Avatar billede notes2c Nybegynder
27. marts 2006 - 18:15 #23
Tror lige du hægtede mig af der... Hvad er problemet
Avatar billede spyke112 Nybegynder
27. marts 2006 - 18:33 #24
Ville bare helst have den lyse farve :)
Avatar billede notes2c Nybegynder
27. marts 2006 - 22:44 #25
Skulle lige til at se på det men dit site pt nede... Så hvis du åbner kan vi kigge på det...
Avatar billede notes2c Nybegynder
28. marts 2006 - 09:55 #26
Da din side er nede har jeg ikke kunne teste det fuldstændig, men fidusen er.

hr {
    color: #748c29;
    border: 0;
    border-top: 1px solid #748c29;
    height: 1px;
}

Og kode er:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>Spyke Creations</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

        <link rel="shortcut icon" href="./images/favicon.ico" />
        <link rel="stylesheet" href="./includes/stylesheets/default.css" type="text/css" />
        <script type="text/javascript" src="./includes/javascripts/image_preloader.js"></script>

    </head>
    <body>
        <div align="center">
            <table border="0" width="640" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="100%">
                        <img src="./images/sc_01.png" alt="" /></td>
                </tr>

                <tr>
                    <td class="SCcontent">
                        <table border="0" width="100%" cellpadding="0" cellspacing="0">
                            <tr>
                                <td align="left" valign="top">
                                    <div style="width: 440px;">
                                                                                        <table border="0" style="width: 100%;">
                                                    <tr>
                                                                                                                <td align="right"><a href="?newsid=1">Next</a></td>

                                                                                                            </tr>
                                                </table>
                                                <hr color='#748c29' size='1' />
                                            Side systems test - 11-03-2006
<hr style='background-color: #748c29;' size='1' />
dlhsdflægjf
<hr color='#748c29' size='1' />
<div align='right'><a href='?page=comments&id=5'>Comments: 0</a></div>BB Code test again - 11-03-2006
<hr style='background-color: #748c29;' size='1' />
<a href="http://php.net">php.net</a><br />
<br />

<a href="http://php.net">http://php.net</a>
<hr color='#748c29' size='1' />
<div align='right'><a href='?page=comments&id=4'>Comments: 0</a></div>                                            <hr color='#748c29' size='1' />
                                                <table border="0" style="width: 100%;">
                                                    <tr>
                                                                                                                <td align="right"><a href="?newsid=1">Next</a></td>
                                                                                                            </tr>
                                                </table>

                                                                            </div>
                                </td>
                                <td align="left" valign="top">
                                    <a href="./">Home</a> <br />
                                    <a href="./?page=portfolio">Portfolios</a> <br />
                                    <a href="./?page=contact">Contact</a> <br />

                                    <a href="./?page=source">Source</a> <br />
                                    <a href="./?page=forums">Forums</a> <br />
                                                                <hr color='#748c29' size='1' />
                                    <form action="./?page=gui&do=login" method="post">
                                        Nickname: <br />
                                        <input type="text" name="username" class="inputs" maxlength="12" /> <br />

                                        Password: <br />
                                        <input type="password" name="password" class="inputs" maxlength="12" />
                                        <br /> <br />
                                        <label title="You will be remembered in 1 month!">Remember me: <input type="checkbox" name="remember_me" value="yes" class="radiobutton" /></label>
                                        <br /> <br />
                                        <input type="submit" name="logon" value=" Log in " class="inputs" />
                                        <br /> <br />

                                        <a href="./?page=register">Sign up</a> <br />
                                        <a href="./?page=forgotpassword">Lost Password?</a>
                                    </form>                               
                                                                </td>
                            </tr>
                        </table>
                    </td>

                </tr>
                <tr>
                    <td>
                        <img src="./images/sc_03.png" alt="" /></td>
                </tr>
            </table>
        </div>
    </body>
</html>
Avatar billede notes2c Nybegynder
28. marts 2006 - 09:57 #27
Og du kan godt fjerne alle attrib fra hr

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>Spyke Creations</title>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

        <link rel="shortcut icon" href="./images/favicon.ico" />
        <link rel="stylesheet" href="./includes/stylesheets/default.css" type="text/css" />
        <script type="text/javascript" src="./includes/javascripts/image_preloader.js"></script>

        <style type="text/css">
        hr {
            color: #748c29;
            border: 0;
            border-top: 1px solid #748c29;
            height: 1px;
        }
        </style>

    </head>
    <body>
        <div align="center">
            <table border="0" width="640" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="100%">
                        <img src="./images/sc_01.png" alt="" /></td>

                </tr>

                <tr>
                    <td class="SCcontent">
                        <table border="0" width="100%" cellpadding="0" cellspacing="0">
                            <tr>
                                <td align="left" valign="top">
                                    <div style="width: 440px;">
                                                                                        <table border="0" style="width: 100%;">

                                                    <tr>
                                                                                                                <td align="right"><a href="?newsid=1">Next</a></td>

                                                                                                            </tr>
                                                </table>
                                                <hr />
                                            Side systems test - 11-03-2006
<hr />
dlhsdflægjf
<hr />

<div align='right'><a href='?page=comments&id=5'>Comments: 0</a></div>BB Code test again - 11-03-2006
<hr />
<a href="http://php.net">php.net</a><br />
<br />

<a href="http://php.net">http://php.net</a>
<hr />
<div align='right'><a href='?page=comments&id=4'>Comments: 0</a></div>                                            <hr />
                                                <table border="0" style="width: 100%;">
                                                    <tr>

                                                                                                                <td align="right"><a href="?newsid=1">Next</a></td>
                                                                                                            </tr>
                                                </table>

                                                                            </div>
                                </td>
                                <td align="left" valign="top">
                                    <a href="./">Home</a> <br />

                                    <a href="./?page=portfolio">Portfolios</a> <br />
                                    <a href="./?page=contact">Contact</a> <br />

                                    <a href="./?page=source">Source</a> <br />
                                    <a href="./?page=forums">Forums</a> <br />

                                                                <hr />
                                    <form action="./?page=gui&do=login" method="post">
                                        Nickname: <br />
                                        <input type="text" name="username" class="inputs" maxlength="12" /> <br />

                                        Password: <br />
                                        <input type="password" name="password" class="inputs" maxlength="12" />
                                        <br /> <br />

                                        <label title="You will be remembered in 1 month!">Remember me: <input type="checkbox" name="remember_me" value="yes" class="radiobutton" /></label>
                                        <br /> <br />
                                        <input type="submit" name="logon" value=" Log in " class="inputs" />
                                        <br /> <br />

                                        <a href="./?page=register">Sign up</a> <br />
                                        <a href="./?page=forgotpassword">Lost Password?</a>

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

                </tr>
                <tr>
                    <td>
                        <img src="./images/sc_03.png" alt="" /></td>

                </tr>
            </table>
        </div>
    </body>
</html>
Avatar billede spyke112 Nybegynder
28. marts 2006 - 10:49 #28
tak :D
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester