 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: 10 Pomógł: 0 Dołączył: 21.03.2012 Ostrzeżenie: (0%)
|
Musisz odpowiednio przemyśleć strukturę strony, zawsze możesz użyć margin:auto; co też wyśrodkuje Ci element. Osobiście wykonał bym to w sposób taki że ustalił bym diva dla którego baner bym wrzucał jako tło i jakiś element na środku wycentrował. Pisząc odpowiednio CSSa i strukturę HTMLa da się to uzyskać w ten sposób bez większego problem.
|
|
|
|
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 kiepski96 Zawsze tak robiłem, ale teraz nadając width 100% n... 29.03.2014, 16:30:31 trueblue Cytat(kiepski96 @ 29.03.2014, 13:41:5... 29.03.2014, 16:39:52 
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: 16.10.2025 - 23:58 |
