Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Border top jako obrazek
Forum PHP.pl > Forum > Przedszkole
Generic
Witam.

Czy istnieje jakiś "trick", który pozwoliłby na to aby obramowanie znajdujące się tylko na górze było obrazkiem? Próbowałem na różne sposoby jednak nic nie działa. Może Wy macie pomysł jak można to zrobić? Kod widoczny poniżej.

  1. <div id="box">text</div>


  1. #box
  2. {
  3. width: 300px;
  4. height: 200px;
  5. background-color: #b0c4de;
  6. border-top: 6px solid red;
  7. margin: 0px auto;
  8. }
Pyton_000
border-top-imgae
Generic
Cytat(Pyton_000 @ 8.03.2015, 11:17:16 ) *
border-top-imgae


nie działa
Pyton_000
http://jsfiddle.net/m3Lbjmdj/
Generic
Cytat(Pyton_000 @ 8.03.2015, 11:27:16 ) *


Mógłbyś jeszcze pokazać jak zrobić identyczny border tylko że tym razem żeby był on na dole? Czy stworzenie diva jako ramki bo dobre rozwiazanie?
Pyton_000
http://jsfiddle.net/m3Lbjmdj/1/
trueblue
Możesz też tak: http://jsfiddle.net/dqgk49pp/
Generic
Czy mogę w jakiś sposób kontrolować wysokość obramowania? Gdy ustawiam jako border obrazek o wielkości 34px to pokazuje mi się tylko jego mały kawałek.
com
Mozesz poczytaj o border w css smile.gif jedna z pozycji jest wlasnie rozmiar
trueblue
Cytat(Generic @ 8.03.2015, 19:35:43 ) *
Czy mogę w jakiś sposób kontrolować wysokość obramowania? Gdy ustawiam jako border obrazek o wielkości 34px to pokazuje mi się tylko jego mały kawałek.

Pokaż jaką ostatecznie metodę zastosowałeś.
Generic
Cytat(trueblue @ 8.03.2015, 22:20:23 ) *
Pokaż jaką ostatecznie metodę zastosowałeś.


Działa już tak jak należy. Zrobiłem to tak jak jest w tym linku: https://jsfiddle.net/7gzncx0a/

Czy może tak być i wszystko jest prawidłowe?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.