Avatar
Paldo
Člen
Avatar
Paldo:

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 27.7.2013 16:17
 
Odpovědět 27.7.2013 16:16
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Paldo
Člen
Avatar
Odpovídá na Honza Bittner
Paldo:

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:

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  -1 6.8.2013 15:30
Avatar
barvulinka
Člen
Avatar
barvulinka:

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.