Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Div, ramka
Forum PHP.pl > Forum > Przedszkole
Cassino
Witam, chcę stworzyć forum.
Ma być ono na div'ach, lecz już na samym początku nie potrafie zrobić jednej rzeczy.
Ponieważ cała ramka forum ma być złożona z div'ów
ramka - wiedziałem ze nie będziecie rozumieć, więc wkleiłem ss:



chodzi mi oto, aby na każdym narożniku, i nie tylko, również z lewej, i prawej strony, był inny div, w którym mógłbym dowolnie zmienić grafikę.

z góry dzięki za pomoc, kufel piwa dla kogoś, kto przeznaczy dla mnie chwilke smile.gif
wNogachSpisz
Ja nawet mimo SS nie wiem co to jest ta ramka...
Rozwiń tę myśl tak w 2-5 zdaniach..
konole
Zrób to w Paincie / czymkolwiek innym z jakąkolwiek grafiką wstawioną w danych miejscach.
cniak
Nie probowalem jeszcze nigdy takiego czegos, ale na "sucho" sprobuje Ci to wyjasnij jak ja bym kombinowal:
bg - background
przyda Ci sie: http://blog.atena.pl/position-relative-i-absolute
1) stworzyc gornego diva z bg takim:
http://imgsrc.com/?v=div1.png
daj mu wlasciwosc clear: both; aby kolejny div nie nachodzil na niego
2) drugi div bedzie powtarzac boczne obramowania:
daj mu background-repeat: repeat-y;
3)w divie #2 stworz kolejnego diva, ktory background: url(sciezka) no-repeat center left;
http://imgsrc.com/?v=div1xox.png
tutaj zastosuj wlasciwosci ze stronki jaka Ci dalem
daj clear:both;
4)na koniec zrob diva poza divem #2, prosty footer z bg:
http://imgsrc.com/?v=div1rkr.png

To jest tylko nakierowanie w jaki sposob moglbys stworzyc ta ramke, tu masz troche html:

  1. <div id="top">wlasciwosci z 1 punktu
  2. </div>
  3. <div id="pierwszy">wlasciwosci z 2 punktu
  4. <div id="drugi">wlasciwosci z 3 punktu</div>
  5. </div>
  6. <div id="stopka">
  7. to sie tyczy 4 punktu
  8. </div>
Cassino
oo, właśnie oto mi chodzi, lecz z takim zastosowaniem, to musiałbym mieć stałą szerokość forum.

Jak napisałem wyżej, w miejscach tych kropek, miał być każdy inny div, a tutaj jest góra, dół, środek smile.gif i tyle ;P
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.