Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
[CSS] Stale umiejscowienie obrazka niezaleznie od rozdzielczosci
|
Liczba postów: 252
Liczba wątków: 10
Dołączył: 06-02-2012
Reputacja:
14
pewnie żeby było jeszcze śmieszniej
Liczba postów: 7
Liczba wątków: 1
Dołączył: 10-10-2012
Reputacja:
0
11-10-2012, 12:46
(Ten post był ostatnio modyfikowany: 11-10-2012, 12:50 przez fizykpl.)
Strona stoi na joomli bo nie ma 5 podstron tylko troche wiecej. Trzeba kliknac na produkt zeby poczytac jego opis itd.
O relative i absolute poczytalem i wiem o co w tym chodzi, mi chodzi jednak, aby zawsze bylo to zakotwiczone w prawym gornym rogu tla glownego rownoczesnie bedac a wierzchu tak jak jest teraz, tak ze kiedy mamy wyzsza rozdzielczosc monitora ta pieczatka zostaje na miejscu a nie leci sobie do rogu okna.
@camelrafal
Biorac pod uwage ze napisalem w dziale dla poczatkujacych to Twoje uwagi sa mocno nie na miejscu. Jak jestes profesjonalista i w ten sposob podchodzisz do ludzi zadajacych pytania grzecznie i w sposob nieidiotyczny, to nie swaidczy zbyt dobrze o Tobie, szczegolnie, ze merytorycznie nie wniosles absolutnie nic do dyskusji.
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
E tam fizyk. Nie bierz tych tekstów do siebie. Zlej je cieplutkim moczem.
Nam się tutaj na forum po prostu nudzi. Zobacz. Zakładasz taki błahy temat, a ile otrzymujesz odpowiedzi 
Tak że tutaj nie ma żadnych wrzutów na ciebie czy stronę. Jest ciut biednie, ale walić to.
Rób dalej i nie przejmuj się tym co piszą w necie. Bo możliwe że po drugiej stronie siedzi zwykły bot.
Liczba postów: 393
Liczba wątków: 0
Dołączył: 04-06-2010
Reputacja:
15
11-10-2012, 16:46
(Ten post był ostatnio modyfikowany: 11-10-2012, 16:46 przez Engine.)
(11-10-2012, 12:46)fizykpl napisał(a): O relative i absolute poczytalem i wiem o co w tym chodzi, ... tak ze kiedy mamy wyzsza rozdzielczosc monitora ta pieczatka zostaje na miejscu a nie leci sobie do rogu okna.
To słabo poczytałeś. Position absolute jest zależne od relative np.
Kod: <div style="position: relative; width:900px;">
<div style="position: absolute; right:0; top:0;">twoja pieczątka</div>
jakaś zawartość strony
</div>
wtedy twoja pieczątka będzie dosunięta do krawędzi danego div-a z relative.
Liczba postów: 7
Liczba wątków: 1
Dołączył: 10-10-2012
Reputacja:
0
11-10-2012, 17:19
(Ten post był ostatnio modyfikowany: 11-10-2012, 17:39 przez fizykpl.)
(11-10-2012, 16:46)Engine napisał(a): (11-10-2012, 12:46)fizykpl napisał(a): O relative i absolute poczytalem i wiem o co w tym chodzi, ... tak ze kiedy mamy wyzsza rozdzielczosc monitora ta pieczatka zostaje na miejscu a nie leci sobie do rogu okna.
To słabo poczytałeś. Position absolute jest zależne od relative np.
Kod: <div style="position: relative; width:900px;">
<div style="position: absolute; right:0; top:0;">twoja pieczątka</div>
jakaś zawartość strony
</div>
wtedy twoja pieczątka będzie dosunięta do krawędzi danego div-a z relative.
A jesli tlo jest umiejscowione w sekcji body i wyglada ona nastepujaco:
Kod: body{
margin:0;
padding:0;
text-align:center;
background: #fff url(/templates/bareing/images/bg.png) center top no-repeat;
font-size:13px;
color:#8f6e40;
font-family: helvetica, tahoma, arial , sans-serif;
font-weight:bold;
}
To jest jakas opcja zeby sie do tego podanego w body tla odniesc w div'ie pieczatki?
I oczywiscie warunek musze spelnic taki ze tlo z body musi byc pod wszystkim (modulami, wpisami, etc.) natomiast pieczatka ma sie nad tym wszystkim znajdowac
Liczba postów: 393
Liczba wątków: 0
Dołączył: 04-06-2010
Reputacja:
15
11-10-2012, 18:31
(Ten post był ostatnio modyfikowany: 11-10-2012, 18:31 przez Engine.)
raczej coś w tym stylu.
CSS:
Kod: body{
tak jak jest
}
div.width {
width:900px; /* twoja szerokość */
min-width:900px;
margin:0 auto;
position: relative;
background: #fff url(/templates/bareing/images/bg.png) center top no-repeat;
}
W html dajesz:
Kod: <body>
<div class="width">
<div style="position: absolute; right:0; top:0;">twoja pieczątka</div>
zawrotność strony
</div> - zamykasz tuż przed body
</body>
</html>
Liczba postów: 7
Liczba wątków: 1
Dołączył: 10-10-2012
Reputacja:
0
12-10-2012, 13:16
(11-10-2012, 18:31)Engine napisał(a): raczej coś w tym stylu.
CSS:
Kod: body{
tak jak jest
}
div.width {
width:900px; /* twoja szerokość */
min-width:900px;
margin:0 auto;
position: relative;
background: #fff url(/templates/bareing/images/bg.png) center top no-repeat;
}
W html dajesz:
Kod: <body>
<div class="width">
<div style="position: absolute; right:0; top:0;">twoja pieczątka</div>
zawrotność strony
</div> - zamykasz tuż przed body
</body>
</html>
Dziekuje bardzo za pomoc  podzialalo jak trzeba
|
Podobne wątki… |
Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
|
[HTML] Filmik zamiast obrazka wyróżniającego |
kuklaale |
1 |
2,757 |
02-11-2016, 18:36
Ostatni post: martt4dg
|
|
[CSS][HTML] Ustawienie obrazka z boku strony |
Witek7777 |
8 |
8,476 |
22-09-2016, 01:05
Ostatni post: pocahontas
|
|
[CSS] Problem z wysrodkowaniem obrazka |
Witek76 |
3 |
3,782 |
22-08-2013, 14:56
Ostatni post: Kartofelek
|
|
Jak spowodować wysunięcie na wierzch obrazka? |
Shibu |
4 |
4,088 |
13-05-2013, 18:12
Ostatni post: hieroshima
|
|
Optymalizacja strony pod różne rozdzielczości |
netmebel |
5 |
4,183 |
10-05-2013, 23:54
Ostatni post: kornell
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
Sponsorzy i przyjaciele
|
|
|