 [CSS]Wyrównanie do prawej i lewej |
  |
| [CSS]Wyrównanie do prawej i lewej |
 16.07.2009, 14:27:50
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%) 
 |
Witam!
Mam taki kawałek kodu Kod <p> Ilość: 2 <br /> Wartość: 29 zł </p> Jak zrobić, żeby cyfry układały się przy prawek prawędzi akapitu? Nie chcę stosować do tego tabelki. |
 |
 
|
|
16.07.2009, 14:35:19
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 9.05.2009 Ostrzeżenie: (0%)
|
Kod p {text-align:right}
Ten post edytował kasper 16.07.2009, 14:35:59 |
|
|
|
|
16.07.2009, 14:46:46
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
Wtedy wszystko przesunie się do prawej krawędzi;P
Ten post edytował gcdreak 16.07.2009, 14:47:15 |
|
|
|
|
16.07.2009, 14:48:54
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 389 Pomógł: 141 Dołączył: 11.04.2009 Ostrzeżenie: (0%)
|
Kod <p style=" ">Ilość: <span style=" float:right">2</span> <br /> Wartość: <span style=" float:right; ">29 zł</span></p>
|
|
|
|
|
16.07.2009, 14:52:14
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 9.05.2009 Ostrzeżenie: (0%)
|
Kod <p> Ilość: <span id="right">2</span><br /> Wartość: <span id="right">29 zł</span> </p> Kod #right { text-align: right }
|
|
|
|
|
16.07.2009, 14:55:57
Post
#6
|
|
 Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)
|
To co tu masz to lista definicji:
Kod <dl> Kodu CSS Ci pisać nie będę, ale wskazówkę Ci dać mogę.<dt>Ilość:</dt><dd>2</dd> <dt>Wartość:</dt><dd>29 zł</dd> </dl> Użyj float: left i oczywiście text-align: right. |
|
|
|
|
16.07.2009, 15:12:39
Post
#7
|
|
 Grupa: Zarejestrowani Postów: 382 Pomógł: 22 Dołączył: 21.05.2007 Skąd: Elbląg Ostrzeżenie: (0%)
|
Cytat(kasper @ 16.07.2009, 15:52:14 )  Kod <p> Ilość: <span id="right">2</span><br /> Wartość: <span id="right">29 zł</span> </p> Kod #right { text-align: right } Nie id, nie id. class jeżeli już. Jak udzielasz pomocy to podawaj poprawne odpowiedzi. Kod .right { float: right; } Działa na 100%. Ten post edytował MajareQ 16.07.2009, 15:12:54 |
|
|
|
|
16.07.2009, 15:17:53
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 9.05.2009 Ostrzeżenie: (0%)
|
Cytat(MajareQ) Nie id, nie id. class jeżeli już. Jak udzielasz pomocy to podawaj poprawne odpowiedzi. Mój błąd, przepraszam. |
|
|
|
|
16.07.2009, 16:18:58
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
Jeśli daje float: right to text schodzi do pierwszej linni. Jeżeli stosuje <br /> to liczby się obniżają i nie jest to dziwne ponieważ stosując float wyłączamy element z normalnego biegu dokumentu. Dodając doniego float powoduje, że <p>nie obejmuje go.
|
|
|
|
|
16.07.2009, 16:21:14
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)
|
Patrzyłeś na mój post?
|
|
|
|
|
16.07.2009, 19:00:05
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
Patrzyłem, ale przyznam troche mi się to nie układało, a dokładniej to układało mi się tak, żę opis był nad liczbą
Ten post edytował gcdreak 17.07.2009, 08:38:39 |
|
|
|
|
16.07.2009, 21:19:03
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)
|
Kod dt{
float: left; } dd{ text-align: right; } |
|
|
|
|
17.07.2009, 08:47:39
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
Niestety to ciągle nie to:/
|
|
|
|
|
17.07.2009, 08:51:14
Post
#14
|
|
|
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)
|
Aż sprawdziłem...
Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Przykro mi, ale... działa.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Przykładowy dokument</title> <style type="text/css"> *{ margin: 0; padding: 0; } dl{ width: 300px; } dt{ float: left; } dd{ text-align: right; } </style> <script type="text/javascript"></script> </head> <body> <dl> <dt>Ilość:</dt><dd>45</dd> <dt>Wartość:</dt><dd>2300 zł</dt> </dl> </body> </html> |
|
|
|
|
17.07.2009, 10:05:25
Post
#15
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
No działa działa.
Ja obok tego mam jeszcze obrazek(po prawej stronie) i nie wiem czy to nei robi problemu. To wygląda dokładnie tak: Kod <div>
<p> Ilość: <?php echo Basket::countItems(); ?><br /> Wartość: <?php echo $basket->getBasketPrice(); ?> zł </p> <a href="basket.php" title="Basket"><img src="images/basket.png" alt="Basket"/></a> </div> |
|
|
|
|
17.07.2009, 10:16:19
Post
#16
|
|
|
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)
|
To dla DL również ustaw float: left.
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 10.05.2025 - 06:59 |
