[HTML][CSS]Przesunięcie tekstu |
[HTML][CSS]Przesunięcie tekstu |
11.10.2009, 14:50:42
Post
#1
|
|
Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) |
Witam. Mam taki problem. Otóż chciałbym przesunąć tekst w danym divie tak, aby zaczynał się np. 20px od lewej i 100 px od góry. Mam taki kod:
index.php Kod <div id="tresc"> TREŚĆ </div> a tu style.css: Kod #tresc { width: 900px; height: auto; background: url(images/news.png); overflow: hidden; float: left; } nie wiem jaką komendę dodać aby przesunąć w prawo cały tekst i trochę do dołu. Sprawdzałem margin-left i top , oraz padding ale one przesuwają wszystko. |
|
|
11.10.2009, 15:00:07
Post
#2
|
|
Grupa: Zarejestrowani Postów: 140 Pomógł: 22 Dołączył: 1.05.2009 Skąd: Będzin Ostrzeżenie: (0%) |
Stwórz dodatkowy div w środku np. teresc_inner i tam staw margin-left i top
Ten post edytował Zosiek 11.10.2009, 15:01:31 -------------------- Pamiętaj ja staram się pomóc tobie, a ty może kiedyś pomożesz mnie. :D
Pomogłem Ci?? Jeśli tak to jestem z tego dumny. Jeśli nie to postaram się bardziej - nikt nie jest doskonały :P Kliknij przycisk Pomógł pod postem, który Ci pomógł. |
|
|
11.10.2009, 15:11:35
Post
#3
|
|
Grupa: Zarejestrowani Postów: 389 Pomógł: 141 Dołączył: 11.04.2009 Ostrzeżenie: (0%) |
Tekst umieszczaj w paragrafie <p>.
|
|
|
11.10.2009, 15:32:25
Post
#4
|
|
Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) |
niestety to nie przesunęło tekstu.
|
|
|
11.10.2009, 15:37:04
Post
#5
|
|
Grupa: Zarejestrowani Postów: 140 Pomógł: 22 Dołączył: 1.05.2009 Skąd: Będzin Ostrzeżenie: (0%) |
Ale co. <p> czy dodatkowy div.
-------------------- Pamiętaj ja staram się pomóc tobie, a ty może kiedyś pomożesz mnie. :D
Pomogłem Ci?? Jeśli tak to jestem z tego dumny. Jeśli nie to postaram się bardziej - nikt nie jest doskonały :P Kliknij przycisk Pomógł pod postem, który Ci pomógł. |
|
|
11.10.2009, 16:11:44
Post
#6
|
|
Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) |
dodatkowy div, bo to że dodam znacznik <p> to mi tylko przeniesie bodajże do następnej linii i będzie traktowane jako nowy paragraf , tak ? a mi chodzi o przesunięcie tekstu o daną wartość w prawo i w dół.
|
|
|
11.10.2009, 16:15:03
Post
#7
|
|
Grupa: Zarejestrowani Postów: 140 Pomógł: 22 Dołączył: 1.05.2009 Skąd: Będzin Ostrzeżenie: (0%) |
U mnie działa nawet sprawdziłem ze stylami w divie
-------------------- Pamiętaj ja staram się pomóc tobie, a ty może kiedyś pomożesz mnie. :D
Pomogłem Ci?? Jeśli tak to jestem z tego dumny. Jeśli nie to postaram się bardziej - nikt nie jest doskonały :P Kliknij przycisk Pomógł pod postem, który Ci pomógł. |
|
|
11.10.2009, 20:27:04
Post
#8
|
|
Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) |
Kod #tresc { width: 900px; height: 135px; background: url(images/tytul.png); clear: both; } #tresc_inner { margin-left: 20px; margin-top: 150px; } W prawo przesuwa się i owszem, w dół jednak ani o piksel. |
|
|
11.10.2009, 20:47:38
Post
#9
|
|
Grupa: Zarejestrowani Postów: 140 Pomógł: 22 Dołączył: 1.05.2009 Skąd: Będzin Ostrzeżenie: (0%) |
Podaj cała strukturę twojej strony i css
Wkleiłem u siebie to co ty masz i działa. Ten post edytował Zosiek 11.10.2009, 20:52:20 -------------------- Pamiętaj ja staram się pomóc tobie, a ty może kiedyś pomożesz mnie. :D
Pomogłem Ci?? Jeśli tak to jestem z tego dumny. Jeśli nie to postaram się bardziej - nikt nie jest doskonały :P Kliknij przycisk Pomógł pod postem, który Ci pomógł. |
|
|
12.10.2009, 18:33:09
Post
#10
|
|
Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) |
mniej więcej, a raczej dokładnie tak. |
|
|
12.10.2009, 18:57:12
Post
#11
|
|
Grupa: Zarejestrowani Postów: 140 Pomógł: 22 Dołączył: 1.05.2009 Skąd: Będzin Ostrzeżenie: (0%) |
Jeśli wywalisz Kod float: left; to zadziała nie wiem dlaczego to kolidujeto samo jak dasz pozycje static (możesz pokombinować z tym jeśli nie chcesz wywalać floata:
-------------------- Pamiętaj ja staram się pomóc tobie, a ty może kiedyś pomożesz mnie. :D
Pomogłem Ci?? Jeśli tak to jestem z tego dumny. Jeśli nie to postaram się bardziej - nikt nie jest doskonały :P Kliknij przycisk Pomógł pod postem, który Ci pomógł. |
|
|
12.10.2009, 19:00:55
Post
#12
|
|
Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) |
usunięcie komendy float:left rzeczywiście pomogło, z tym, że przesunęło mi także obrazek tego diva i zrobiło "lukę" której ja nie chcę
|
|
|
12.10.2009, 19:06:38
Post
#13
|
|
Grupa: Zarejestrowani Postów: 140 Pomógł: 22 Dołączył: 1.05.2009 Skąd: Będzin Ostrzeżenie: (0%) |
Pobaw się komendą (dla tego diva lub fotki)
position: Polecam książkę http://helion.pl/ksiazki/csswit.htm dla position (absolute etc.) możesz zdać top:Xpx; i right, left, top.) -------------------- Pamiętaj ja staram się pomóc tobie, a ty może kiedyś pomożesz mnie. :D
Pomogłem Ci?? Jeśli tak to jestem z tego dumny. Jeśli nie to postaram się bardziej - nikt nie jest doskonały :P Kliknij przycisk Pomógł pod postem, który Ci pomógł. |
|
|
12.10.2009, 19:10:54
Post
#14
|
|
Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) |
ale dla tego diva z tą treścią czy dla tego logo co pisałeś ?
|
|
|
12.10.2009, 19:13:39
Post
#15
|
|
Grupa: Zarejestrowani Postów: 140 Pomógł: 22 Dołączył: 1.05.2009 Skąd: Będzin Ostrzeżenie: (0%) |
Dla diva z logo (albo samej fotki dla tego diva). Możesz też dać z powrotem float i bawić się position na tym divie z treścią
-------------------- Pamiętaj ja staram się pomóc tobie, a ty może kiedyś pomożesz mnie. :D
Pomogłem Ci?? Jeśli tak to jestem z tego dumny. Jeśli nie to postaram się bardziej - nikt nie jest doskonały :P Kliknij przycisk Pomógł pod postem, który Ci pomógł. |
|
|
12.10.2009, 19:17:21
Post
#16
|
|
Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) |
ok , pobawię się, ale mimo efektu końcowego dostajesz ode mnie pomógł
|
|
|
12.10.2009, 19:19:52
Post
#17
|
|
Grupa: Zarejestrowani Postów: 140 Pomógł: 22 Dołączył: 1.05.2009 Skąd: Będzin Ostrzeżenie: (0%) |
Thx Nmzc. Cała przyjemność po mojej stronie. Pamiętaj, że nikt nie może za ciebie robić wszystkiego To forum jest po to aby naprowadzać a nie dawać gotowce . Uważam temat do zamkniećia
-------------------- Pamiętaj ja staram się pomóc tobie, a ty może kiedyś pomożesz mnie. :D
Pomogłem Ci?? Jeśli tak to jestem z tego dumny. Jeśli nie to postaram się bardziej - nikt nie jest doskonały :P Kliknij przycisk Pomógł pod postem, który Ci pomógł. |
|
|
Wersja Lo-Fi | Aktualny czas: 19.04.2024 - 01:30 |