Webboard

Pełna wersja: Jak zbliżyć te div'y?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam, przychodzę znowu z pewną zagwostką.
Co zrobić, żeby zbliżyć do siebie te 3 div'y? 


Chciałbym żeby wyglądało to tak (czyli bardziej zbliżone do siebie):

Tak mam je zapisane:

<br>
Kod:
<div class="ogloszenie">
<div align="center" style="background: black; font-size: 17px; padding: 10px;">
<font color="red">GAZETKA</font><font color="white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</font>
</div>
<br>
</a>
<br>
<a href="https://www.youtube.com/channel/UCLk5TSiLAfT-tst6MGs7GGQ">
<div class="ogloszenie">
<div align="center" style="background: black; font-size: 17px; padding: 10px;">
<font color="red">SKI-MANAGER.XAA.PL</font><font color="white"> | KANAŁ YOUTUBE |</font>
</div>
<br>
</a>
<br>
<a href="http://ski-manager.xaa.pl/showthread.php?tid=185">
<div class="ogloszenie">
<div align="center" style="background: black; font-size: 17px; padding: 10px;">
<font color="red">WYDARZENIE</font><font color="white"> | WYKONANE PRZEZ KRISTOFERA |</font>
</div>
<br>
</a>
Usuń <br> pomiędzy nimi
Tylko, że w tym momencie, złączyły się one całkowicie, mógłbyś zmienić to w tym kodzie i podesłać?
Jeden znacznik br to jeden "enter" - zostaw odpowiednią ilość, np. po 1 i tyle. A, i zainteresuj się jakimś kursem HTML5 i CSS, to są podstawy podstaw - w kodzie używasz tego, co już się nie powinno używać.
Użyj tego kodu:
Kod:
<div class="ogloszenie">
<font color="red">GAZETKA</font><font color="white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</font>
</div>


Do każdego ogłoszenia, a to:

background: black;
font-size: 17px;
padding: 10px;
margin-bottom: 15px;

Wrzuć do global.css do klasy .ogloszenie
Teraz nie ma kompletnie tła, a tekst nie jest wyśrodkowany.

w global.css na samym dole pod SB dodałem:
Kod:
/*OGLOSZENIA*/
.ogloszenie {
background: black;
font-size: 17px;
padding: 10px;
margin-bottom: 15px;
}


a w szablonie zostało:
Kod:
<div class="ogloszenie">
<font color="red">GAZETKA</font><font color="white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</font>
</div>
</a>

<a href="https://www.youtube.com/channel/UCLk5TSiLAfT-tst6MGs7GGQ">
<div class="ogloszenie">
<font color="red">SKI-MANAGER.XAA.PL</font><font color="white"> | KANAŁ YOUTUBE |</font>
</div>
</a>

<a href="http://ski-manager.xaa.pl/showthread.php?tid=185">
<div class="ogloszenie">
<font color="red">WYDARZENIE</font><font color="white"> | WYKONANE PRZEZ KRISTOFERA |</font>
</div>
</a>
(06.02.2018, 21:09)szymex71 napisał(a): [ -> ]Użyj tego kodu:
Kod:
<div class="ogloszenie">
<font color="red">GAZETKA</font><font color="white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</font>
</div>


Do każdego ogłoszenia, a to:

background: black;
font-size: 17px;
padding: 10px;
margin-bottom: 15px;

Wrzuć do global.css do klasy .ogloszenie

Yyy, nie.

Cytat:This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.
https://developer.mozilla.org/pl/docs/We...ement/font

Kod:
<!-- Powiel ten kod tyle razy, ile chcesz mieć ogłoszeń; odpowiednio edytując oczywiście -->
<div class="ogloszenie">
<span class="color_red">GAZETKA</span> <span class="color_white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</span>
</div>

Kod:
/*Do arkusza CSS*/
.ogloszenie {
   background: black;
   margin-bottom: 15px;
   padding: 10px;
   text-align: center;
   font-size: 17px;
}
.color_red { color: red; }

.color_white { color: white; }
e.g https://codepen.io/Fyeem/pen/oEzpGR
Czemu tak się dzieje?
>>
[Obrazek: PP8amC7.png]

/*ogloszenia*/
.ogloszenie {
background: black;
margin-bottom: 15px;
padding: 10px;
text-align: center;
font-size: 17px;
}
.color_red { color: red; }

.color_white { color: white; }





-----szablon------
<div class="ogloszenie">
<span class="color_red">GAZETKA</span> <span class="color_white"> | JUŻ 7 LUTEGO O GODZINIE 21:00 |</span>
</div>

<a href="https://www.youtube.com/channel/UCLk5TSiLAfT-tst6MGs7GGQ">
<div class="ogloszenie">
<span class="color_red">SKI-MANAGER</span> <span class="color_white"> | KANAŁ YOUTUBE |</span>
</div>
</a>

<a href="http://ski-manager.xaa.pl/showthread.php?tid=185">
<div class="ogloszenie">
<span class="color_red">WYDARZENIE</span> <span class="color_white"> | WYKONANE PRZEZ KRISTOFERA |</span>
</div>
</a>
Znaczniki <a> przenieś pod div'a ogłoszenie.