Mam taki kawałek kodu
Kod
<p>
Ilość: 2 <br />
Wartość: 29 zł
</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.
Pełna wersja: [CSS]Wyrównanie do prawej i lewej
Witam!
Mam taki kawałek kodu
Jak zrobić, żeby cyfry układały się przy prawek prawędzi akapitu? Nie chcę stosować do tego tabelki.
Mam taki kawałek kodu
Jak zrobić, żeby cyfry układały się przy prawek prawędzi akapitu? Nie chcę stosować do tego tabelki.
Kod
p {text-align:right}
Wtedy wszystko przesunie się do prawej krawędzi;P
Kod
<p style=" ">Ilość: <span style=" float:right">2</span> <br /> Wartość: <span style=" float:right; ">29 zł</span></p>
Kod
<p>
Ilość: <span id="right">2</span><br />
Wartość: <span id="right">29 zł</span>
</p>
Ilość: <span id="right">2</span><br />
Wartość: <span id="right">29 zł</span>
</p>
Kod
#right { text-align: right }
To co tu masz to lista definicji:
Użyj float: left i oczywiście text-align: right.
Kod
<dl>
<dt>Ilość:</dt><dd>2</dd>
<dt>Wartość:</dt><dd>29 zł</dd>
</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.
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>
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;
}
float: right;
}
Działa na 100%.
Cytat(MajareQ)
Nie id, nie id. class jeżeli już.
Jak udzielasz pomocy to podawaj poprawne odpowiedzi.
Jak udzielasz pomocy to podawaj poprawne odpowiedzi.
Mój błąd, przepraszam.
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.
Patrzyłeś na mój post?
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ą
Kod
dt{
float: left;
}
dd{
text-align: right;
}
float: left;
}
dd{
text-align: right;
}
Niestety to ciągle nie to:/
Aż sprawdziłem...
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>
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>
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:
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>
<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>
To dla DL również ustaw float: left.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.