[WWW] zrobiłem layot, prosze o ocene i podpowiedz jak go pociąć

	B O A R D
	» Board » Zadaj pytanie » Archiwum » Szukaj » Stylizacja

M E N U

» Nowości

» Archiwum

» Recenzje / Testy

» Board

» Rejestracja

Szukaj @ TwojePC

	OBECNI NA TPC
	» elliot_pl 14:37 » maddog 14:37 » KHot 14:37 » [yureq] 14:37 » 3kawki 14:25 » Wedelek 14:17 » rainy 14:15 » Pio321 14:15 » JE Jacaw 14:09 » Sherif 14:08 » El Vis 14:00 » piwo1 13:57 » Robek 13:56 » alkatraz 13:56 » adolphik 13:50 » Hitman 13:47 » NimnuL 13:40 » ligand17 13:36 » XepeR 13:35 » Chrisu 13:32 Dzisiaj przeczytano 36902 postów, wczoraj 25433 Szybkie ładowanie jest: włączone.

ccc

A R C H I W A L N A W I A D O M O Ś Ć

[WWW] zrobiłem layot, prosze o ocene i podpowiedz jak go pociąć , PaszkfiL 13/06/09 12:05
pewnie znowu na mnie nakrzyczycie że coś nie halo :) jak zwykle, ale chciałem tylko dodać, że zleceniodawca jest zadowolony

więc tak:
grafika (na wyrost):
http://www.paszkfil.robi.to/...perfectlogic/pl.jpg

powalczyłem nieco z warstwami i wyszło tak:
http://www.paszkfil.robi.to/...w/perfectlogic/test

Menu oraz dostawcy są już pod css zrobione przy czy dostawcy są do dporacowania bo mi się przesuwa o 1px w góre ;)

jednak chciałbym aby strona była na szerokość przeglądarki. No i tutaj pojawia się pytanie czy da się na divach w jakiś prosty sposób? Myślałem nad tabelami ... jak zwykle ... ale chyba mi się chce cssa ...

Możecie coś podpowiedzieć ?zasugerować ?

o([-_-])o ..::Love::BaSS::..

Tak na pierwszy rzut oka to , grattz 13/06/09 12:15
ja bym dodał marginesy w tych prostokątach.
W CSS to chyba będzie ----- padding
http://www.kurshtml.boo.pl/...trzny,marginesy.html

1)Nawet nie myśl o tabelkach
2)Jeśli chcesz rozciągnąć stronę na cały ekran to:
- będzie problem z grafiką
- trudno będzie przewidzieć jak będzie wyglądać strona u użytkowników ( na pewno kijowo jesli bedziesz miał malo textu )
- można to zrobić tak <div width="100%">
...poprzednia |1|2|3|4| następna...
1. no ... myślałem nad tym , PaszkfiL 13/06/09 12:17
  żeby środek contentu na text zrobić w jednym kolorze - i ta częśc by się rozciągała w zależoności od rozdziałki udera (i to w tabelce nie jest problemem) ale jak to strzelić w divie ? :D
  o([-_-])o ..::Love::BaSS::..
... , jotek007 13/06/09 12:46
tylko divy
nie rozumiem dlaczego strona tak rozni sie od projektu
troche go dopracowac i bylaby ladna strona :)
ODI PROFANUM VULGUS ET ARCEO
1. różni się bo , PaszkfiL 13/06/09 12:50
  ja to na tabelach jeżdze :) no ale czas najwyższy na cssa ;) już tyworze - wygląda już o niebo lepiej niż poczatkowo ;) ale jeszcze dłuuuga droga przedemną
  o([-_-])o ..::Love::BaSS::..
czerwony napis , Maverick 13/06/09 14:00
na niebieskim tle, dla mnie i 6 osob w okolicy mnie - nieczytelne.

ale projekt schludny i czytelny ogolnie.
1. też się nad tym zastanawiałem właśnie ... , PaszkfiL 13/06/09 16:42
  ale narazie bez pomysłu
  o([-_-])o ..::Love::BaSS::..
garść uwag , myszon 13/06/09 14:02
dodaj do strony max-width bo jak ktoś będzie miał naprawdę szerokie okno przeglądarki to będzie to wszystko okropnie wyglądało.

"Naszym celem jest..." wrzuć na sztywno do zdjęcia.

<div id="dostawcy">
<div id="dostawcy1"><a href="#" title="dostawcy1"></a></div>
<div id="dostawcy2"><a href="#" title="dostawcy2"></a></div>
<div id="dostawcy3"><a href="#" title="dostawcy3"></a></div>
<div id="dostawcy4"><a href="#" title="dostawcy4"></a></div>
<div id="dostawcy5"><a href="#" title="dostawcy5"></a></div>
<div id="dostawcy6"><a href="#" title="dostawcy6"></a></div>
</div>

Zamień na:
<ul id="dostawcy">
<li><a href="...." id="dedietrich">De Dietrich</a></li>
<li><a href="...." id="hartmann">Hartmann</a></li>
</ul>

a następnie w CSSie wywal tekst za pomocą ul#dostawcy li {text-indent: -1000em} i wstawiaj logo za pomocą albo CSS>content albo jako tło+wymiary loga jako wielkość elementu.
projekt ok , kubazzz 13/06/09 16:00
wykonanie chwilowo rozweselające http://fubaz.blink.pl/paszkfil.jpg
SM-S908
1. i dobre rady , kubazzz 13/06/09 16:01
  poszukaj sobie w google
  three column layout css
  jest sporo tutoriali, powinieneś to załapać.
  Teraz nawet jak ktoś Ci to napisze to potem się pogubisz;)
  SM-S908
