Best Answer zonic, 30 January 2014 - 21:10
Tak na szybko wpadł mi do głowy tylko lewy margines.
Coś typu:
h3{ margin-left: 40px; }
Nie wydaje mi się jednak to najlepszym rozwiązaniem.
Go to the full postBest Answer zonic, 30 January 2014 - 21:10
Tak na szybko wpadł mi do głowy tylko lewy margines.
Coś typu:
h3{ margin-left: 40px; }
Nie wydaje mi się jednak to najlepszym rozwiązaniem.
Go to the full postPosted 30 January 2014 - 20:22
Mam problem z podkreśleniem nagłówka, otóż chciałbym, aby podkreślony był tylko tekst, oczywiście bez zmiany położenia ikonki. Problem wydaje się być błahy, ale i tak nie potrafię sobie z nim poradzić. Zamieszczam oczywiście kod, jak i podgląd na żywo.
HTML:
<div class="header-container"> <div class="icon-bg pull-left"> <i class="fa fa-info"></i> </div> <h3 class="title-header"><span>Tytuł - coś tutaj będzie</span></h3> </div><!-- /header-container -->
CSS:
.header-container { } .title-header { border-bottom: 4px solid #ddd; } .title-header span { border-bottom: 4px solid #e02222; } /* tlo dla ikonki */ .icon-bg { width: 30px; height: 30px; border-radius: 15px; background-color: #e02222; color: #fff; font-size: 14px; text-align: center; margin-right: 5px; margin-top: -5px; } /* wycentrowanie ikonki */ .icon-bg .fa { margin-top: 8px; }
JSFiddle: http://jsfiddle.net/mdD7L/1/
Posted 30 January 2014 - 21:10 Best Answer
Tak na szybko wpadł mi do głowy tylko lewy margines.
Coś typu:
h3{ margin-left: 40px; }
Nie wydaje mi się jednak to najlepszym rozwiązaniem.
Posted 30 January 2014 - 21:18
No tak działać działa, tylko co masz na myśli pisząc, że nie jest to dobre rozwiązanie? Mógłbyś napisać coś więcej na ten temat?
Posted 30 January 2014 - 21:26
No tak działać działa, tylko co masz na myśli pisząc, że nie jest to dobre rozwiązanie? Mógłbyś napisać coś więcej na ten temat?
Nie jest to złe rozwiązanie, ale wydaje mi się, że można to zrobić w lepszy sposób bez marginesów. Ja wychodzę z założenia, że im mniej takich "siłowych" rozwiązań tym lepiej.
Zastanawiam się właśnie jak to inaczej ogarnąć i nic innego nie przychodzi mi do głowy. Może ktoś inny coś dorzuci od siebie, albo mnie jutro oświeci
Posted 30 January 2014 - 21:48
Spoko, dzięki za tymczasowe rozwiązanie. Oczywiście popróbuję jeszcze też jakoś to rozwiązać i jak mi się uda to zamieszczę rozwiązanie. Tak czy siak, jak ktoś inny wpadnie na pomysł, to proszę pisać. Prosta rzecz, a tyle główkowania, hehe.
Posted 30 January 2014 - 21:50
Spoko, dzięki za tymczasowe rozwiązanie. Oczywiście popróbuję jeszcze też jakoś to rozwiązać i jak mi się uda to zamieszczę rozwiązanie. Tak czy siak, jak ktoś inny wpadnie na pomysł, to proszę pisać. Prosta rzecz, a tyle główkowania, hehe.
Problem nie leży w rozwiązaniu, bo tych jest kilka. Problem leży w optymalnym rozwiązaniu Przy stronach na bootstrapie, gdzie myślimy o RWD nie ma miejsca na boby
Posted 30 January 2014 - 22:10
Ej nie czaję na JSFiddle przecież jest tylko tekst podkreślony, więc o co cho?
Chodzi o to żeby pod samą ikonką nie było podkreślenia?
Jeżeli tak to margin-left jest tutaj najlepszym rozwiązaniem. Można by kombinować jeszcze z floatami lub display:inline-block, ale wtedy pojawią się problemy że ten nagłówek nie będzie na całą szerokość strony etc.
webDeveloper
Posted 30 January 2014 - 22:18
Ej nie czaję na JSFiddle przecież jest tylko tekst podkreślony, więc o co cho?
Chodzi o to żeby pod samą ikonką nie było podkreślenia?
Jeżeli tak to margin-left jest tutaj najlepszym rozwiązaniem. Można by kombinować jeszcze z floatami lub display:inline-block, ale wtedy pojawią się problemy że ten nagłówek nie będzie na całą szerokość strony etc.
Też na początku nie skumałem
Skoro mówisz, że zostajemy przy lewym marginesie, to Ci wierzę
Posted 30 January 2014 - 22:42
Temat pewnie został wyczerpany, więc można zamknąć. Dzięki wielkie za zainteresowanie no i dosyć szybką pomoc.
Posted 30 January 2014 - 22:45
Zamykam na prośbę autora. W razie jakichkolwiek problemów proszę założyć nowy temat.
Topic | Forum | Started By | Stats | Last Post Info | |
---|---|---|---|---|---|
[aHosting.pl] Promo -50% Bez limitu - Stała zniżka dla forum -10% |
Oferty firm hostingowych | kamis086 |
|
||
[MyDevil.net] System ticketów, GDPR (RODO), nowe usługi: IOD oraz przygotowywanie regulaminów, polityk prywatności oraz bezpieczeństwahosting, webhosting, rodo, gdpr and 6 more... |
Hosting | MyDevil.Net |
|
||
Zaindeksowanie w google bez linków przychodzących |
Pozycjonowanie i optymalizacja | przemoo83 |
|
||
[PSD] Bezpłatne , eleganckie ikony dla strony wwwbezpłatne, psd, ikony, www and 1 more... |
Darmowe materiały graficzne | zonic |
|
||
Sortowanie postów po dacie bez względu na kategorię |
WordPress | przemoo83 |
|
0 members, 0 guests, 0 anonymous users