| Zobacz poprzedni temat :: Zobacz następny temat |
| Autor |
Wiadomość |
TheBexio
Maniak postów
Dołączył: 25 Paź 2009
Posty: 154
Przeczytał: 0 tematów
Pomógł: 7 razy
Ostrzeżeń: 3/5
Płeć: 
|
 Wysłany: Czw 13:26, 26 Sie 2010 Temat postu: Napis po prawej stronie |
|
|
Cześć. Już dawno nie prosiłem nikogo z Was o pomoc, więc najwyższy czas to zrobić 
Adres forum: http://adlink.fora.pl
Problem: Chciałbym zrobić takie coś 
Obecnie wygląda to u mnie tak:
| Kod: | | <img src="http://cdn.iconfinder.net/data/icons/humano2/16x16/apps/netscape.png"><a href="http://www.adlink.fora.pl/zasady,25/regulamin,3.html" rel="nofollow"> Regulamin</a><br><img src="http://cdn.iconfinder.net/data/icons/humano2/16x16/apps/netscape.png"><a href="http://www.adlink.fora.pl/zasady,25/pomysly,5.html" rel="nofollow"> Pomysły</a><br><img src="http://cdn.iconfinder.net/data/icons/humano2/16x16/apps/netscape.png"><a href="http://www.adlink.fora.pl/zasady,25/pytania,7.html" rel="nofollow"> Pytania</a><br><img src="http://cdn.iconfinder.net/data/icons/humano2/16x16/apps/netscape.png"><a href="http://www.adlink.fora.pl/zasady,25/skargi,9.html" rel="nofollow"> Skargi</a><br><img src="http://cdn.iconfinder.net/data/icons/humano2/16x16/apps/netscape.png"><a href="http://www.adlink.fora.pl/,25/przywitaj-sie,10.html#10" rel="nofollow"> Przywitaj się</a><br><br><br><img src="http://cdn.iconfinder.net/data/icons/humano2/16x16/apps/netscape.png"><a href="http://www.adlink.fora.pl/,25/rangi-forum,12.html#12l" rel="nofollow"> Rangi na forum</a> |
Post został pochwalony 0 razy
Ostatnio zmieniony przez TheBexio dnia Czw 13:27, 26 Sie 2010, w całości zmieniany 1 raz
|
|
| Powrót do góry |
|
 |
|
|
 |
kamilk
Administrator
Dołączył: 13 Lut 2008
Posty: 1316
Przeczytał: 0 tematów
Pomógł: 61 razy
Ostrzeżeń: 0/5
Płeć:
|
| Wysłany: Czw 18:23, 26 Sie 2010 Temat postu: |
|
|
Możesz dodać coś podobnego do:
| Kod: |
<p align="right" style="position: relative; top: -50px; left: -10px;">Napis</p>
|
W tym przypadku tworzony jest akapit (ang. paragraph) z wyrównaniem do prawej (ang. align -> right). Zmodyfikowany jest też styl, który umożliwia wycentrowanie w pionie (podniesienie o 50 pikseli do góry) i lekkie odsunięcie od prawej krawędzi (o 10 pikseli).
Pokombinuj sam (tutaj kłania się znajomość CSS).
Post został pochwalony 0 razy
|
|
| Powrót do góry |
|
|
TheBexio
Maniak postów
Dołączył: 25 Paź 2009
Posty: 154
Przeczytał: 0 tematów
Pomógł: 7 razy
Ostrzeżeń: 3/5
Płeć:
|
| Wysłany: Czw 18:35, 26 Sie 2010 Temat postu: |
|
|
Wszystko fajnie, ale parę linijek na dole jest wolnych teraz ;/
Post został pochwalony 0 razy
Ostatnio zmieniony przez TheBexio dnia Czw 18:37, 26 Sie 2010, w całości zmieniany 1 raz
|
|
| Powrót do góry |
|
|
kamilk
Administrator
Dołączył: 13 Lut 2008
Posty: 1316
Przeczytał: 0 tematów
Pomógł: 61 razy
Ostrzeżeń: 0/5
Płeć:
|
| Wysłany: Czw 21:47, 26 Sie 2010 Temat postu: |
|
|
| TheBexio napisał: | | Wszystko fajnie, ale parę linijek na dole jest wolnych teraz ;/ |
Dlatego pisałem "pokombinuj" 
Możesz np. ustawić jeszcze atrybut wysokość na 0 ("zero").
Edit:
Daj taki kod na początku:
| Kod: |
<p style="position: relative; top: 50px; left: -10px; display: inline; float: right;">Napis</p>
|
UWAGA: nie musi działać tak samo we wszystkich przeglądarkach (zwłaszcza może dziwacznie wyglądać pod IE 6 lub 7).
Post został pochwalony 1 raz
Ostatnio zmieniony przez kamilk dnia Czw 22:08, 26 Sie 2010, w całości zmieniany 3 razy
|
|
| Powrót do góry |
|
|
TheBexio
Maniak postów
Dołączył: 25 Paź 2009
Posty: 154
Przeczytał: 0 tematów
Pomógł: 7 razy
Ostrzeżeń: 3/5
Płeć:
|
| Wysłany: Pią 16:18, 27 Sie 2010 Temat postu: |
|
|
O! 
Działa, dzięki
Post został pochwalony 0 razy
|
|
| Powrót do góry |
|
|