To tak ma wyglądać? :D , brygi 13/06/09 16:09
http://jds.net.pl/~brygi/perfect_logic.png
Chyba nie, co? ;-)
1. pewnie że nie właśnie nad tym siedze :D , PaszkfiL 13/06/09 16:10
  j.w
  o([-_-])o ..::Love::BaSS::..
lepiej ale wciąż wiele przedemną ;) , PaszkfiL 13/06/09 16:42
j.w
o([-_-])o ..::Love::BaSS::..
1. bez sensu ... jak niby określić wartości tak żeby się nie rozjeżdzało ? , PaszkfiL 13/06/09 16:49
  ja chce swoje tabelki ... :/ jakimś cudem istnieją strony na cała szerokość przeglądarki - więc jak oni to robią ?!
  o([-_-])o ..::Love::BaSS::..
Skoro już musi być na tabelkach to może by tak , Tig3r 13/06/09 22:33
...środkową kolumnę o stałej szerokości. Przykład machnięty na szybko:
http://tig3ro.republika.pl/test/
http://tig3ro.republika.pl/test/test.zip
1. bije pokłony , PaszkfiL 14/06/09 01:02
  zabieram się za analize i nauke
  o([-_-])o ..::Love::BaSS::..
sam dokończ , myszon 14/06/09 00:14
http://files.getdropbox.com/...8/strona/test.xhtml
1. również bije pokłony , PaszkfiL 14/06/09 01:02
  i również zabieram się za analize i nauke
  o([-_-])o ..::Love::BaSS::..
2. żeby było ładniej to jeszcze zrób justowanie textu , grattz 14/06/09 09:50
  W divach gdzie masz text"
  
  text-align: justify;
  
  http://www.kurshtml.boo.pl/...yrownanie,tekst.html
  ...poprzednia |1|2|3|4| następna...
  1. to podstawa:) jak najabrdziej tak zrobie :) , PaszkfiL 14/06/09 10:18
    Jesteście niezastąpieni ! :)
    o([-_-])o ..::Love::BaSS::..
3. dokończyłem ... a raczej sprobowałem i o ile pod opera jest git , PaszkfiL 14/06/09 17:28
  tak w IE oraz FF sie rozjezdza wsio :D chyba dlatego ze nie ma glownego diva w ktorym jest osadzona reszta, mam problemy z ustaleniem paddingu od gory ... :/
  
  walcze dalej ... ;)
  o([-_-])o ..::Love::BaSS::..
  1. link , PaszkfiL 14/06/09 17:29
    http://paszkfil.robi.to/...kty_www/perfectlogic/a/
    o([-_-])o ..::Love::BaSS::..
ee to juz , Deus ex machine 14/06/09 19:47
wazy 600k, moze jednak troche uwalisz grafiki?

Swoja droga w glownym projekcie masz 'schodki' przy tych duzych ikonach.
"Uti non Abuti"
1. uhm wiem :) , PaszkfiL 14/06/09 19:54
  grafika bedzie odchudzona - to jest namniejszy problem :D problemem są rozjady w przeglądarkach innych niż opera :D
  o([-_-])o ..::Love::BaSS::..
od zera ... na konstrukcji własnej, z wykrzystanie waszych elementó cssa , PaszkfiL 14/06/09 22:30
http://www.paszkfil.robi.to/...w/perfectlogic/mle/

i nawet się nic nie rozjeżdza ;]
o([-_-])o ..::Love::BaSS::..
1. .:. , Shneider 14/06/09 22:58
  ogranicz minimalna szerokosc tak aby box_contact nie przeskakiwal na dol.
  
  a box_content moglby w % przesuwac sie od krawedzi w zaleznosci od szerokosci okna. bo teraz na szerokim ekranie napis jest na chmurce.
  .:: Live at Trance Energy ::.
  1. moge print screena prosić ? , PaszkfiL 14/06/09 23:04
    u mnie w 1280*1024 wsio się mieści ładnie i nic nie zeskakuje w IE, FF i Operze a głowny box (#box) ma min-width : 800px;
    o([-_-])o ..::Love::BaSS::..
    1. .:. , Shneider 14/06/09 23:10
      http://img26.imageshack.us/img26/4353/75080112.jpg
      
      firefox 3.0.10
      .:: Live at Trance Energy ::.
      1. osz fuck :D , PaszkfiL 14/06/09 23:28
        zastnawiam sie tylko dlaczego content ... ma wbity bg color na #ffffff a wyświetla zielony ? hmmmmmmmm
        o([-_-])o ..::Love::BaSS::..
        .:. , Shneider 14/06/09 23:44
        background : #00ff00 url('gfx/clouds.jpg') no-repeat scroll center;
        .:: Live at Trance Energy ::.
        już zmieniłem ;) , PaszkfiL 15/06/09 00:03
        zauwazyłem minute po napisaniu posta ;)
        o([-_-])o ..::Love::BaSS::..
        .:. , Shneider 15/06/09 00:38
        nadal zielono ;-)
        
        przy okazji css'a znalazlem swietna stronke [ http://css.maxdesign.com.au/index.htm ].
        
        przyklady list i wiele innych rzeczy wytumaczonych krok po kroku [ http://css.maxdesign.com.au/listamatic2/ ]
        .:: Live at Trance Energy ::.
        dzieki , PaszkfiL 15/06/09 10:48
        przestudiuje w domu :)
        o([-_-])o ..::Love::BaSS::..