 Problem z responsywnym bannerem |
| Problem z responsywnym bannerem |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 233 Pomógł: 0 Dołączył: 22.02.2010 Ostrzeżenie: (0%) 
 |
Witam,
Na stronie umieściłem banner, któremu nadałem width 100%, aby był responsywny. Chcę teraz umieścić na niego obrazek, który ma być na jego środku, jak to zrobić ? Jak powinna wyglądać struktura i jaką pozycję nadać temu elementowi w css ? http://prntscr.com/354k1x Ten post edytował kiepski96 29.03.2014, 12:35:47 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 807 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Cytat(kiepski96 @ 29.03.2014, 13:41:53 )  tylko że wtedy będę ustalał pozycję względem 0 0 strony, a nie elementu? Jeśli nie nadasz banerowi position, a element będziesz pozycjonował absolutnie, to wtedy względem rodzica bannera. Cytat(kiepski96 @ 29.03.2014, 13:41:53 ) Wtedy podając tą absolutną pozycję podawać w % ? Zależy co chcesz osiągnąć. Piszesz o responsywności, więc raczej w procentach, chyba, że będziesz robił skalowanie i pozycjonowanie elementów w JS. |
|
|
|
kiepski96 Problem z responsywnym bannerem 29.03.2014, 12:33:34 
trueblue Na bannerze:
text-align:center;
Na elemencie:
dis... 29.03.2014, 13:03:31 kiepski96 A jeśli na banner miałbym wstawić obrazek ? 29.03.2014, 13:10:50 trueblue Tylko: text-align: center; dla bannera. 29.03.2014, 13:14:06 kiepski96 no ok, a jak będę chciał na tym responsywnym banne... 29.03.2014, 13:31:14 trueblue position: absolute lub position:relative;
left i t... 29.03.2014, 13:37:55 kiepski96 tylko że wtedy będę ustalał pozycję względem 0 0 ... 29.03.2014, 13:41:53 norbi666 Musisz odpowiednio przemyśleć strukturę strony, za... 29.03.2014, 15:48:26 kiepski96 Zawsze tak robiłem, ale teraz nadając width 100% n... 29.03.2014, 16:30:31 
trueblue Nadaj #banner position:relative;
Podstawy:
http:/... 29.03.2014, 17:03:48 kiepski96 Zrobiłem strukturę:
<section id="bann... 29.03.2014, 16:47:53 trueblue Jaki styl ma #banner i jaki H1? 29.03.2014, 16:48:49 kiepski96 #banner img{
margin-top: 2%;
}
#banner h1{
... 29.03.2014, 16:54:35 trueblue Pisałem wyżej jaki będzie efekt jeśli nie nadasz b... 29.03.2014, 16:57:57 kiepski96 Troche Cię nie rozumiem.. przecież nie pozycjonuję... 29.03.2014, 17:00:17 kiepski96 Nadałem, ale nadal element nie ustawia się wewnątr... 29.03.2014, 17:05:29 trueblue http://prntscr.com/356mfy 29.03.2014, 17:11:13 kiepski96 Czyli w czym może być problem, że w moim kodzie to... 29.03.2014, 18:41:40 trueblue Pod jaką przeglądarką testujesz? 29.03.2014, 18:44:32 kiepski96 Pod chrome...
Jeszcze raz wrzucę kod:
[HTML] pob... 29.03.2014, 18:52:59 trueblue [HTML] pobierz, plaintext <section id="b... 29.03.2014, 18:55:21 kiepski96 Niestety nadal pozycjonuje względem punktu 0,0 prz... 29.03.2014, 19:01:01 norbi666 Jaka wersja Chrome?
[HTML] pobierz, plaintext #... 29.03.2014, 22:26:23  |
|
Aktualny czas: 14.10.2025 - 13:12 |
