Diskuze: border-image

HTML a CSS HTML a CSS border-image American English version English version

Avatar
Nyqi.QwiDer
Člen
Avatar
Nyqi.QwiDer:

Zdravím, nemůžu najít chybu u mě v border-image. Prosím poraďte.

CSS kód:

#clanek
{
    padding: 10px;
    background-color: #c6c6c6;
    -webkit-border-image:url(../images/border.png) 15 15 15 15 round;
    -o-border-image:url(../images/border.png) 15 15 15 15 round;
    border-image:url(../images/border.png) 15 15 15 15 round;
    margin-bottom: 10px;
    border:15px solid transparent;
    border-radius: 7px;
}

HTML Kód:

<div id="clanek">
        <div id="nadpis">
            <?php echo $row['title']; ?>
        </div>
        <div id="text">
            <?php echo $row['content']; ?>
        </div>
        <div id="clanek_komentare">
            <a href="index.php?komentare=<?php echo $row['id']; ?>">
                <?php
                $query2 = "SELECT * FROM comments WHERE blogid = '" . $row['id'] . "' ORDER BY id DESC";
                $result2 = mysql_query($query2);
                $num_comments = mysql_num_rows($result2);
                if($num_comments == 0){
                echo "Žádné komentáře";
                } else if($num_comments == 1){
                echo "1 komentář";
                } else if($num_comments == 2){
                echo "2 komentáře";
                } else if($num_comments == 3){
                echo "3 komentáře";
                } else if($num_comments == 4){
                echo "4 komentáře";
                } else {
                echo $num_comments . " komentářů";
                }
                ?>
            </a>
        </div>
    </div>
Editováno 19.4.2013 18:45
 
Odpovědět 19.4.2013 18:44
Avatar
Amomym
Člen
Avatar
Odpovídá na Nyqi.QwiDer
Amomym:

no já si myslím, že ti chybí v odkazu na obrázky uvozovky, takže by to mělo vypadat nějak takto

#clanek {
     padding: 10px;
     background-color: #c6c6c6;
     -webkit-border-image:url("../images/border.png") 15 15 15 15 round;
     -o-border-image:url("../images/border.png") 15 15 15 15 round;
     border-image:url("../images/border.png") 15 15 15 15 round;
     margin-bottom: 10px;
     border:15px solid transparent;
     border-radius: 7px;
 }
 
Nahoru Odpovědět 19.4.2013 19:56
Avatar
Nyqi.QwiDer
Člen
Avatar
Nyqi.QwiDer:

Právě, že tam chyba není, zkoušel jsem i dosadit přímou URL viz. tu:

#clanek
{
    padding: 10px;
    background-color: #c6c6c6;
    -webkit-border-image:url("http://localhost/images/border.png") 15 15 15 15 round;
    -o-border-image:url("http://localhost/images/border.png") 15 15 15 15 round;
    border-image:url("http://localhost/images/border.png") 15 15 15 15 round;
    margin-bottom: 10px;
    border-radius: 7px;
}

ale stejně nejde :(

 
Nahoru Odpovědět 19.4.2013 19:58
Avatar
Amomym
Člen
Avatar
Odpovídá na Nyqi.QwiDer
Amomym:

a co používáš za prohlížeč?

 
Nahoru Odpovědět 19.4.2013 20:00
Avatar
Nyqi.QwiDer
Člen
Avatar
Nyqi.QwiDer:

Firefox, když zkouším dosadit do TryItEditoru na w3schools se stejným kódem, tak to funguje skvěle.

 
Nahoru Odpovědět 19.4.2013 20:01
Avatar
Amomym
Člen
Avatar
Amomym:

tak skus pod to -webkit- dosadit toto

-moz-border-image:url("http://localhost/images/border.png") 15 15 15 15;
  • webkit- je pro chrome a safari, a proto ti to nejde
Editováno 19.4.2013 20:05
 
Nahoru Odpovědět 19.4.2013 20:04
Avatar
Nyqi.QwiDer
Člen
Avatar
Nyqi.QwiDer:

Stejně nefunguje :(

 
Nahoru Odpovědět 19.4.2013 20:08
Avatar
Amomym
Člen
Avatar
Odpovídá na Nyqi.QwiDer
Amomym:

tak skus jenom

border-image:url("http://localhost/images/border.png") 15 15 15 15;
 
Nahoru Odpovědět  +1 19.4.2013 20:09
Avatar
Nyqi.QwiDer
Člen
Avatar
Nyqi.QwiDer:

Pořád to samé..

 
Nahoru Odpovědět 19.4.2013 20:11
Avatar
Amomym
Člen
Avatar
Odpovídá na Nyqi.QwiDer
Amomym:

a máš dobře odkaz na obrázek?

 
Nahoru Odpovědět 19.4.2013 20:12
Avatar
Nyqi.QwiDer
Člen
Avatar
Nyqi.QwiDer:

Ano mám, zkoušel jsem dávat styl i do tagu style="" ale stejně to nefunguje
(Děkuji za ochotu :) )

 
Nahoru Odpovědět 19.4.2013 20:14
Avatar
Nyqi.QwiDer
Člen
Avatar
Nyqi.QwiDer:

Opraveno:
PŘEDTÍM:

#clanek
 {
     padding: 10px;
     background-color: #c6c6c6;
     -webkit-border-image:url("http://localhost/images/border.png") 15 15 15 15 round;
     -o-border-image:url("http://localhost/images/border.png") 15 15 15 15 round;
     border-image:url("http://localhost/images/border.png") 15 15 15 15 round;
     margin-bottom: 10px;
     border-radius: 7px;
 }

POTOM:

#clanek
{
    padding: 5px;
    background-color: #c6c6c6;
    margin-bottom: 10px;
    border-radius: 7px;
    border-style: solid;
    border-width: 27px;
    -moz-border-image: url(http://localhost/images/border.png) 27 stretch;
    -webkit-border-image: url(http://localhost/images/border.png) 27 stretch;
    -o-border-image: url(http://localhost/images/border.png) 27 stretch;
    border-image: url(http://localhost/images/border.png) 27 stretch;
}
 
Nahoru Odpovědět 19.4.2013 20:31
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 12 zpráv z 12.