do oceny, ale nie strona ino technika ;]

5zymon · 12 Grudnia 2006

Zawsze robilem strony za pomoca tabelek i formatowalem je przy uzyciu cssa. Stwierdzilem ze kiedys musi nadejsc ten dzien i musze to porzucic zabrac sie za divy i odstawic tabele. Podgladalem troche stronek, poczytalem i stwierdzielm ze nastepny projekt postarma sie zrobic tak jak powinienem. Problem w tym ze nadal nie bardzo sobue wyobrazam jak to zrealizowac. Kiedy na stronie jest malo grafiki, albo strona jest w schemacie blokowym ze tak powiem to jest to proste. Ale jezeli jest jakis bardziej skomplikowany projekt graficzny, to obawiam sie ze nie dam rady tego zrobic. Czy kazda grafike musze pozycjonowac za pomoca margin: .... itd ? Mam wrazenie ze jak tych grafik bedzie duzo to mi sie strona rozjedzie . Zawsze uwazalem ze tabelkowe ulozenie jest bardziej "stabilne", tutaj mam wrazenie ze wszydtko wisi na wlosku . Podoba mi sie z kolei to ze po wylaczeniu cssa strona jest przejzysta i czytelna.

RZuccie prosze okiem na strone glowna. Nie oceniajcie grafiki, jedynie to czy mniej wiecej w dobrym kierunku ide jezeli chodzi o css i xhtml. Czy o to chodzi w designie beztabelkowym? Co powinienem poprawic, no i co jezeli tej grafiki jest znacznie wiecej? Czy powinienem jej uzywac jako tlo a na neij elementy (np. tekst) pozycjonowac za pomoca margin itd.... no i czy metoda *html znacznik {} w cssie to dobry sposob zeby uzyc czegos tylko dla IE ? BO zauwazylem ze odleglosci inaczej widzi FF a inaczej IE i wyczytalem ze mozna w osobnby sposob to wykonac dla kazdej z przegladarek.

Zakladam ze sa tutaj na pewno ludzie ktorzy maja pojecie o tym co robia :-) i beda w stanie w konstruktywny sposob skrytykowac moja prace ;]. Dzieki z gory.

https://sajmon.com.pl/test/

maritos · 13 Grudnia 2006

Może być :-)

AdamD · 13 Grudnia 2006

Dwa kwiatki ;-)

<h1>Bardzo wazne informacje o bardzo waznej firmie :-) nazwa firmy i inne pierdoly</h1> widoczne dopiero po wyłączeniu stylów ... zalatuje spamem

<li>- ładownic na górnicze zapa... trochę zabawne jest dodawanie tych myślników, skoro już jest całość opakowana w znacznik <li />

Ale nie jest źle

Tyle że przy takim stopniu "skomplikowania" strony to używanie hacków nie powinno być potrzebne.

5zymon · 13 Grudnia 2006

Dzieki za dwa komentarze.

ALe wiecie co ... dokonczylem ta strone tabelkami, tzn zaczalem jeszcze raz i zrobilem w tabelkach. Glownie daltego ze gonil mnie czas, a te divy zajmowaly mi jakas ogromna ilosc czasu zeby ise zastawnoci jak to ulozyc. W koncu dostalem szalu i strone zrobilem w pare godzin. Tymi divami meczylem sie caly dzien zeby zrobic tylko glowna. Widocznie potrzebuje znanczie wiecej praktyki , cza sie uczyc.

Czy ukladanie elementow z atrybutem position: absolute , nie wplywa negatywnie na strone? Tzn nie rozjezdza sie w innych rozdzielczosciach???

Marszall · 14 Grudnia 2006

Czy ukladanie elementow z atrybutem position: absolute , nie wplywa negatywnie na strone? Tzn nie rozjezdza sie w innych rozdzielczosciach???

Nie wiem co rozumiesz pod rozjezdzaniem sie. Jesli ustawisz {position: absolute; left: 100px;} to element bedzie zawsze 100 pikseli od lewej krawedzi okna bez wzgledu na rozdzielczosc. Osobiscie nie lubie stosowac takiego ustawiania pozycji elementow, chyba ze jakies szczegolne przypadki gdzie jest to konieczne np jakis div-okienko z komunikatem itp. Do takiego layout'u strony jak Twoj nie jest to na pewno konieczne.

14 Grudnia 2006

Marshall: ustawienie position:absolute; left:100px spowoduje:

- ustalenie pozycji bloku na 100px od lewej krawedzie nablizszego rodzica z position:relative, przy czym body ma domyslnie ustawiony posiotion:relative,

- wyjecie bloku z normal-flow - nie bedzie juz wplywal na pozostale elemnty na stronie.

porownaj, kod html i css:

<body>
<div id='container'>
	<p>lorem ipsum dolor sit amet.</p>
	<p>lorem ipsum dolor sit amet.</p>
	<p>lorem ipsum dolor sit amet.</p>
	<p id='position'>lorem ipsum dolor sit amet.</p></div>
</div>
</body>

#container {border:1px solid #f00;margin:0 auto;position:relative;width:298px;}

#position {border:1px solid #0f0;width:98px;position:absolute;left:100px;}

5zymon: brak ustawionego background dla body, co pod opera konczy sie szarym tlem dla calej strony.

Marszall · 15 Grudnia 2006

- ustalenie pozycji bloku na 100px od lewej krawedzie nablizszego rodzica z position:relative, przy czym body ma domyslnie ustawiony posiotion:relative,

Tak, oczywiscie wiem o tym, moj blad, ale nie chcialem juz mieszac 5zymonowi i zaglebiac sie w parenty ;]

- wyjecie bloku z normal-flow - nie bedzie juz wplywal na pozostale elemnty na stronie.

Wlasnie to mialem na mysli piszac o "szczegolnych przypadkach", czyli plywajace bloki, warstwy itp. Ogolnie position absolute ma sens praktycznie tylko wtedy gdy chcemy cos wyjac z normal-flow tak jak napisales.

5zymon · 15 Grudnia 2006

Czyli lepiej ustawiac position: relative i pozycjonowac od rodzica :-) jezeli dobrze rozumiem. Ale absolute tez nie jest wykluczone, ok ;].

Super, dzieki za uwagi .

Marszall · 15 Grudnia 2006

Przy takim layoucie (https://sajmon.com.pl/test/) nie jest potrzebne absolute, uklad jest na tyle prosty ze w ogole wystarczy ustawienie odpowiednich marginesow i float'y Tak ja bym to zrobil, oczywiscie ustawianie pozycji (left, top itp) jest rownie dobrym rozwiazaniem

Lesiu · 16 Grudnia 2006

A to z pliku style.css

h1 {
	font-size: 1px;
	text-indent: -2000px;
	background: url(img/header.jpg) no-repeat;
}
h2.header {
	font-size: 1px;
	text-indent: -2000px;
	background: url(img/header2.jpg) no-repeat;
}

nieladnie nieladnie

Andrzej Dzirba - FingerMade.Com · 19 Grudnia 2006

1.

<h2 class="header3"> - możńa i tak ale lepiej

.header h2 {

....

}

w cssie - wtedy masz mniejszy kod strony

2.

tagi Img masz niepozamykane - robi się to tak <img src="" alt="" /> - ten ostatni slash to zamknięcie

awogóle to polecam alistapart - tam jest masa artykułów na temat optymalizacji cssa

pozdr

a.d.

Zaloguj się

do oceny, ale nie strona ino technika ;]

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

Gość w3master

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