Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]Przesuniecie odnośników w prawo
Epinefryna
post
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 30.01.2012

Ostrzeżenie: (0%)
-----


Mam dosć błąchy problem.
Mam elemnt po lewej stronie, koło tego elementu chciałbym dodać trzy odnośniki z prawej, ale w tej samej linii co jest ten lewy i żeby te odnośniki po prawej dochodziły do skraju strony z prawej strony.
Owe lelemnty dodaje i są ładnie z prawej strony w jednej linii z tym elementem po lewej, ale nie dochodzą do skraju strony z prawej strony, tylko trzymają się nie daleko tego elemntu po lewej. Próbowałem już na różne sobosby i nie chce się dziadostwo przesunąć na skraj strony, tylko się przełamuje i część odnnośników spada akapit niżej.
Proszę o rade jak to w HTML i CSS wykonać?
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




A świstak siedzi... Pokaż kod, wróżki mają ferie.
Go to the top of the page
+Quote Post
Epinefryna
post
Post #3





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 30.01.2012

Ostrzeżenie: (0%)
-----


Sorry, nie wiedziałem właśnie czy będzie potrzebny kod, czy mam to na nowo zakodowywać.

To jest cały kod z HTML
  1. <dl class="left-box details" style="width: 80%;">
  2. <dt>{L_USERNAME}:</dt>
  3. <dd>
  4. <!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span><dl class="right-box" style="width: 80%;">
  5. <dd>
  6. <!-- IF U_USER_ADMIN --> <a href="{U_USER_ADMIN}">{L_USER_ADMIN}</a> |<!-- ENDIF -->
  7. <!-- IF U_USER_BAN --> <a href="{U_USER_BAN}">{L_USER_BAN}</a> |<!-- ENDIF -->
  8. <!-- IF U_SWITCH_PERMISSIONS --> <a href="{U_SWITCH_PERMISSIONS}">{L_USE_PERMISSIONS}</a> <!-- ENDIF -->
  9. </dd></dl></span></dl></dd></dl></dd>


To jest z w/w kodu ten element po lewej:
  1. <dt>{L_USERNAME}:</dt>
  2. <dd>
  3. <!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->

a to są te odnośniki które dodałem po prawej tego elementu:
  1. <dl class="right-box" style="width: 80%;">
  2. <dd>
  3. <!-- IF U_USER_ADMIN --> <a href="{U_USER_ADMIN}">{L_USER_ADMIN}</a> |<!-- ENDIF -->
  4. <!-- IF U_USER_BAN --> <a href="{U_USER_BAN}">{L_USER_BAN}</a> |<!-- ENDIF -->
  5. <!-- IF U_SWITCH_PERMISSIONS --> <a href="{U_SWITCH_PERMISSIONS}">{L_USE_PERMISSIONS}</a> <!-- ENDIF -->
  6. </dd></dl></span></dl></dd></dl></dd>

A to jest CSS
Kod
.left-box {
    float: left;
    width: auto;
    text-align: left;
}

.right-box {
    float: right;
    width: auto;
    text-align: right;
    display: inline;
}

dl.details {
    /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
    font-size: 1.1em;
}

dl.details dt {
    float: left;
    clear: left;
    width: 30%;
    text-align: right;
    color: #000000;
    display: block;
}

dl.details dd {
    margin-left: 0;
    padding-left: 5px;
    margin-bottom: 5px;
    color: #828282;
    float: left;
    width: 65%;
    word-wrap: break-word;
}


hehe, kolejny mój temat w którym prosicie o kod i po wstawieniu kodu cisza ?

Ten post edytował Epinefryna 5.02.2012, 23:24:51
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #4





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




Nikomu się nie chce myśleć za Ciebie. Napisałeś to tak chaotycznie. Te elementy, o których wspomniałeś, to <dl>? A czemu nie <li>?

A co to:
  1. float: left;
  2. clear: left;

Dlatego ucieka.

Generalnie, display: inline, display: block i float: left; powinno załatwić sprawę. Może daj jakiś screen, co masz i co chcesz osiągnąć.
Go to the top of the page
+Quote Post
Epinefryna
post
Post #5





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 30.01.2012

Ostrzeżenie: (0%)
-----


Cytat(Kshyhoo @ 6.02.2012, 15:27:58 ) *
Nikomu się nie chce myśleć za Ciebie. Napisałeś to tak chaotycznie. Te elementy, o których wspomniałeś, to <dl>? A czemu nie <li>?

Jak za mnie, zanim założyłem ten temat kilka godzin z tym walczyłem, czasem zamiast zwalać coś na wróżki lepiej się przyznać że coś Cie przerasta wtedy wychodzi się z honorem.
Później może dam screen, albo uderze na angeliski suport bo tu to wątpie żebyście pomogli, małą wiedze macie co do skryptu phpbb3
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #6





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




No i życzymy powodzenia z taki podejściem.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 2.10.2025 - 08:35