[ Príspevkov: 8 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.05.09
Prihlásený: 07.10.13
Príspevky: 63
Témy: 20 | 20
Bydlisko: Košice
NapísalOffline : 11.10.2009 19:27 | Ako na patu stranky

Stranka vyzera asi tak:

Ako na patu stranky

stranka je centrovana na stred a do paty potrebujem dostat taky pas, cize obrazok sirky 1px ktory sa bude opakovat na celu sirku dokumentu a nie iba v rozmedzi toho HOLDERA... ako to docielit?

v headeri je to lahke - staci dat do pozadia body takyto obrazok... ako to vsak zrobit o XY pixelov nizsie ked nepoznam vysku dokumentu... do stredu by som patu dokazal dat, neviem vsak ako roztiahnut pozadie na celu sirku dokumentu


Offline

Čestný člen
Čestný člen
Ako na patu stranky

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 11.10.2009 19:47 | Ako na patu stranky

Nieco taketo by nevyhovovalo?
Kód:
body { background: url(...) bottom left repeat-x scroll; }


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.05.09
Prihlásený: 07.10.13
Príspevky: 63
Témy: 20 | 20
Bydlisko: Košice
Napísal autor témyOffline : 11.10.2009 19:49 | Ako na patu stranky

pre body uz mam pozadie podobneho typu navrchu stranky...


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.02.07
Prihlásený: 21.02.10
Príspevky: 3984
Témy: 96 | 96
NapísalOffline : 11.10.2009 19:51 | Ako na patu stranky

Nerozumiem ... :)


Offline

Čestný člen
Čestný člen
Ako na patu stranky

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 11.10.2009 20:05 | Ako na patu stranky

Kód:
P#foot-background { margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: ??px; background: url(...) repeat-x left bottom scroll; }


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.05.09
Prihlásený: 07.10.13
Príspevky: 63
Témy: 20 | 20
Bydlisko: Košice
Napísal autor témyOffline : 11.10.2009 20:09 | Ako na patu stranky

ok vyriesil som to... jediny problem ostava Google Chrome ktory, ako sa zda, si tuto vlastnost prezentuje akosi zle... to uz vyriesim sam, vdaka.

btw vyriesil som to jednym prazdnym DIV s:

position: absolute; top: 0; left: 0; width: 100%, background: url(...) repeat-x;


uprava: co prosim ta znamena to P pred mriezkou?

uprava2: ak to ma znamenat novy objekt v html kode ktory tam vlozim tak ked mu dam bottom tak to prisposobuje velkosti okna a nie stranky cize je to akesi plavajuci ramec...


Offline

Užívateľ
Užívateľ
Ako na patu stranky

Registrovaný: 10.02.08
Prihlásený: 15.05.17
Príspevky: 2264
Témy: 48 | 48
Bydlisko: Nitra
NapísalOffline : 11.10.2009 21:41 | Ako na patu stranky

Pokial som to pochopil spravne, a ty chceš mať footer roztiahnuty na celu širku okna ale text len v strede a footer sa ma posuvať tak sa pozri ako som to riešil ja : http://www.artsite.sk


_________________
WYSIWYMGIYRRLAAGW: What You See Is What You Might Get If You’re Really Really Lucky And All Goes Well.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.05.09
Prihlásený: 07.10.13
Príspevky: 63
Témy: 20 | 20
Bydlisko: Košice
Napísal autor témyOffline : 12.10.2009 15:34 | Ako na patu stranky

ok diky ja som to vcera riesil podobne nakoniec... mna to hned nenapadlo lebo som zle zadal typ "position" a nefungovalo mi to (obsah pata2 som potreboval napravo a tam som to do...) - hladal som ine riesenia, potom som si to premyslel a vyzera to nejak tak:

Kód:
<div id="pas">
      <div id="pata">
           &copy; 2009 blablabla
           <div id="pata2">Created by blablabla</div>
       </div>
 </div>

CSS:

#pas {
  position: relative;
  clear: both;
  width: 100%;
  background-color: #363333;
  background: url('./img/bgr/pata.png') repeat-x;
  height: 150px;
}

#pata {
  position: relative;
  padding: 50px 0 0 260px;
  margin: 0 auto;
  color: #868686;
  background: url('./img/bgr/lesk.png') no-repeat;
  font-size: 10px;
  width: 670px !important;
  width: 930px;
  text-align: left;
  line-height: 14px;
  height: 100px !important;
  height: 150px;
}
#pata2 { position: absolute; top: 50px; right: 0; text-align: right; color: #666666;  }


 [ Príspevkov: 8 ] 


Ako na patu stranky



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Ako spojit dve stranky ?

v Grafické programy

1

960

22.07.2009 14:39

f4r0

V tomto fóre nie sú ďalšie neprečítané témy.

Ako na PHP stránky

v PHP, ASP

3

1988

07.10.2007 1:48

enorm

V tomto fóre nie sú ďalšie neprečítané témy.

ako zistit ID stranky

v Ostatné

2

2947

15.12.2006 14:18

majso

V tomto fóre nie sú ďalšie neprečítané témy.

Kritika stránky ako celku

v Webdesign

22

1418

28.06.2008 10:37

cdman

V tomto fóre nie sú ďalšie neprečítané témy.

ako zakazat nejake www stranky?

v Sieťové a internetové programy

14

6972

07.01.2011 12:26

redneck

V tomto fóre nie sú ďalšie neprečítané témy.

AKO blokovat stranky na mozile??

v Sieťové a internetové programy

3

663

19.03.2007 18:33

POM4R4NC

V tomto fóre nie sú ďalšie neprečítané témy.

poradte ako sa vypracovat, tvorba stranky

v Webdesign

2

778

05.01.2012 7:35

Johnnny

V tomto fóre nie sú ďalšie neprečítané témy.

Ako datklikajucu mapu na pozadie stranky

v HTML, XHTML, XML, CSS

15

908

28.01.2008 11:50

KaktusBR

V tomto fóre nie sú ďalšie neprečítané témy.

Ako urobit efekt z tejto stranky?

v HTML, XHTML, XML, CSS

4

721

03.05.2008 8:47

Lukybendo

V tomto fóre nie sú ďalšie neprečítané témy.

ako vytvorit banner na webove stranky?

v Grafické programy

3

9335

12.09.2006 16:03

XPM

V tomto fóre nie sú ďalšie neprečítané témy.

ako sa dostat do administracie stranky ?

v Smartfóny a tablety

2

371

02.08.2012 13:28

ivann1

V tomto fóre nie sú ďalšie neprečítané témy.

ako na stranky, ktore nepodporuju vasu krajinu ?

v Sieťové a internetové programy

0

423

06.03.2011 7:46

peter1973

V tomto fóre nie sú ďalšie neprečítané témy.

Ako zmenim v googli nazov mojej stranky?

v Internetový marketing, SEO, reklama

5

658

07.03.2012 19:23

ultimateman

V tomto fóre nie sú ďalšie neprečítané témy.

Ako preniesttext z inej stranky na svoju

v PHP, ASP

2

446

04.11.2014 13:53

PepperSK

V tomto fóre nie sú ďalšie neprečítané témy.

Ako odstrániť koncovku .php z URL stránky?

v PHP, ASP

3

739

23.11.2016 21:03

killer

V tomto fóre nie sú ďalšie neprečítané témy.

ako vložiť obsah druhej stránky na svoju

v Ostatné

12

615

27.05.2015 14:16

jaknapceu



© 2005 - 2024 PCforum, edited by JanoF