Nawigacja w CSS

Sanchez Spinoza · 9 Kwietnia 2006

Mam taki mały i problem.

Jak zrobić przerwę między poszczególnymi blokami listy?

TUTAJ

Powiedzmy z 3 pixele.

Zawartość

STYLE.CSS

#lista

{

width:300px;

}

ul#lista

{

background: #c0c0c0;

list-style: none;

margin:0;

padding:5;

}

ul#lista li

{

border:1px solid #ffffff;

}

ul#lista li a:link, ul#lista li a:visited,

{

font-family:tahoma;

color: #ffffff;

text-decoration:none;

background-color: #445566;

display: block;

width:100%;

padding:5px;

}

ul#lista li a:hover

{

background-color: #ffffff;

text-decoration:none;

width:100%;

}

Wiem że to proste ale zaćmiło mnie

Irek · 9 Kwietnia 2006

Czy chodzi Ci o to?

ul#lista li
{
border:1px solid #ffffff;
margin:0px 0px 3px 0px;
}

Sanchez Spinoza · 9 Kwietnia 2006

Eh Iruś, z Ciebie to jest maszynista mojego rozwoju

Dokładnie oto mi chodziło

ja pisałem wcześniej poprostu

margin: 3px;

i mi sie rozjeżdżało

a przecież można to określić czteroma wskazaniami.

Jak mówiłem zaćmiło mnie.

Dzięki.

P.s czy nie obrazicie sie jak tu bede zamiszczał [ewentualne] zapytania dotyczące CSS ?

Bo zamierzam się jemu dokładnie przyjrzeć i pożucić te zacofane tabelki.

Boże jak ja mogłem robić w tych tabelkach?

mrtn · 9 Kwietnia 2006

Masif ? ty się obudzielś - żartujesz ?

Zobacz jakie g...o produkują renomowane "firmy" - daj spokój - jeżeli pojmiesz samą idę CSS, oddzielenia treści od formatowania i nie popadniesz w skarjność to i tak będziesz na czele peletonu. Czasami aż trudno uwierzyć jak wydawało by się dynamiczny świat Intrentu, opornie reaguje na zmiany. A bezsprzecznie xhtml i css jest to wyższy poziom projektowania stron.

Po za tym wydaje mi się, że zarówno mi jak i paru osobom z forum przyjemniej będzie po raz drugi czy trzeci wyjaśnić niuanse CSS'a niż po raz 175 odpowiadac na pytanie - dlaczego mi spadła pozycja, dlazcego nie idneksuje mi strony, jak dodoawać do katalogów. :-)

Sanchez Spinoza · 9 Kwietnia 2006

Hmm to prawda że trudno jest reagowwać na zmiany, ja sam straciłem z 2 lata "ucząc się" robić coś w tabelkach i nikt niemógł mnie przekonać do CSSa. Dopiero pamiętam jakiś czas temu przeczytałem post #Normanosa [ten gdzie pisze o tym żeby się obudzić] o pierwszy raz pomyślełem że hmm, oco mu chodzi? przecież tabelki są ok.

I jak byłem w księgarni to wziąłem z półki tę książkę o której pisał i poczytałęm troche. Wydało mi się to słuszne ale pomyślałem że nic sie nie stanie jeśli nadal zostane przy swoim.

Do czasu aż mnie zaczęły denerwować niułanse dotyczące "dopicowania" szczegułów strony [typu kolor tła INPUT, kolor ramki itp]. Wtedy postanowiłem raz na zawsze sie rozprawić z CSS i posiąść tą tajemną wiedzę :soczek:

Hmm nawiet nie wiedziałem że to takie mało używane rozwiązanie.

I tym bardziej mi miło że jak sie tego naucze to będę "na czele peletonu".

Wiem że dla was to pestka ten CSS itd. dlatego będzie mi miło jak poraz 175 ktoś coś czasem zarzuci jakimś hintem :yahoo:

AdamD · 9 Kwietnia 2006

Hint - choć właściwie nie o to było pytanie :soczek:

zamień

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>

na to:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Bezwzględnie i natychmiast.

