Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Schimbare adresa DNS IPv4 pe rout...

Recomandare Barebone

Monede JO 2024

Suprasolicitare sistem electric
 CIV auto import

Mutare in MOZAMBIC - pareri, expe...

Scoatere antifurt airtag de pe ha...

Magnet in loc de clește pent...
 Cumparat/Locuit in apartament si ...

Pot folosi sistemul PC pe post de...

Sokol cu distorsiuni de cross-over

Filtru apa potabila cu osmoza inv...
 Kanal D va difuza serialul “...

Upgrade xiaomi mi11

securitate - acum se dau drept - ...

Farmacia Dr Max - Pareri / Sugest...
 

jquery tabs

- - - - -
  • Please log in to reply
9 replies to this topic

#1
xs1lv1ux

xs1lv1ux

    New Member

  • Grup: Members
  • Posts: 19
  • Înscris: 09.02.2011
salut :D
Am un script jquery cu tab-uri.Problema este urmatoarea:daca incerc sa pozitionez un obiect sau un div in tab cu "position:absolute" imi scoate acel obiect din tab si il afiseaza separat pe pagina (in afara tab-ului).

Cine ma poate ajuta ,multumesc anticipat :D !

#2
Nenea Zap

Nenea Zap

    Zuperman

  • Grup: Senior Members
  • Posts: 17,048
  • Înscris: 10.04.2006
Ghici unde ai postat :D :ciocan:

#3
xs1lv1ux

xs1lv1ux

    New Member

  • Grup: Members
  • Posts: 19
  • Înscris: 09.02.2011

View PostNenea Zap, on 26th February 2011, 01:34, said:

Ghici unde ai postat :D :ciocan:
imi cer scuze  :confuzzled:  eram putin grabit ...acum am vazut

#4
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010
Daca pui aici si codul sursa, sunt sigur ca te va ajuta cineva. N-are nimeni de unde sa stie ce ai tu acolo si sa ghicim doar dupa position:absolute.

Atat timp cat obiectul este in div si pe langa position:absolute, nu folosesti left:px sau right:px, el ar trebui sa ramana in div.

#5
xs1lv1ux

xs1lv1ux

    New Member

  • Grup: Members
  • Posts: 19
  • Înscris: 09.02.2011

View Postw3room, on 27th February 2011, 01:21, said:

Daca pui aici si codul sursa, sunt sigur ca te va ajuta cineva. N-are nimeni de unde sa stie ce ai tu acolo si sa ghicim doar dupa position:absolute.

Atat timp cat obiectul este in div si pe langa position:absolute, nu folosesti left:px sau right:px, el ar trebui sa ramana in div.
asta este si ideea :D...eu folosesc left:px si top:px.... daca sterg position absulote obiectul ramane in tab...dar nu mai este pozitionat asa cum vreau eu..
<li><a href="#tabs-1">HOME</a></li>
<div id="tabs-1"><?php include('HOME.html'); ?></div>

si link-ul.. http://xs1lv1ux.zxq....te112/index.php

Edited by xs1lv1ux, 27 February 2011 - 14:30.


#6
w3room

w3room

    Senior Member

  • Grup: Senior Members
  • Posts: 2,085
  • Înscris: 22.09.2010
Lasa position:absolute si in loc de left:px si right:px, foloseste margin.

Sa zicem ca ai asa :

<div id="princpial">
Ana are mere mari de tot.
<div style="position:absolute;margin:0px; margin-left:multi-px; margin-top:cativa-px;">Aici sunt merele lu' Ana</div>
</div>

Ia probeaza cum ti-am zis si daca nu, revino.

#7
The@ngel

The@ngel

    Active Member

  • Grup: Members
  • Posts: 1,225
  • Înscris: 07.08.2003
Ar trebuii cam asa:
<div id="tabs-1" style="position: relative;">....


#8
xs1lv1ux

xs1lv1ux

    New Member

  • Grup: Members
  • Posts: 19
  • Înscris: 09.02.2011

View Postw3room, on 28th February 2011, 02:03, said:

Lasa position:absolute si in loc de left:px si right:px, foloseste margin.

Sa zicem ca ai asa :

<div id="princpial">
Ana are mere mari de tot.
<div style="position:absolute;margin:0px; margin-left:multi-px; margin-top:cativa-px;">Aici sunt merele lu' Ana</div>
</div>

Ia probeaza cum ti-am zis si daca nu, revino.

<div id="tabs-3"><div style="position:absolute;margin:0px; margin-left:100; margin-top:8;">Aici sunt merele lu' Ana</div>
</div>

tot nu merge...sper ca ai vazut site-ul...e cel mai bun exemplu...

View PostThe@ngel, on 28th February 2011, 11:42, said:

Ar trebuii cam asa:
<div id="tabs-1" style="position: relative;">....
am incercat si asa..intradevar obiectele raman in tab dar nu reusesc sa le asez exact cum vreau eu...cu position:absolute imi aseaza obiectul in pozitia exacta pe care o vreau...

Edited by xs1lv1ux, 28 February 2011 - 14:42.


#9
The@ngel

The@ngel

    Active Member

  • Grup: Members
  • Posts: 1,225
  • Înscris: 07.08.2003

View Postxs1lv1ux, on 28th February 2011, 14:41, said:

<div id="tabs-3"><div style="position:absolute;margin:0px; margin-left:100; margin-top:8;">Aici sunt merele lu' Ana</div>
</div>

tot nu merge...sper ca ai vazut site-ul...e cel mai bun exemplu...


am incercat si asa..intradevar obiectele raman in tab dar nu reusesc sa le asez exact cum vreau eu...cu position:absolute imi aseaza obiectul in pozitia exacta pe care o vreau...

Nu cred ca m-ai inteles.
div-ul de tab trebuie sa aiba position: relative. (default nu este relative)
div-urile pe care vrei tu sa le asezi, le pui cu position: absolute. Ele vor ramane in tab, si vor avea coordonatele relative la div-ul de tab.
de exemplu:
<div id="tab1" style="postion: relative; width: 500px; height: 500px;">
	<div id="ob1" style="position: absolute; left: 20px; top: 30px">Primul obiect</div>
	<div id="ob2" style="position: absolute; left: 50px; top: 80px">Al doilea obiect</div>
</div>

Trebuie sa verifici in schimb daca e valabil pe toate browserele care te intereseaza (pe cele 2 care ma interesau pe mine, a functionat).

#10
xs1lv1ux

xs1lv1ux

    New Member

  • Grup: Members
  • Posts: 19
  • Înscris: 09.02.2011

View PostThe@ngel, on 28th February 2011, 15:05, said:

Nu cred ca m-ai inteles.
div-ul de tab trebuie sa aiba position: relative. (default nu este relative)
div-urile pe care vrei tu sa le asezi, le pui cu position: absolute. Ele vor ramane in tab, si vor avea coordonatele relative la div-ul de tab.
de exemplu:
<div id="tab1" style="postion: relative; width: 500px; height: 500px;">
	<div id="ob1" style="position: absolute; left: 20px; top: 30px">Primul obiect</div>
	<div id="ob2" style="position: absolute; left: 50px; top: 80px">Al doilea obiect</div>
</div>

Trebuie sa verifici in schimb daca e valabil pe toate browserele care te intereseaza (pe cele 2 care ma interesau pe mine, a functionat).
da continutul ramane in tab dar nu mai functioneaza functia de auto-height a tab-ului pentru ca i-am stabilit deja lungimea :D...asta ar mai fi singura problema :D

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate