Problem z css i motywem Vantage
-
Witajcie ponownie,
zrobiłem sobię w divach pewien zestaw grafik. Z racji że darmowa wersja motywu Vantage ma coś takiego jak Home Page Builder postanowiłem dodać widget tekstu lub html i wrzucić tam kod. Kod znajduje się poniżej :
<div id="glowna"> <div id="kol1"><img src="../wordpress/th/stat.png" /> </div> <div id="kol2"> <div id="kol2g"> <img src="../wordpress/th/sprawdz.jpg" /> </div> <div id="kol2d"> <img src="../wordpress/th/1234.png" /></div> </div> <div id="kol3"><img src="../wordpress/th/onas.png" /></div> <div id="kol4"> <div id="kol4g"> <img src="../wordpress/th/bab.jpg" /> </div> <div id="kol4d"> <img src="../wordpress/th/referencje.jpg" /> </div> </div> <div id="kol5"> <div id="kol5g"> <img src="../wordpress/th/zadzwon.png" /> </div> <div id="kol5d"> <img src="../wordpress/th/1212.png" /> </div> </div> </div> <style> #glowna { max-width: 1080 px; min-width: 420 px; } @media all and (min-width:480px) and (max-width:1100px) { #kol3 { clear:both; width:400px; height:400px; } #kol4 { clear:both } } #kol1 { height: auto; width: 18,52%; float: left; } #kol2 { height: auto; width: 18,52%; float: left; } #kol2d { float:left }' #kol2g { } #kol3 { height: auto; width: 25,92%; float: left; } #kol4 { height: auto; width: 18,52%; float: left; } #kol4g { } #kol4d { } #kol5 { height: auto; width: 18,52%; float: left; } #kol5g { } #kol5d { } </style>
Niestety atrybut @media w ogóle nie działa. Kiedy zrobiłem sobię prostą stronę html z tym kodem wszystko działa jak należy. Co więcej, w wordpressie wskakują dziwne marginesy.
Teraz mam pytanie.. Co może być nie tak? Pewnie coś banalnego ale wiele nauki przede mną jeszcze. Drugie pytanie polega na tym czy jest jakiś prostszy sposób by zrobić sobie stronę główną gdzie mógłbym po prostu wkleić kod html? Oczywiście header, footer, oraz pasek menu zostałby z szablonu.
Oraz trzecie i zarazem ostatnie pytanie dotyczące powyższego kodu. Chciałbym aby obrazy się skalowały, ale nie mogę znaleźć sprawdzonego rozwiązania… Byłbym wdzięczny przynajmniej za podpowiedzi.
Pozdrawiam
Marcin
- Temat ‘Problem z css i motywem Vantage’ jest zamknięty na nowe odpowiedzi.