Chcę stworzyć szablon, który ostrzega przed spoilerem tak, żeby z lewej strony był obrazek, a z prawej tekst, a dookoła czerwone obramowanie. Próbowałem na wszelkie sposoby, ale mi nie wychodziło. Proszę o pomoc i z góry dziękuję.
Chcę stworzyć szablon, który ostrzega przed spoilerem tak, żeby z lewej strony był obrazek, a z prawej tekst, a dookoła czerwone obramowanie. Próbowałem na wszelkie sposoby, ale mi nie wychodziło. Proszę o pomoc i z góry dziękuję.
Najprostszy, z wymaganiami, które podałeś to będzie taki:
Kod:
<div style="border:1px solid red"><div style="display:inline-block">[[Plik:Przykład.jpg|50px|link=]]</div><div style="display:inline-block;padding:8px">Ostrzegam Cię!</div></div>
Jeśli znasz się na CSS sądzę, że poradzisz sobie z ostylowaniem go. Jeśli nie podaj więcej szczegółów jak ma wyglądać.. lub chociaż dla jakiej wiki stylistycznie mam go upodobnić.
Bardzo dziękuję, ze stylizacją sobie poradzę. :)
A jak zrobić, żeby dłuższy tekst był po prawej stronie, a nie pod obrazkiem? Float nie działa.
Kod:
<div style="border:1px solid red;display:flex"><div>[[Plik:Przykład.jpg|50px|link=]]</div><div style="padding:8px;flex-basis:calc(100% - 66px)">Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! Ostrzegam Cię! </div></div>