Wszystko

Wszystkie

Archiwum

GoonSquad
GoonSquad
  • 2
Zrobiłem diva o szerokości 615px i wysokości 127px, a w nim dwa divy o 1/3 szerokości tego diva (205px) z floatami left i right. Po wstawieniu tych divów na środku diva "matki" powstaje prostokąt o tej samej wielkości co divy i chcę w niego wstawić, na całej szerokości, formularz. Niestety jak próbuję zrobić o szerokości wolnego miejsca w środku (czyli 205px) prawy div/prostokąt przelatuję w dół, choć marginy formularza ustawione są na
mug3n
mug3n
  • 1
@GoonSquad: W założeniu, że .quizform będzie miał position relative i ustawimy .jakitofilm odpowiednią odległość od którejś z krawędzi .quizform. Position: absolute nadaje elementowi pozycję dopasowującą się do całego okna przeglądarki, chyba że element w którym się znajduje, posiada nadpisane "uprawnienia" do pozycjonowania elementów wewnątrz siebie - position: relative, wtedy musisz ustawić odległości od krawędzi. Samo position: absolute raczej zrobi ci kaszankę.
le1t00
le1t00
  • 0
@jepek: Wybacz, że dopiero teraz odpisuje.

Chcę zrobić header który jest na dole okna przeglądarki, a poniżej zawartość. Po kliknięciu w element w headerze wszystko się przesunie do kontentu.

Chodzi mi o zupełnie takie samo działani jak na ishothim.com gdzie u mnie header to tam strzałka
GoonSquad
GoonSquad
  • 2
Chcę zrobić dwa różne linki w jednej linijce (do tego żeby każdy miał inny kolor), ale ciągle jeden przeskakuję do kolejnej linijki. Sprawa jest trochę pogmatwana bo dodatkowo używam w linkach nagłówków... Czy wie ktoś jak to rozwiązać?

Kod HTML:

#### Klasyczne horrory z lat 70'

#### [kadry]

Kod CSS:

.hbrown {color: #352315; }

.hgreen {color: #a8af3f; }

h1, h2, h3, h4, h5, h6 {font-family: "Franklin Gothic Medium"; margin-top: 20px;
porque
porque
  • 6
ok poprawilem z rozjezdzaniem sie layoutu, przynajmniej tak mi sie wydaje :) przynajmniej jak sa krotki notki :)

jak mowilem pare zmian i na dniach chce to rozwinac, dopoki jeszcze mam checi :) i mnie to kreci :D

no i jak mowilem, wczoraj pouczylem sie html5 i css3, a dzisiaj taka zabawa i proba go zastosowania w praktyce :) tylko czysto pogladowo z wprowadzeniem kilku wodotryskow, ktore nie sa nikomu do niczego
porque
porque
  • 3
@anonim1133: teoretycznie nie powinny dzialac w tytule, a w tesci musza, zeby to poprawnie wyswietlalo, bo nie chce mi sie pisac, aby napotkane znaki jakos obrabialo, jedynie nie wiem jak z komentarzami, bo nie powinna byc taka swoboda, wiec pewnie bede musial zrobic tak, aby przechwytywalo tylko znak nowej lini i wstawialo br, ale to pozniej bede sie tym martwil :D na razie popatrze co tam stworzycie na tej stronie :D
le1t00
le1t00
  • 0
@jepek: bootstrap jest wszędzie. Szukam tylko i wyłącznie frejmworka do szybkiego tworzenia responsywności bez ikon, przycisków, formularzy itp :)
rezdesign
rezdesign
  • 0
@borysses: mam tak:

@font-face {

font-family: 'BebasNeueRegular';

src: url('BebasNeue-webfont.eot');

src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

url('BebasNeue-webfont.woff') format('woff'),

url('BebasNeue-webfont.ttf') format('truetype'),

url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

font-weight: normal;

font-style: normal;

}
npsr
npsr
  • 2
Kurcze, no nie mogę... Mój problem polega mniej więcej na tym:

HTML

*



CSS

#content-container {max-width:980px;}

aside {width: 30%; position: relative;}

#main-content {width:70%;}

JS

$(window).scroll(function(){

if($(window).scrollTop()>130) {

$('.logo').fadeIn();

$('aside li').css({'position' : 'fixed'});

}

else {

$('.logo').fadeOut();

$('aside li').css({'position' : 'relative'});

}

W dużym uproszczeniu. Chodzi o to, że w momencie w którym ASIDE ma position: fixed, oczywiście w życiu nie będzie się zmniejszał wraz z wielkością viewportu (okna znaczy). Zamiast
J.....n
J.....n
  • 0
@npsr: Jeżeli w li masz pozycję relatywną to szerokość odnosi się do rodzica więc 100% będzie oznaczać całą szerokość rodzica, w fixed szerokość odnosi się do całego okna, więc przy zmianie pozycji na fixed zmień też width na 30% i będzie hulać.

Powiązane tagi