Używanie starych dziwnych doctypów powoduje przełączanie przeglądarek w tryb zgodności, próbują się domyślać co miałeś na myśli, robią się z tego czasami poważne kłopoty które sprawiają że masz chęć pieprznąć to wszystko w kąt. A potem sprawdzasz że deklaracja jest błędna (albo jej nie ma) wstawiasz taką jak trzeba ... i jak ręką odjął, IE, FF i Opera nagle zaczynają pracować tak samo.

Właściwa deklaracja typu dokumentu jest NAPRAWDĘ WAŻNA.

Pozdrawiam,

AdamD

Sanchez Spinoza · 10 Kwietnia 2006

Szczerze mówiąc to nie mam pojęcia czym się różnią te dwa DOCTYPY

Ale zaraz poczytam o tym. Myślałem że to nie ma większego znaczenia. :brawa:

radadplo · 10 Kwietnia 2006

ja pisałem wcześniej poprostu

margin: 3px;

Mogłeś też użyć atrybutu margin-bottom: 3px; i też by wystarczyło.

Pozdr,

Radek

Sanchez Spinoza · 10 Kwietnia 2006

#radadplo > Dzięki.

A wracając do DOCTYPE, czy jak nie ustawie tego DOCTYPE na początku kodu to czy to ma jakieś poważne konsekwencje?

Kiedyś wogóle nic nie pisąłem i było dobrze.

Czy DOCTYPE wpływa np. na pozycjonowanie itp? czy ma inne znaczenie?

AdamD · 10 Kwietnia 2006

Ma inne znaczenie.

Poguglaj sobie po haśle "quirks mode".

Pozdrawiam,

AdamD

Sanchez Spinoza · 15 Kwietnia 2006

Wiecie co panowie, bo jak wiadomo żeby wstawić tekst na stronę który jest obrabiany przez CSS to musi on być w jakimś pojemniku [p, h1, h2 ... itd.] no ale jak ja wstawiam tekst w

<h1> TEKST </h1>

To on mi przenosi teks do drugiej linijki.

Jak zrobić pojemnij żeby byłw tej samej lini?

W CSSie trzeba coś wpisać?

Niemoge tego znaleść kurcze.

P.s Wesołych świąt :usta:

EDIT:

ALe jaja! wpisałem se display: inline i działa :roza:

hmm myślałem że to sie do tego nie odnosi

Ehh ten CSS powiem wam super sprawa.

Narazie

------------------- Po chwili: --------------------------

Nagle pojawił mi się jeszcze jeden problem

Otóż jak chce żeby strona była łądnie w CSSie to wszyskto umieszczam w sylach no i np. ozdabiam tekst

h1 { color:#123456; font-family: tahoma; }

no i potem na stronie to wykorzystuje.

No ale jak chce zrobić np. 20 linijek tekstu i każdy ma być innego koloru to mi przecież braknie tych

h1,h2,h3,h4 nie? bo ich jest chyba do h6, czy h8 prawda?

To jak umieszczać tekst jak nie w pojemnikach h?

MMP · 15 Kwietnia 2006

od tekstu masz <span>

[edit]

A tak w ogole to masz jeszcze klasy

<h1 class="one">tekst</h1>

a potem w css h1.one { color: red; }

Sanchez Spinoza · 15 Kwietnia 2006

Przetestowałem, działa

Jak ja mogłęm zapomnieć o clasach, no tak człowiek szuka niewiadomo jakiego rozwiązania a ma je pod nosem.

Dzięki. Dobrze że ktoś tu jest przez święta.

Pozdraiwam

Masif

AdamD · 15 Kwietnia 2006

Tylko nie wpadnij w pułapkę nadawania wszystkiemu klas - bo Ci się zrobi bajzel w kodzie straszny, brzydki i ciężko edytowalny.

W temacie zaś kolejnych 20 linijek tekstu w różnych kolorach, to dobrze byłoby wiedzieć co w tych linijkach ma być ... żeby zachować znaczenie tagów.

Adam

Sanchez Spinoza · 15 Kwietnia 2006

Te 20 linijek to tylko taki przykład, nie mam zamiaru robić takiej dyskoteki na stronie

Teraz poprostu sie ucze tego CSSa i przerabiam strony kontarchentów na CSS żeby mi nie zarzucili zacofania

Zaloguj się

Nawigacja w CSS

Rekomendowane odpowiedzi

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Zarchiwizowany

Ostatnio przeglądający 0 użytkowników

Polecamy

Współpracują z nami

Powiadomienie o plikach cookie