Skocz do zawartości
  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • Pełny dostęp do działów i ukrytych treści
    • Możliwość pisania i odpowiadania w tematach
    • System prywatnych wiadomości
    • Zbieranie reputacji i rozwijanie swojego profilu
    • Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

CSS pozycjonowanie elementów jeden pod drugim


Rekomendowane odpowiedzi

Opublikowano

@`Wolen

css:

.info {
    color: white;
    border: 2px solid #353b6e;
    overflow: auto;
    margin: 0 auto;
    top: 25px;
    display: inline;
    left: 50px;
    -webkit-box-shadow: 0px -4px 50px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -4px 50px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -4px 50px -15px rgba(0, 0, 0, 0.75);
    height: 120px;
    background: #29274c;
    border-radius: 20px;
    margin-bottom: 25px;
}

index.php:

      <div class="col-md-2">
        <div class="info">
          <div class="jakis div">X </div>
            <h4><p style="text-align: center">.</p>
            <p style="text-align: center"> .</p>
            <p style="text-align: center">.</p></h4>
        </div>
      </div>
 

i przed tym byloby logo które w css wyglada tak:

.logo5 {
    top: 5px;
    left: 50px;
    position:relative;
}

html:

      <a class="navbar-brand logo5" href="index.php">
        <img src="img/lg.png">
      </a>

wyglada to tak: http://scr.hu/7ml5/pnyur

uzywajac kodu html:

      <a class="navbar-brand logo5" href="index.php">
        <img src="img/lg.png">
      </a>
      <div class="col-md-2">
        <div class="info">
          <div class="close">X </div>
            <h4><p style="text-align: center">Only <span style="color: red;">csgohazard.com.pl</span> have set 0% rake!</p>
            <p style="text-align: center">We don't need your items! Feel free playing. </p>
            <p style="text-align: center">Invite your friends! Contest Comming soon.</p></h4>
        </div>
      </div>
Opublikowano

Generalnie na logo trzeba byłoby dać position: fixed; Po logu wrzucić pusty div z clear:both;. Na informacje tez trzeba byłoby position: fixed;. Generalnie w tym kodzie jest niezły bajzel, musisz próbować na własną rękę metodą prób i błędów z tym co tutaj napisałem. Generalnie żeby jedno było pod drugim musisz po logu dać clear:both, dalej kombinuj.

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

×
×
  • Dodaj nową pozycję...