Witam

Jest wykonana prosta strona firmowa. Chcialem aby nie przepisujac jej kodu
umiescic w prawym gornym rogu dwa elementy z Facebook (FB Like i FB Send)
pod ostatnia pozycja menu o nazwie "Kontakt". Obecnie wstawilem te bloki za
pomoca ustawien w .css:

<CODE>
.fbsend {
position: absolute;
top: 34px;
left: 1036px;
}
</CODE>

i potem:

<CODE>
<div class="fbsend">
<div class="fb-send" data-href=" ... ">/<div>
</div>
</CODE>

Problem jest taki, ze na tej samej przegladarce (np. Firefox) raz jest
idealnie wpasowane pod pozycja menu "Kontakt", a na innym komputerze z inna
rozdzielczoscia juz jest przesuniete. Wpisywanie zamiast parametru "left:"
"right:" powoduje, ze te elementy przy zmianie rozmiaru okna przegladarki
tez przesuwaja sie i nie sa przyczepione do menu "Kontakt". Jestem
nowicjuszem i nie chce zabardzo ruszac kodu calej strony. Czy jest jakis
sposob jak wlasciwie taki blok osadzic ?

Za wszelka odpowiedz serdecznie dziekuje.

Pozdrawiam
M.K.

do góry

position: absolute? konieczne? bo to chyba przez to...
--
td

W dniu 26.09.2012 10:40, MK pisze:
> position: absolute

do góry

tzn. bez tego to te bloki <div> z elementami z FB w caly swiat lataja wtedy.
Czy jest mozliwosc za pomoca .css i blokow <div> tak przypiac go do jakiegos
innego bloku/elementu, aby przy zmianie jego polozenia on tez sie z nim
przesuwal ?

M.K.

do góry

W dniu 2012-09-26 10:40, MK pisze:
> Jest wykonana prosta strona firmowa. Chcialem aby nie przepisujac jej kodu
> umiescic w prawym gornym rogu dwa elementy z Facebook (FB Like i FB Send)
> pod ostatnia pozycja menu o nazwie "Kontakt". Obecnie wstawilem te bloki za
> pomoca ustawien w .css:

Nie wstydź się i podaj adres, ewentualnie wrzuć niedziałający fragment
kodu do http://jsfiddle.net/ lub czegoś podobnego.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Paweł P. ma rację - pokaż kod
--
td

W dniu 26.09.2012 13:38, MK pisze:
> tzn. bez tego to te bloki <div> z elementami z FB w caly swiat lataja wtedy.
> Czy jest mozliwosc za pomoca .css i blokow <div> tak przypiac go do jakiegos
> innego bloku/elementu, aby przy zmianie jego polozenia on tez sie z nim
> przesuwal ?
>
> M.K.

do góry

Witam

Adres strony na ktorej chce umiescic elementy FB to: http://www.shirtex.eu/
(nie jest to moja strona).

Dziekuje za pomoc.
M.K.

do góry

Witam

Adres strony na ktorej chce umiescic elementy FB to: http://www.shirtex.eu/
(nie jest to moja strona).

Dziekuje za pomoc.
M.K.

do góry

W dniu 2012-09-27 13:22, MK pisze:
> Adres strony na ktorej chce umiescic elementy FB to: http://www.shirtex.eu/
> (nie jest to moja strona).

Przepraszam, najpierw poprosiłem o adres a potem przez tydzień nie
odpisuję :/
Ustaw sobie dla .fb_container { position:relative; } wówczas Twoje
przyciski będą pozycjonowane wg tego kontenera. Później wystarczy
dopasować im left (albo nawet lepiej zamień na right) i już nie będą
latały przy różnych rozdzielczościach.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Witam i bradzo dziekuje za pomoc.

Wstawiłem w kod css:
<CODE>
.fb_container {
position: relative;
}

.fblike {
position: absolute;
top: 2px;
right: -42px;
}

.fbsend {
position: absolute;
top: 2px;
right: 112px;
}
</CODE>

Wszystko jest OK. Moje pytanie jest tylko takie:
Jezeli zmienilem wpis left na right to wzgledem czego przegladarka wylicza
ta pozycje? Musialem wpisac wartosc ujemna (-42px) aby element pojawil sie w
okreslonym miejscu pozycji menu o nazwie "Kontakt" (www.shirtex.eu).

Pozdrawiam
M.K.

do góry

W dniu 2012-10-22 10:19, MK pisze:
> Witam i bradzo dziekuje za pomoc.
>
> Wstawi?em w kod css:
> <CODE>
> .fb_container {
> position: relative;
> }
>
> .fblike {
> position: absolute;
> top: 2px;
> right: -42px;
> }
>
> .fbsend {
> position: absolute;
> top: 2px;
> right: 112px;
> }
> </CODE>
>
> Wszystko jest OK. Moje pytanie jest tylko takie:
> Jezeli zmienilem wpis left na right to wzgledem czego przegladarka wylicza
> ta pozycje? Musialem wpisac wartosc ujemna (-42px) aby element pojawil sie w
> okreslonym miejscu pozycji menu o nazwie "Kontakt" (www.shirtex.eu).

W tym przypadku względem fb_containe (position:relative). Ogólnie
względem najbliższego "rodzica" z position:relative;

--
Cezary Tomczyk
http://www.ctomczyk.pl/, http://www.jscode.info/

do góry