FINÁLNÍ VÝPRODEJ KREDITŮ na ITnetwork je tady. Využij poslední šanci a získej až 80 % extra kreditů ZDARMA na náš interaktivní e-learning. Zjisti více:
NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
Avatar
Paldo
Člen
Avatar
Paldo:27.7.2013 16:16

Ahoj, potřeboval bych udělat něco jako je na obrázku - tak, aby se při přesáhnutí textu modrý rámeček roztáhl - z toho důvodu soudím, že brusle jako obrázek, modrý obdelník jako barva a poté dodat radius + shadow...

Jenomže ať se snažím sebevíc, nejde mi prostě určit modrému obdelníku rozměry a posunout ho tak, aby hokejka vykukovala ven.

#pozadi{
  font: 15px Arial ;

    background: blue 50px 50px ;
    background-image: url(images/menu_brusle.png) no-repeat;
    width:150px ;
    height: 49px;
    border-radius: 3px;
    box-shadow: 0px 0px 7px #000000;


    }

Díky moc za rady

Editováno
 
Odpovědět
27.7.2013 16:16
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:27.7.2013 16:44

nějak takto by to mohlo jít ? :)

HTML

<nav>
  <div></div>
  <p>kj KJkj hKJ HKjh kjHJKhkjlHJKH kjH</p>
</nav>

CSS

article{
  min-widht: 500px;
  margin: 0px auto;
}

div{
  width: 50px;
  height: 50px;
  background: BRUSLE;
  position: absolute;
  margin-left: -50px;
}

p{
  min-width: 500px;
  background: blue;
  border-radius: 3px;
  box-shadow: 0px 0px 7px #000000;
}
Nahoru Odpovědět
27.7.2013 16:44
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Paldo
Člen
Avatar
Odpovídá na Honza Bittner
Paldo:27.7.2013 17:50

Nevím proč, ale modrý obdelník je roztáhnutý přes celou šířku obrazovky a výška se měnit taky nějak nechce (ZKoušel jsem změnit hodnoty, ale jakoby na to neměly žádný vliv) :/

 
Nahoru Odpovědět
27.7.2013 17:50
Avatar
barvulinka
Člen
Avatar
barvulinka:6.8.2013 15:30

Dobrý den
stáhla jsem si css ale když dám zobazit pro web tak nevidím jak je nastaveno pozadí jako je v návodu.odkazy fungují.

 
Nahoru Odpovědět
6.8.2013 15:30
Avatar
barvulinka
Člen
Avatar
barvulinka:6.8.2013 16:33

Stáhla jsem si 10.díl Plovoucí obsah v HTML (i nastavení)
bohužel se mi neukazuje modré pozadí nápis O mě je uprostřed jediné co se zarovnalo do leva je fotka a text jak ji popsáno v návodu. Jinak se nic nestalo.Kde by mohla býti chyba ? děkuji

 
Nahoru Odpovědět
6.8.2013 16:33
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 5 zpráv z 5.