P0Y3B

Wyrównanie opcji w okienku informacji. Kod MyBB

6 postów w tym temacie

Mam taki kod: 

 

 

 

 

 

 

 

 

 <td class="trow1">
                                  <img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>
                                  
                                  <i class="fa fa-cogs" aria-hidden="true" style="color:yellow"></i><a href="usercp.php?action=profile" style="color:white"><strong> Edytuj profil</strong></a><br>
                                  <i class="fa fa-user" aria-hidden="true" style="color:yellow"></i><a href="usercp.php?action=changename" style="color:white"><strong> Zmień login</strong></a><br>
                                 <i class="fa fa-key" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=password" style="color:white"><strong> Zmień hasło</strong></a><br>
                                  <i class="fa fa-envelope" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=email" style="color:white"><strong> Zmień e-mail</strong></a><br>
                                <i class="fa fa-picture-o" aria-hidden="true" style="color:yellow"></i>  <a href="usercp.php?action=avatar" style="color:white"><strong> Zmień awatar</strong></a><br>
                                  <i class="fa fa-pencil" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editsig" style="color:white"><strong> Zmień sygnaturę</strong></a><br>
                                  
                                  <i class="fa fa-cog" aria-hidden="true" style="color:yellow;"></i><a href="usercp.php?action=options" style="color:white"><strong> Edytuj opcje</strong></a>
                                  
                
            </td>
 

 

I ostatnia opcja nie jest pod resztą, jak to wyrównać?

 

http://screenshot.sh/ou0YoRszAULcO

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach
 <td class="trow1">
                                  <img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>
                                  <i class="fa fa-cogs" aria-hidden="true" style="color:yellow"></i><a href="usercp.php?action=profile" style="color:white"><strong> Edytuj profil</strong></a><br />
                                  <i class="fa fa-user" aria-hidden="true" style="color:yellow"></i><a href="usercp.php?action=changename" style="color:white"><strong> Zmień login</strong></a><br />
                                 <i class="fa fa-key" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=password" style="color:white"><strong> Zmień hasło</strong></a><br />
                                  <i class="fa fa-envelope" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=email" style="color:white"><strong> Zmień e-mail</strong></a><br />
                                <i class="fa fa-picture-o" aria-hidden="true" style="color:yellow"></i>  <a href="usercp.php?action=avatar" style="color:white"><strong> Zmień awatar</strong></a><br />
                                  <i class="fa fa-pencil" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editsig" style="color:white"><strong> Zmień sygnaturę</strong></a><br />                             
                                  <i class="fa fa-cog" aria-hidden="true" style="color:yellow;padding-left: 2.8cm;"></i><a href="usercp.php?action=options" style="color:white"><strong> Edytuj opcje</strong></a>
            </td>

 

1 osoba lubi to

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

@P0Y3B Musisz zrobić dla ostatniego wiersza taki sam padding jaką szerokość ma zdjęcie (najlepiej podać w px).

Edytowane przez arces
1 osoba lubi to

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Chciałem jeszcze zrobić opcje  z drugiej strony, i czy mój sposób jest poprawny?





<td class="trow1">
                                  <img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>
                                  
                                  <i class="fa fa-cogs" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=profile" style="color:white"><strong> Edytuj profil</strong></a><br>
                                  <i class="fa fa-user" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=changename" style="color:white"><strong> Zmień login</strong></a><br>
                                 <i class="fa fa-key" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=password" style="color:white"><strong> Zmień hasło</strong></a><br>
                                  <i class="fa fa-envelope" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=email" style="color:white"><strong> Zmień e-mail</strong></a><br>
                                <i class="fa fa-picture-o" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=avatar" style="color:white"><strong> Zmień awatar</strong></a><br>
                                  <i class="fa fa-pencil" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editsig" style="color:white"><strong> Zmień sygnaturę</strong></a><br>
                                  
                                  <i class="fa fa-cog" aria-hidden="true" style="color:yellow;padding-left: 105px;"></i><a href="usercp.php?action=options" style="color:white"><strong> Edytuj opcje</strong></a>
                                  <span style="float: right; margin-left:5px; margin-top: -108px;">
                                  <i class="fa fa-users" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=usergroups" style="color:white"><strong> Grupy użytkowników</strong></a><br>
                                      <i class="fa fa-heart" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editlists" style="color:white"><strong> Znajomi i ignorowani</strong></a><br>
                                      <i class="fa fa-paperclip" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=attachments" style="color:white"><strong> Załączniki</strong></a><br>
                                     <i class="fa fa-download" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=drafts" style="color:white"><strong> Zapisane szkice</strong></a><br>
                                    <i class="fa fa-eye" aria-hidden="true" style="color:yellow"></i>  <a href="usercp.php?action=subscriptions" style="color:white"><strong> Subskrybowane wątki</strong></a><br>
                                      <i class="fa fa-eye" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=forumsubscriptions" style="color:white"><strong> Subskrybowane działy</strong></a><br>
                                     <i class="fa fa-user-md" aria-hidden="true" style="color:yellow"></i> <a href="member.php?action=profile&amp;uid={$mybb->user['uid']}" style="color:white"><strong> Pokaż profil</strong></a>
                                  </span>
            
                                  
                
            </td>

  <span style="float: right; margin-left:5px; margin-top: -108px;">

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach
Godzinę temu, P0Y3B napisał:

