Rozmieszczanie elementów.Ktoś wytłumaczy?

0

Ktoś wytłumaczy dlaczego elenty nie chca byc rozmieszczone i/albo sie nie pokazują.

  1. Element o klasie medi_container nie trzyma się dolnego prawego rogu pomimi top:0px i right:0px.
    2.Znacznik ul nie klei się góry
    3.Przy liscie pojawiają się kółeczka pomimo list-style: none; w znaczniku ul
    4.Rozijane menu przy Cos1 rozwija się krzywo wzgledem niego.

link do gista:
https://gist.github.com/dominikbasista/5cfb2aac740b71e559c972b9ed760e9d

Dzieki za uwage :)

0
  1. dopisz float: right; i min-height:100%;
  2. ma się kleić loga czy być na logiem?
  3. Nie widzę takiego problemu;
  4. dla mnie wygląda na proste;
0
  1. Element o klasie medi_container nie trzyma się dolnego prawego rogu pomimi top:0px i right:0px.

Nie trzyma się między innymi dlatego, że nie jest ustawiona dla niego własność position. Domyślna wartość to static, a zgodnie ze specyfikacją (https://developer.mozilla.org/en-US/docs/Web/CSS/top): "When position is set to static, the top property has no effect" (co się stosuje także do własności bottom, right oraz left). Widzę tam więcej kwestii, związanych m.in. z własnością float.

2.Znacznik ul nie klei się góry

Tak samo: między innymi brak ustawionej własności position.

  1. Przy liscie pojawiają się kółeczka pomimo list-style: none; w znaczniku ul

Tak samo jak @japini nie widzę tego problemu. Zobacz sam: https://jsfiddle.net/ou4d390L/2/ Może korzystasz z jakiejś mniej popularnej przeglądarki lub wersji przeglądarki?

  1. Rozijane menu przy Cos1 rozwija się krzywo wzgledem niego.

Nie jestem w stanie stwierdzić, co to znaczy "krzywo", bo JSFiddle (wyżej link) nie pokazuje w ogóle menu rozwijanego. Może pokaż zrzut ekranu?

0
Silv napisał(a):
  1. Element o klasie medi_container nie trzyma się dolnego prawego rogu pomimi top:0px i right:0px.

Nie trzyma się między innymi dlatego, że nie jest ustawiona dla niego własność position. Domyślna wartość to static, a zgodnie ze specyfikacją (https://developer.mozilla.org/en-US/docs/Web/CSS/top): "When position is set to static, the top property has no effect" (co się stosuje także do własności bottom, right oraz left). Widzę tam więcej kwestii, związanych m.in. z własnością float.

2.Znacznik ul nie klei się góry

Tak samo: między innymi brak ustawionej własności position.

  1. Przy liscie pojawiają się kółeczka pomimo list-style: none; w znaczniku ul

Tak samo jak @japini nie widzę tego problemu. Zobacz sam: https://jsfiddle.net/ou4d390L/2/ Może korzystasz z jakiejś mniej popularnej przeglądarki lub wersji przeglądarki?

  1. Rozijane menu przy Cos1 rozwija się krzywo wzgledem niego.

Nie jestem w stanie stwierdzić, co to znaczy "krzywo", bo JSFiddle (wyżej link) nie pokazuje w ogóle menu rozwijanego. Może pokaż zrzut ekranu?

Ok. Parę rzeczy naprawiłem. Dodałem position absolute do

  • i o ile w JSFiddle klei się góry to na dwóch przegladarkach u mnie nie działa; Na Firefoxie(chyba najnowsza) i Opera wersja tez nie najstarsza. Plik HTML odpalam albo przez zaznaczenie albo z podgladu z z edytora Bracket.
    Kwestia krzywości w drop-down menu nadal wystepuje u mnie na kmpie. W JSFidle tego nie ma.
    Kołeczek nie ma w Fiddle ale u mnie sa(WTF)</p>
0

Dodałem position absolute do <ul> i o ile w JSFiddle klei się góry to na dwóch przegladarkach u mnie nie działa; Na Firefoxie(chyba najnowsza) i Opera wersja tez nie najstarsza. Plik HTML odpalam albo przez zaznaczenie albo z podgladu z z edytora Bracket.
Kwestia krzywości w drop-down menu nadal wystepuje u mnie na kmpie. W JSFidle tego nie ma.
Kołeczek nie ma w Fiddle ale u mnie sa(WTF)

Taka rozbieżność może mieć wiele (jak to, ech, w webmasteringu) powodów, ale – podaj wersje przeglądarek, podaj system (Windows czy linux). Nie wiem, czy ja coś pomogę, ale może komuś innemu te informacje pomogą w odpowiedzi.

Co do krzywości, pokaż zrzut ekranu. Nie wiem, o co chodzi. Na przykład dla mnie coś jest krzywe, gdy nie jest proste, wyłączając okręgi – a to na stronie internetowej rzadkie zjawisko (może się zdarzyć na przykład w transformacjach CSS, jeśli nie mówimy w ogóle o animacjach czy obrazach).

Co do kółeczek, przychodzi mi do głowy na razie jeden pomysł: masz do strony dołączony jeszcze jakiś CSS (poza tym, który widzę na GitHubie), który nadpisuje własność list-style (bo jest to własność dziedziczona: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style), albo nawet – w którym są zdefiniowane inne symbole niż domyślne kółka (o innym kodzie np. w UTF-8), ale wyglądające tak samo.

0
Silv napisał(a):

Dodałem position absolute do <ul> i o ile w JSFiddle klei się góry to na dwóch przegladarkach u mnie nie działa; Na Firefoxie(chyba najnowsza) i Opera wersja tez nie najstarsza. Plik HTML odpalam albo przez zaznaczenie albo z podgladu z z edytora Bracket.
Kwestia krzywości w drop-down menu nadal wystepuje u mnie na kmpie. W JSFidle tego nie ma.
Kołeczek nie ma w Fiddle ale u mnie sa(WTF)

Taka rozbieżność może mieć wiele (jak to, ech, w webmasteringu) powodów, ale – podaj wersje przeglądarek, podaj system (Windows czy linux). Nie wiem, czy ja coś pomogę, ale może komuś innemu te informacje pomogą w odpowiedzi.

Co do krzywości, pokaż zrzut ekranu. Nie wiem, o co chodzi. Na przykład dla mnie coś jest krzywe, gdy nie jest proste, wyłączając okręgi – a to na stronie internetowej rzadkie zjawisko (może się zdarzyć na przykład w transformacjach CSS, jeśli nie mówimy w ogóle o animacjach czy obrazach).

Co do kółeczek, przychodzi mi do głowy na razie jeden pomysł: masz do strony dołączony jeszcze jakiś CSS (poza tym, który widzę na GitHubie), który nadpisuje własność list-style (bo jest to własność dziedziczona: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style), albo nawet – w którym są zdefiniowane inne symbole niż domyślne kółka (o innym kodzie np. w UTF-8), ale wyglądające tak samo.

OS: Linux Mint 32bit
Mozilla Firefox 57.0.4
Opera 45.0.2552.898

Jesli chodzo krzywość to chodziło mi o to że rozwijana cześc menu roziwja się krzywo względem górnych jego wierszy. Zapodałem print screena.

Mam dodatkowo podpiętego bootstrapa. Może rzeczywiście sprubuje go odłaczyc.

0

nie potrzebnie szarpiesz sie z takimi pierdołami, ogarnij jakiego grida na flexie i potem rwd, @media, js itp.

1 użytkowników online, w tym zalogowanych: 0, gości: 1