Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Nyqi.QwiDer
Člen
Avatar
Nyqi.QwiDer:19.4.2013 18:44

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:19.4.2013 19:56

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:19.4.2013 19:58

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:19.4.2013 20:00

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

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

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:19.4.2013 20:04

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:19.4.2013 20:08

Stejně nefunguje :(

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

tak skus jenom

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

Pořád to samé..

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

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

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

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:19.4.2013 20:31

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.