Prostokąt i RWD

pytanie zadane 25 grudnia 2015 w HTML i CSS przez xR Mądrala (6,260 p.)
edycja 25 grudnia 2015 przez xR

Witajcie.

Jak dostosować stworzony przez siebie prostokąt na div pod RWD?
Drugie pytanie, czy warto od razu robić strony rwd? Powiem tak, robię stronkę, na własne potrzeby, i w przypadku dawania % nie zawsze wszystko działa tak jakbym chcial. Warto zbudować stronę na wartościach podanych w pixelach a potem przerabiać?

3 odpowiedzi

odpowiedź 25 grudnia 2015 przez Eimens Maniak (69,240 p.)
wybrane 25 grudnia 2015 przez xR

Najlepsza

Hej,

żeby zrobić prostokąt musisz nadać wymiary dla diva ;)

<div class="prostokat">

PATYL

</div>

css:

.prostokat {

width: 300px;

height: 161px;

background: #303030;

}

Co do stron RWD, tak od razu ucz się robić w RWD, moim zdaniem jest to spory skok w budowaniu strony :p

komentarz 25 grudnia 2015 przez xR Mądrala (6,260 p.)

Ale potem łatwo zmienić na rwd z pikseli, by przerobić? :P

Jeżeli chodzi o położenie, to jakiego użyć, absolute?

komentarz 25 grudnia 2015 przez efiku Szeryf (75,160 p.)

Dajcie mu gotowca, a nie tłumaczycie ;) Przecież wyraźnie to widać.

komentarz 25 grudnia 2015 przez xR Mądrala (6,260 p.)

Nie trzeba, ogarniam, bardziej interesuje mnie po prostu ustawienie pozycji takiego prostokąta, bo w % się sypie ;)

komentarz 25 grudnia 2015 przez efiku Szeryf (75,160 p.)

Hmm gdzieś widziałem, że w Css używają funkcji? calc( 100% - 300px ) :)

https://developer.mozilla.org/en-US/docs/Web/CSS/calc

To mogłoby Ci chyba pomóc ;)

komentarz 25 grudnia 2015 przez xR Mądrala (6,260 p.)

dzięki, może źle sprecyzowałem pytanie, bo sam prostokąt w sobie nie jest jakimś problemem, ale ustawienie go pod rwd... :)

komentarz 25 grudnia 2015 przez efiku Szeryf (75,160 p.)

To zrób edit :)

Może się wkurzają o :

jak stworzyć prostokąt danego koloru? A w nim tekst? Po prostu div, z tłem i tekstem, i ustawić położenie?

Może zmień na :

Jak dostosować stworzony przez siebie prostokąt na div pod RWD?

komentarz 25 grudnia 2015 przez Eimens Maniak (69,240 p.)

Tak swoją drogą jak w % może się sypać? :D

polecam: https://www.youtube.com/watch?v=H7LUUsbpbrg

komentarz 25 grudnia 2015 przez xR Mądrala (6,260 p.)

Tak też zrobiłem, szybko pisałem, to fakt.

Posypać chodzi mi, że coś się nie wyświetla lub nie tak jakbym chciał. Na przykład atrybut left podajemy w pixelach a nie % :P

komentarz 25 grudnia 2015 przez Eimens Maniak (69,240 p.)

poczytaj o position

komentarz 25 grudnia 2015 przez xR Mądrala (6,260 p.)

Wiem, podaje się go w pikselach i rozumiem zasadę działania poszczególnych jego funkcji

odpowiedź 25 grudnia 2015 przez Jakub Śliż Użytkownik (940 p.)
przywrócone 25 grudnia 2015 przez efiku

Zgadza się robisz to tak :

<div id="prostokat">
//tutaj dajesz tekst
<div>

to jest html >>

a w css musisz ustawić właściwości :]

Co do RWD jeśli zaczynasz i jesteś poczatkującym nie wiem czy to dobry pomysł. Budowanie strony na % wymaga liczenia i zaplanowania strony efekt oczywiście jest warty starania !

np:

background-color:white;

komentarz 25 grudnia 2015 przez xR Mądrala (6,260 p.)

A co to za różnica czy id będzie prostokąt czy abc? Proszę Cię..

Nadal nie wiem czy potem jest możliwość przerobienia bezproblemowego, bo mogę robić rwd, ale sypię się co jakiś coś i mnie już to irytuje..