CSS ਪੋਜੀਸ਼ਨਿੰਗ ਬਸ X, Y ਕੋਆਰਡੀਨੇਟਸ ਤੋਂ ਵੱਧ ਹੈ
CSS ਪੋਜਿੰਗਿੰਗ ਲੰਮੇ ਸਮੇਂ ਤੋਂ ਵੈਬਸਾਈਟ ਲੇਆਉਟ ਬਣਾਉਣ ਦਾ ਮਹੱਤਵਪੂਰਣ ਹਿੱਸਾ ਰਿਹਾ ਹੈ. ਫੈਕਸਬੌਕਸ ਅਤੇ CSS ਗਰ੍ੀਡ ਵਰਗੇ ਨਵੇਂ CSS ਲੇਆਉਟ ਤਕਨੀਕਾਂ ਦੇ ਉਭਾਰ ਦੇ ਨਾਲ, ਕਿਸੇ ਵੀ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਦੇ ਬੈੱਕਜ਼ ਵਿੱਚ ਸਥਿਤੀ ਨੂੰ ਅਜੇ ਵੀ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਸਥਾਨ ਹੈ.
CSS ਪੋਜੀਸ਼ਨਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਤੁਹਾਨੂੰ ਇਹ ਕਰਨ ਦੀ ਲੋੜ ਪਵੇਗੀ, ਜੇਕਰ ਤੁਸੀਂ ਕਿਸੇ ਤੱਤ ਦੇ ਸੰਪੂਰਨ ਜਾਂ ਅਨੁਸਾਰੀ ਪੋਜੀਸ਼ਨਿੰਗ ਦਾ ਉਪਯੋਗ ਕਰਨ ਜਾ ਰਹੇ ਹੋ ਤਾਂ ਬ੍ਰਾਉਜ਼ਰ ਨੂੰ ਦੱਸਣ ਲਈ ਸਥਿਤੀ ਦੇ ਲਈ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਸਥਾਪਤ ਕਰੋ. ਤੁਹਾਨੂੰ ਇਨ੍ਹਾਂ ਦੋ ਪੋਜਿੰਗਾਂ ਦੀਆਂ ਪ੍ਰਾਪਤੀਆਂ ਦੇ ਵਿੱਚ ਫਰਕ ਸਪਸ਼ਟ ਰੂਪ ਵਿੱਚ ਸਮਝਣ ਦੀ ਲੋੜ ਹੈ
ਹਾਲਾਂਕਿ ਸੰਪੂਰਨ ਅਤੇ ਰਿਸ਼ਤੇਦਾਰ ਦੋ CSS ਸਥਿਤੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ ਜੋ ਅਕਸਰ ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ, ਅਸਲ ਵਿੱਚ ਸਥਿਤੀ ਦੇ ਸਥਾਨ ਤੇ ਚਾਰ ਰਾਜ ਹੁੰਦੇ ਹਨ:
- ਸਥਿਰ
- ਅਸਲੀ
- ਰਿਸ਼ਤੇਦਾਰ
- ਫਿਕਸਡ
ਵੈਬ ਪੰਨੇ 'ਤੇ ਕਿਸੇ ਵੀ ਤੱਤ ਲਈ ਸਥਿਰ ਅਵਸਥਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਤੱਤ ਦੀ ਸਥਿਤੀ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਨਹੀਂ ਕਰਦੇ, ਇਹ ਸਥਿਰ ਹੋ ਜਾਵੇਗਾ. ਇਸਦਾ ਅਰਥ ਇਹ ਹੈ ਕਿ ਇਹ ਇਸਦੇ ਆਧਾਰ ਤੇ ਸਕ੍ਰੀਨ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ ਕਿ ਇਹ ਕਿੱਥੇ ਹੈ ਕਿ ਇਸ ਦਸਤਾਵੇਜ਼ ਦੇ ਆਮ ਪ੍ਰਵਾਹ ਦੇ ਅੰਦਰ.
ਜੇ ਤੁਸੀਂ ਪੋਜੀਸ਼ਨਿੰਗ ਨਿਯਮਾਂ ਨੂੰ ਲਾਗੂ ਕਰਦੇ ਹੋ ਜਿਵੇਂ ਕਿ ਚੋਟੀ ਦੇ ਜਾਂ ਖੱਬੇ ਪਾਸੇ ਇਕ ਤੱਤ ਜਿਸਦਾ ਸਥਿਰ ਸਥਿਤੀ ਹੋਵੇ, ਤਾਂ ਉਹ ਨਿਯਮ ਅਣਡਿੱਠੇ ਕੀਤੇ ਜਾਣਗੇ ਅਤੇ ਤੱਤ ਉਦੋਂ ਰਹੇਗਾ ਜਦੋਂ ਇਹ ਆਮ ਦਸਤਾਵੇਜ਼ ਪ੍ਰਵਾਹ ਵਿੱਚ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ. ਸੱਚ ਵਿੱਚ, ਤੁਸੀਂ ਕਦੇ ਹੀ ਨਹੀਂ ਹੁੰਦੇ, ਜੇ ਹਮੇਸ਼ਾਂ, CSS ਵਿੱਚ ਸਥਿਰ ਸਥਿਤੀ ਵਿੱਚ ਇੱਕ ਤੱਤ ਨੂੰ ਤੈਅ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ ਕਿਉਂਕਿ ਇਹ ਮੂਲ ਮੁੱਲ ਹੈ.
ਸੰਪੂਰਨ CSS ਸਥਿਤੀ
ਸੰਪੂਰਨ ਸਥਿਤੀ ਨੂੰ ਸਮਝਣ ਲਈ ਸ਼ਾਇਦ ਸਭ ਤੋਂ ਆਸਾਨ CSS ਸਥਿਤੀ ਹੈ. ਤੁਸੀਂ ਇਸ CSS ਸਥਿਤੀ ਦੀ ਪ੍ਰਾਪਤੀ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ:
ਸਥਿਤੀ: ਸੰਪੂਰਨ;ਇਹ ਵੈਲਯੂ ਬਰਾਊਜ਼ਰ ਨੂੰ ਦੱਸਦੀ ਹੈ ਕਿ ਜੋ ਵੀ ਜੋ ਵੀ ਹੋਣ ਜਾ ਰਿਹਾ ਹੈ ਉਹ ਦਸਤਾਵੇਜ਼ ਦੇ ਆਮ ਪ੍ਰਵਾਹ ਤੋਂ ਹਟਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਇਸਦੇ ਉਲਟ ਸਫ਼ੇ ਤੇ ਸਹੀ ਸਥਾਨ ਦਿੱਤਾ ਗਿਆ ਹੈ. ਇਸਦਾ ਅੰਦਾਜ਼ਾ ਇਸ ਤੱਤ ਦੇ ਨਜ਼ਦੀਕੀ ਗੈਰ-ਸਥਿਰ ਸਥਿਤੀ ਪੂਰਵ ਪੂਰਵਕ ਦੇ ਅਧਾਰ ਤੇ ਕੀਤਾ ਗਿਆ ਹੈ.
ਕਿਉਂਕਿ ਇੱਕ ਬਿਲਕੁਲ ਤੂਲ ਤੱਤ ਦਸਤਾਵੇਜ਼ ਦੇ ਆਮ ਪ੍ਰਵਾਹ ਤੋਂ ਲਿਆ ਗਿਆ ਹੈ, ਇਸ ਨਾਲ ਇਹ ਪ੍ਰਭਾਵ ਨਹੀਂ ਪਵੇਗਾ ਕਿ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਦੇ ਐਲੀਮੈਂਟ ਜਾਂ ਉਸ ਤੋਂ ਬਾਅਦ ਦੇ ਸਫ਼ੇ ਵੈਬ ਪੇਜ ਤੇ ਕਿਵੇਂ ਬਣੇ ਹਨ.
ਇੱਕ ਉਦਾਹਰਣ ਦੇ ਤੌਰ ਤੇ - ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਡਿਵੀਜ਼ਨ ਹੈ ਜੋ ਕਿ ਰਿਸ਼ਤੇਦਾਰ ਦੇ ਮੁੱਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਖੜੀ ਕੀਤੀ ਗਈ ਸੀ (ਅਸੀਂ ਛੇਤੀ ਹੀ ਇਸ ਵੈਲਯੂ ਨੂੰ ਵੇਖਾਂਗੇ), ਅਤੇ ਇਸ ਡਵੀਜ਼ਨ ਦੇ ਅੰਦਰ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਪੈਰਾਗ੍ਰਾਫ ਸੀ ਕਿ ਤੁਸੀਂ ਡਿਵੀਜ਼ਨ ਦੇ ਸਿਖਰ ਤੋਂ 50 ਪਿਕਸਲ ਦੀ ਸਥਿਤੀ ਰਖਣਾ ਚਾਹੁੰਦੇ ਸੀ, ਤੁਸੀਂ ਇਸ ਪੈਰਾ ਦੇ "top" ਜਾਇਦਾਦ ਉੱਤੇ 50 ਪੈਕਸ ਦੇ ਔਫਸੈਟ ਵੈਲਯੂ ਦੇ ਨਾਲ ਪੈਰਾਗ੍ਰਾਫ ਦੇ "ਪੂਰਾ" ਦੀ ਸਥਿਤੀ ਮੁੱਲ ਨੂੰ ਜੋੜ ਦਵੇਗਾ.
ਸਥਿਤੀ: ਸੰਪੂਰਨ; ਸਿਖਰ: 50px;ਇਹ ਬਿਲਕੁਲ ਤੈਨਾਤ ਤੱਤ ਤਦ ਤੋਂ ਦਰਸਾਈ ਸਿੱਧੀਆਂ ਪੱਧਰਾਂ ਦੇ ਸਿਖਰ ਤੋਂ ਹਮੇਸ਼ਾ 50 ਪਿਕਸਲ ਵੇਖਾਏਗਾ - ਕੋਈ ਗੱਲ ਨਹੀਂ ਭਾਵੇਂ ਜੋ ਵੀ ਹੋਵੇ ਉੱਥੇ ਆਮ ਪ੍ਰਵਾਹ ਵਿੱਚ. ਤੁਹਾਡੀ "ਬਿਲਕੁਲ" ਸਥਿਤੀ ਵਾਲਾ ਇਕਾਈ ਇਸਦੇ ਸੰਦਰਭ ਦੇ ਰੂਪ ਵਿਚ ਦਰਸਾਈ ਗਈ ਹੈ ਅਤੇ ਤੁਹਾਡੇ ਦੁਆਰਾ ਵਰਤੀ ਜਾਣ ਵਾਲੀ ਪੋਜੀਸ਼ਨ ਮੁੱਲ ਇਹ ਅਨੁਪਾਤਕ ਹੈ.
ਚਾਰ ਪੋਜੀਸ਼ਨਿੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਜਿਹੜੀਆਂ ਤੁਸੀਂ ਵਰਤੋਂ ਲਈ ਉਪਲਬਧ ਹਨ:
- ਸਿਖਰ ਤੇ
- ਸੱਜੇ
- ਥੱਲੇ
- ਖੱਬੇ
ਤੁਸੀਂ ਜਾਂ ਤਾਂ ਜਾਂ ਤਾਂ ਉੱਪਰ ਜਾਂ ਹੇਠਾਂ ਵਰਤ ਸਕਦੇ ਹੋ (ਕਿਉਂਕਿ ਇਕਾਈ ਨੂੰ ਇਨ੍ਹਾਂ ਦੋਵੇਂ ਮੁੱਲਾਂ ਅਨੁਸਾਰ ਨਹੀਂ ਸੁੱਰ ਸਕਦਾ) ਅਤੇ ਜਾਂ ਤਾਂ ਸੱਜੇ ਜਾਂ ਖੱਬੇ.
ਜੇ ਇਕ ਤੱਤ ਅਸਲੀ ਸਥਿਤੀ ਲਈ ਨਿਰਧਾਰਤ ਕੀਤੀ ਗਈ ਹੈ, ਪਰ ਉਥੇ ਇਸ ਵਿਚ ਕੋਈ ਗੈਰ-ਸਥਿਰ ਸਥਿਤੀ ਵਾਲਾ ਪੂਰਵਜ ਨਹੀਂ ਹੈ, ਫਿਰ ਇਹ ਸਰੀਰ ਦੇ ਤੱਤ ਨਾਲ ਸਬੰਧਤ ਹੈ, ਜੋ ਕਿ ਪੰਨੇ ਦਾ ਸਭ ਤੋਂ ਉੱਚਾ ਤੱਤ ਹੈ.
ਰਿਸ਼ਤੇਦਾਰ ਸਥਿਤੀ
ਅਸੀਂ ਪਹਿਲਾਂ ਹੀ ਸੰਬੰਧਿਤ ਸਥਿਤੀ ਦਾ ਹਵਾਲਾ ਦੇ ਰਹੇ ਹਾਂ, ਆਓ ਹੁਣ ਇਸ ਜਾਇਦਾਦ ਨੂੰ ਵੇਖੀਏ.
ਰੀਲੀਲੇਟਿਵ ਪੋਜੀਸ਼ਨਿੰਗ ਸਮਾਨ ਪੋਜੀਸ਼ਨਿੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਅਸਲੀ ਸਥਿਤੀ ਵਜੋਂ ਵਰਤਦੀ ਹੈ, ਪਰ ਤੱਤ ਦੇ ਪੜਾਅ ਨੂੰ ਆਪਣੀ ਨਜ਼ਦੀਕੀ ਗੈਰ-ਸਥਿਰ ਸਥਿਤੀ ਪੂਰਵ ਪੂਰਵਕ ਤੇ ਆਧਾਰਿਤ ਕਰਨ ਦੀ ਬਜਾਏ, ਇਹ ਉਸ ਤੱਣ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਇਹ ਆਮ ਪ੍ਰਕ੍ਰੀਆ ਵਿੱਚ ਸੀ.
ਉਦਾਹਰਨ ਲਈ, ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਆਪਣੇ ਵੈਬ ਪੇਜ ਤੇ ਤਿੰਨ ਪੈਰੇ ਹਨ ਅਤੇ ਤੀਜੇ ਕੋਲ "ਪੋਜ਼ਿਸ਼ਨ: ਿਰਸ਼ਤੇਦਾਰ" ਸ਼ੈਲੀ ਹੈ, ਤਾਂ ਇਸ ਦੀ ਸਥਿਤੀ ਮੌਜੂਦਾ ਸਥਿਤੀ ਦੇ ਅਧਾਰ ਤੇ ਆਫ਼ਸੈਟ ਹੋਵੇਗੀ.
ਪੈਰਾ 1.
ਪੈਰਾ 2.
ਪੈਰਾ 3.
ਉਪਰੋਕਤ ਉਦਾਹਰਨ ਵਿੱਚ, ਤੀਜੇ ਪੈਰਾ ਨੂੰ ਕੰਟੇਨਰ ਤੱਤਾਂ ਦੇ ਖੱਬੇ ਪਾਸਿਓਂ 2em ਕੀਤਾ ਜਾਵੇਗਾ, ਪਰ ਫਿਰ ਵੀ ਪਹਿਲੇ ਦੋ ਪੈਰਿਆਂ ਤੋਂ ਨੀਚੇ ਹੋਣਗੇ. ਇਹ ਦਸਤਾਵੇਜ਼ ਦੇ ਆਮ ਪ੍ਰਵਾਹ ਵਿੱਚ ਹੀ ਰਹੇਗਾ, ਅਤੇ ਕੇਵਲ ਥੋੜ੍ਹਾ ਜਿਹਾ ਆਫਸੈਟ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਇਸ ਨੂੰ ਪੋਜੀਸ਼ਨ ਤੇ ਬਦਲ ਦਿੱਤਾ ਹੈ: ਬਿਲਕੁਲ; ਇਸ ਦੇ ਹੇਠਾਂ ਕੋਈ ਵੀ ਚੀਜ਼ ਇਸਦੇ ਸਿਖਰ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗੀ, ਕਿਉਂਕਿ ਇਹ ਹੁਣ ਦਸਤਾਵੇਜ਼ ਦੇ ਆਮ ਪ੍ਰਵਾਹ ਵਿੱਚ ਨਹੀਂ ਹੋਵੇਗਾ.
ਕਿਸੇ ਵੈਬ ਪੇਜ ਦੇ ਤੱਤ ਅਕਸਰ ਸਥਿਤੀ ਦੇ ਮੁੱਲ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ: ਕੋਈ ਆਫਸੈੱਟ ਵੈਲਯੂ ਨਾ ਹੋਣ ਦੇ ਸੰਬੰਧ ਵਿਚ ਰਿਸ਼ਤੇਦਾਰ, ਜਿਸਦਾ ਅਰਥ ਹੈ ਕਿ ਇਕਾਈ ਉਸੇ ਤਰ੍ਹਾਂ ਕਾਇਮ ਰਹਿੰਦੀ ਹੈ ਜਿੱਥੇ ਇਹ ਆਮ ਪ੍ਰਵਾਹ ਵਿੱਚ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ. ਇਹ ਸਿਰਫ਼ ਉਸ ਤੱਤ ਨੂੰ ਸੰਦਰਭ ਦੇ ਤੌਰ ਤੇ ਸਥਾਪਿਤ ਕਰਨ ਲਈ ਕੀਤਾ ਗਿਆ ਹੈ ਜਿਸਦੇ ਪ੍ਰਤੀ ਦੂਜੇ ਤੱਤ ਬਿਲਕੁਲ ਤੈ ਕਰ ਸਕਦੇ ਹਨ. ਮਿਸਾਲ ਦੇ ਤੌਰ ਤੇ, ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਆਪਣੀ ਸਾਰੀ ਵੈਬਸਾਈਟ "ਕੰਟੇਨਰ" (ਜੋ ਕਿ ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿਚ ਇਕ ਬਹੁਤ ਹੀ ਆਮ ਦ੍ਰਿਸ਼ ਹੈ) ਦੇ ਕਲਾਸ ਦੇ ਮੁੱਲ ਦੇ ਨਾਲ ਆਲੇ ਦੁਆਲੇ ਹੈ, ਤਾਂ ਉਸ ਡਵੀਜ਼ਨ ਨੂੰ ਰਿਸ਼ਤੇਦਾਰ ਦੀ ਸਥਿਤੀ ਤੇ ਸੈੱਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਤਾਂ ਜੋ ਇਸਦੇ ਅੰਦਰਲੀ ਚੀਜ਼ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕੇ ਇਹ ਇੱਕ ਸਥਿਤੀ ਪ੍ਰਸੰਗ ਦੇ ਰੂਪ ਵਿੱਚ ਹੈ
ਸਥਿਰ ਸਥਿਤੀ ਦੀ ਕੀ ਸਥਿਤੀ ਹੈ?
ਫਿਕਸਡ ਪੋਜੀਸ਼ਨਿੰਗ ਬਿਲਕੁਲ ਸਥਾਈ ਸਥਿਤੀ ਦੀ ਤਰ੍ਹਾਂ ਹੈ ਤੱਤ ਦੀ ਸਥਿਤੀ ਨੂੰ ਅਸਲ ਮਾਡਲ ਦੇ ਰੂਪ ਵਿੱਚ ਉਸੇ ਤਰ੍ਹਾਂ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ, ਪਰ ਫਿਕਸਡ ਐਲੀਮੈਂਟ ਤਦ ਉਸ ਥਾਂ ਵਿੱਚ ਸਥਿਰ ਹੋ ਜਾਂਦੇ ਹਨ - ਲਗਭਗ ਇੱਕ ਵਾਟਰਮਾਰਕ ਵਾਂਗ. ਫਿਰ ਇਸ ਪੇਜ ਤੇ ਬਾਕੀ ਹਰ ਚੀਜ਼ ਉਸ ਤੱਤ ਤੋਂ ਪਿਛਾਂਹ ਛੱਡੇਗੀ.
ਇਸ ਜਾਇਦਾਦ ਦੇ ਮੁੱਲ ਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਸੀਂ ਸੈੱਟ ਕਰੋਗੇ:
ਸਥਿਤੀ: ਸਥਿਰ;ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ, ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੀ ਸਾਈਟ 'ਤੇ ਕਿਸੇ ਤੱਤ ਨੂੰ ਦਰੁਸਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਇਹ ਉਸ ਜਗ੍ਹਾ ਵਿੱਚ ਪ੍ਰਿੰਟ ਕਰੇਗੀ ਜਦੋਂ ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਨੂੰ ਛਾਪਿਆ ਜਾਂਦਾ ਹੈ. ਉਦਾਹਰਨ ਲਈ, ਜੇ ਤੁਹਾਡਾ ਤੱਤ ਤੁਹਾਡੇ ਪੰਨੇ ਦੇ ਸਿਖਰ 'ਤੇ ਸਥਿਰ ਹੈ, ਤਾਂ ਇਹ ਹਰੇਕ ਪ੍ਰਿੰਟ ਕੀਤੇ ਸਫ਼ੇ ਦੇ ਸਿਖਰ' ਤੇ ਦਿਖਾਈ ਦੇਵੇਗਾ - ਕਿਉਂਕਿ ਇਹ ਸਫ਼ੇ ਦੇ ਸਿਖਰ ਤੇ ਸਥਿਰ ਹੈ ਤੁਸੀਂ ਮੀਡੀਆ ਦੀਆਂ ਕਿਸਮਾਂ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਬਦਲਣ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ ਕਿ ਕਿਵੇਂ ਪ੍ਰਿੰਟ ਕੀਤੇ ਪੇਜਿਜ਼ ਸਥਿਰ ਤੱਤ ਦਰਸਾਉਂਦੇ ਹਨ:
@ ਮੀਡੀਆ ਸਕ੍ਰੀਨ {h1 # ਪਹਿਲਾਂ {ਸਥਿਤੀ: ਨਿਸ਼ਚਿਤ; }} @ ਮੀਡੀਆ ਪ੍ਰਿੰਟ {h1 # ਪਹਿਲਾਂ {ਸਥਿਤੀ: ਸਥਿਰ; }}ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 1/7/16 ਨੂੰ ਜਰਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