Chciałem jeszcze zrobić opcje  z drugiej strony, i czy mój sposób jest poprawny?

 

  Pokaż ukrytą zawartość

 

 

 

 

 

 

 

 

<td class="trow1">
                                  <img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>
                                  
                                  <i class="fa fa-cogs" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=profile" style="color:white"><strong> Edytuj profil</strong></a><br>
                                  <i class="fa fa-user" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=changename" style="color:white"><strong> Zmień login</strong></a><br>
                                 <i class="fa fa-key" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=password" style="color:white"><strong> Zmień hasło</strong></a><br>
                                  <i class="fa fa-envelope" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=email" style="color:white"><strong> Zmień e-mail</strong></a><br>
                                <i class="fa fa-picture-o" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=avatar" style="color:white"><strong> Zmień awatar</strong></a><br>
                                  <i class="fa fa-pencil" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editsig" style="color:white"><strong> Zmień sygnaturę</strong></a><br>
                                  
                                  <i class="fa fa-cog" aria-hidden="true" style="color:yellow;padding-left: 105px;"></i><a href="usercp.php?action=options" style="color:white"><strong> Edytuj opcje</strong></a>
                                  <span style="float: right; margin-left:5px; margin-top: -108px;">
                                  <i class="fa fa-users" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=usergroups" style="color:white"><strong> Grupy użytkowników</strong></a><br>
                                      <i class="fa fa-heart" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=editlists" style="color:white"><strong> Znajomi i ignorowani</strong></a><br>
                                      <i class="fa fa-paperclip" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=attachments" style="color:white"><strong> Załączniki</strong></a><br>
                                     <i class="fa fa-download" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=drafts" style="color:white"><strong> Zapisane szkice</strong></a><br>
                                    <i class="fa fa-eye" aria-hidden="true" style="color:yellow"></i>  <a href="usercp.php?action=subscriptions" style="color:white"><strong> Subskrybowane wątki</strong></a><br>
                                      <i class="fa fa-eye" aria-hidden="true" style="color:yellow"></i> <a href="usercp.php?action=forumsubscriptions" style="color:white"><strong> Subskrybowane działy</strong></a><br>
                                     <i class="fa fa-user-md" aria-hidden="true" style="color:yellow"></i> <a href="member.php?action=profile&amp;uid={$mybb->user['uid']}" style="color:white"><strong> Pokaż profil</strong></a>
                                  </span>
            
                                  
                
            </td>
 

 

  <span style="float: right; margin-left:5px; margin-top: -108px;">

W sensie, że zdjęcie jest po prawej stronie?

 

Jeśli o to Ci chodzi, to wystarczy, że przy zdjęciu zmienisz

<img src="{$mybb->user['avatar']}" style="float: left; margin-right:5px;"/>

na

<img src="{$mybb->user['avatar']}" style="float: right; margin-left:5px;"/>


Edit:
Ew. będzie trzeba także poprawić odstępy napisów od zdjęcia.

Edytowane przez arces

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach
Cytuj

  <span style="float: right; margin-left:5px; margin-top: -108px;">

Poszukaj innego rozwiązania, bo w większości twoich postów są jakieś kosmiczne wartości, jak: margin-top: -108px;

1 osoba lubi to

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Napisano przed chwilą

iCash.pl

Żeby dodać komentarz, musisz założyć konto lub zalogować się

Tylko zarejestrowani użytkownicy mogą dodawać komentarze

Rejestracja

Załóż nowe konto. To bardzo proste!


Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.


Zaloguj się teraz