x-kom hosting

[HTML/CSS] ustawienie linków na stronie

Demerzel
utworzono
utworzono

Chciałbym umieścić na górze strony linki do strony poprzedniej i następnej. Mają one być w jednej linii poziomej. Z linkiem po lewej niema problemu ale link po prawej albo wyrównuje się do lewej albo po wstawieniu do <p> czy <div> znajduje sie o linijkę za nisko. Jak to zrobić?

tyranka
komentarz
komentarz

moze...

align=right ?

Demerzel
komentarz
komentarz

Właśnie nie. Wstawienie tego do znacznika <a> nie zmienia ustawienia. Wstawienie tego do <p> czy <div> powoduje obniżenie o jedną linię.

tyranka
komentarz
komentarz

align

valign

:)

proboj :)

a najlepiej pokaz kod to sie pomoze

Demerzel
komentarz
komentarz

Próbuje to zrobić w CSS.

kod CSS:

.prawo { text-align: right;}

Kod strony:

<a href="../index.php"><< link w tył</a><a href="budowa.php"><span class="prawo">link w przód>></span></a>
tyranka
komentarz
komentarz

to w CSS chyba raczej

a.prawo { text-align: right;}

moze wlasnie o a zapomniales?

[ Dodano: 2007-08-18, 15:15 ]

i wystarczy

<a href="budowa.php" class="prawo">link w przód>></a>

Demerzel
komentarz
komentarz
a.prawo { text-align: right;}
<a class="prawo" href="budowa.php">link dalej>></a>

Nie działa. Przeglądarka SeeMonkey. CSS zewnętrzny ale marginesy dla body są więc jest podłączony.

DoGeR
komentarz
komentarz
<div style="float: right">tekst</div>
Demerzel
komentarz
komentarz

Wstawienie tego:

<div style="float: right">tekst</div>

Niezależnie czy w tej formie czy do <a> powoduje zejście jedną linijkę niżej.

<a href="../index.php"><< link w tył</a><a href="budowa.php">link w przód>></a>

Oba te linki muszą być w jednej linii

tyranka
komentarz
komentarz

<table>

<tr>

<td><a href="../index.php"><< link w tył</a></td>

<td><a href="budowa.php">link w przód>></a></td>

</tr>

</table>

zrob tak i bedzie kolo siebie :)

Demerzel
komentarz
komentarz

Tak to mogłem od razu, staram się to zrobić CSS-em a nie ramkami. Do tego komórki tabeli i tak jeszcze trzeba ustawić. Na pewno da sie to jakoś stylami ustawić.

tyranka
komentarz
komentarz

a co za problem CSSa do tego dodac

DoGeR
komentarz
komentarz
<div style="float: left">tekst</div><div style="float: right">tekst</div>
Demerzel
komentarz
komentarz

Właśnie jest z CSS-em ale nijak nie moge tego ustawić albo ignoruje text-align: right albo obniża o jedną linie. cały czas to powtarzam. A chodzi o to żeby w ogóle nie było tabelek.

DoGeR
komentarz
komentarz

Demerzel, sprawdzałem i

<div style="float: left">tekst</div><div style="float: right">tekst</div>

działa, nie przenosi do nastepnej linii

Demerzel
komentarz
komentarz
<div style="float: left"><a href="../index.php"><< Kurs</a></div><div style="float: right"><a href="budowa.php">Budowa>></a></div><ol>		<li><a href="dzialanie.php">punkt 1</a></li>		<li><a href="budowa.php">punkt 2</a></li></ol>

Nie przenosi to prawda ale poniżej znajduje sie lista która sie rozsypuje. :( punkt 1 zostaje wciągnięty do jednej linii z linkiem w tył.

DoGeR
komentarz
komentarz

To zrób tak:

<div style="clear: both;"><a href="budowa.php">Budowa>></a></div><ol>		<li><a href="dzialanie.php">punkt 1</a></li>		<li><a href="budowa.php">punkt 2</a></li></ol></div>
Demerzel
komentarz
komentarz

Przyznam że nie bardzo rozumie ten ostatni fragment.

<div style="float: left"><a href="../index.php"><< link w tył</a></div><div style="float: right"><a href="budowa.php">link w przód >></a></div><div style="clear: both"></div><ol>		<li><a href="dzialanie.php">p1</a></li>		<li><a href="budowa.php">p2</a></li></ol>

Wstawienie <br /> daje taki sam efekt.

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.