Problem z Dreamweaver: Layout Table

[Madison]

Witam!

 

Rysując Layout Table dookoła pojawia się border (ma to około 5 px).

W helpie nic na ten temat nie znalazłem, albo tam nic nie ma.

Więc mam pytanie gdzie są opcje do wywalenia border dookoła Layout table?

 

Drugie pytanie to jak narysować dwa Layout Table obok siebie?

Tylko w taki sposób, aby nie rysować ich wewnątrz innego Layout.

 

Trzecie pytanie to co będzie lepsze?

Chcę zaprojektować stronę właśnie wykorzystując dwie tabele Layout.

W jednej ma być nawigacja, a w drugiej ilustracje.

Czy lepiej będzie rysować tylko te dwie table obok siebie czy może dwie wewnątrz jednej tabeli?

Chodzi o to, że całość będzie rozciągnięta na 100% strony, a tabela pod spodem da mi możliwość umieszczania jakiegoś tła.

[leander]

Web Content Accessibility Guidelines, explicitly says “do not use tables for layout...”

 

Ale jesli juz sie uparles na tabele, to ustawic je obok siebie mozesz jedynie umieszczajac w innej tabeli badz uzywajac css (float: left;)

 

Ten border, "około 5 px", to pewnie cellspacing.

[Madison]

Więc czego używać zamiast Layout Table?

Mi nie chodzi o zwykłą Tabelę tylko Layout Table.

To nie chodzi raczej o cellspacing bo mam to ustawione na 0, a i tak wyświetla się ramka.

Bardziej już tutaj chodzi o marginesy dokumentu i nie wiem gdzie to przestawić.

 

Czy możesz mi dać przykład jakiś dobrych prostych stron opartych o to co chcę uzyskać?

Mniej więcej tak to ma wyglądać. Prosty układ bez fajerwerków i śmieci z użyciem CSS.

Podświetliłem specjalnie część którą będzie można przewijać paskiem w dół.

Lewa nawigacja natomiast ma stać w miejscu.

Czy możecie mi pomóc jak to zrobić.

[hax0r]

Co to jest Layout table ? i po co ci to ? i co zamierzasz osiągnąć nie możesz tego zrobić poprzez zwykłe formatowanie CSS ?

[Madison]

Zamieściłem podgląd szkicu do stronki, aby lepiej zobrazować temat :-)

[leander]

Layout Table to zwykle tabele, tylko dreamweaver wymyslil sobie taki tryb do latwiejszej kontroli szablonu.

 

Ja bym sugerowal przestawic sie calkowicie na css i div-y zamiast tabel. Latwiejsza kontrola, mniejszy plik, lepsza wspolpraca z wyszukiwarkami itd.

 

Tu jest moja prosta stronka bez zadnej tabeli: http://www.senke.pl/kierowcy/index.html

[Madison]

Zrobiłem prosty układ z CSS, ale co jak wywalić te marginesy z góry i lewej: http://www.dizajnfor.republika.pl/123456789/index.htm

[leander]

Prosty układ bez fajerwerków i śmieci z użyciem CSS.

Smieci z uzyciem CSS? CSS ma wlasnie za zadanie usunac jak najwiecej smieci ze strony.

 

Przy takim ukladzie pozostaje ci raczej jedynie uzycie ramek (frames).

[Madison]

Sorki źle to napisałem coś prostego z użyciem CSS bez żadnych śmieci (fire).

 

Więc jak najlepiej zacząć w tym przypadku i wywalić te obramowania dookoła?

[leander]

W css dodaj:

 

body {margin: 0; padding: 0;}

[hax0r]

Dreamweaver ma moi zdaniem świetny system pomagający pisać w CSS nie wiem w czym masz problem zrobisz 2 tabelki w divach do 2 dodaj scroll i wsio czy nie rozumiem problemu ? a marginesy to masz taki bajer jak uzupełnianie skryptu nie pamietam dokladnie jak to sie zwalo i nie mam jak zobaczyc bo u żony siedze ale jakos tak na "P" i bedziesz mial bez border margines itp :)

 

Pozdro

[Madison]

Dodałem i nic się nie zmienia. To nie jest czasem kwestia ustawienia programu?

[Madison]

Dodałem i nic się nie zmienia. Już nie wiem jak to zrobić. Help me!

[leander]

http://www.dizajnfor.republika.pl/123456789/nawigacja.css

 

- tutaj dodales? Bo nie widze zmian.

[Madison]

Dodałem u siebie, ale teraz dałem na ftp, możesz to zobaczyć i jest tak samo jak wcześniej.

Przy okazji: co się stanie jak zrobię to w tabelach?

 

EDIT:

Dodałem do kodu żółtą część i teraz jest ok: możecie zerknąć na site:

http://www.dizajnfor.republika.pl/123456789/index.htm

body {

margin: 0px

}

 

[leander]

No z tego co widze nie dodales tego stylu. Twoj plik nawigacja.css powinien wygladac tak:

body {margin: 0; padding: 0;}

.nawigacja {
   background-color: #CCCCCC;
   height: 624px;
   width: 225px;
   clear: none;
   float: none;
   margin: 0px;
   white-space: normal;
   display: block;
   background-position: left top;
   padding: 0px;
   border: 1px none;
}

 

nie dodawaj margin="0" padding="0" do znacznika

, zadziala jedynie dodanie

style="margin:0px;padding:0px;"

[hax0r]

edit : juz leander napisal :)

 

no i to na p to : "padding" :)

 

robisz to na 1024 x 768 ?

[Madison]

Teraz u mnie to wygląda tak i jest ok:

Możecie zerknąć na site.

Tak chcę to zrobić na taką rozdzielczość, ale tylko w szerokości

bo w dół będzie można przewijać.

 

body {margin: 0; padding: 0;}

.nawigacja {

background-color: #CCCCCC;

height: 624px;

width: 225px;

clear: none;

float: none;

margin: 0px;

white-space: normal;

display: block;

background-position: left top;

padding: 0px;

border: 0px 1;

 

 

 

}

 

Tylko teraz wydaje mi się, że nie jest możliwe zrobienie stronki,

którą pokazałem z użyciem tylko CCS i to bez ramek.

Ponieważ jest problem:

Jak teraz umieścić w szarym prostokącie nawigację z innym CCS?

 

[hax0r]

Hi to znow ja sorki moze zle sie wyraze bo zawsze staram sie pomagac na tym forum ale CSS to kwestia 1godzinki do nauczenia jest help i w dreamie i stronki o CSS pomysl sam bo to naprawde podstawy :/

 

Pozdro

[Madison]

Właśnie się uczę i też z Waszą pomocą...Sam pomagam z 2d i kompozycji...a teraz sam potrzebuję małego wsparcia...

 

Więc mam zrobić ten site bez ramek, tabeli i innego ustrojstwa tylko

z użyciem CSS? Jak napiszecie, że tak się da i będzie to najbardziej wygodne w tym przypadku to ok.

Aktualizowana będzie tylko prawa strona. Czyli porostokąt jako grafika i nad nim tekst.

Poprostu będzie dodawany image + nad nim napisy.

[hax0r]

Słuchaj w dremie jest taki templak na CSS moze go wykorzystasz ?

[Madison]

Można też tak. Mogę prosić o odpowiedź na moje poprzednie pytanie z posta?

[leander]

Jesli chcesz aby nawigacja stala w miejscu, a prawa strona sie przewijala proponuje jednak uzyc ramek.

 

Innym wyjsciem jest uzycie dla prawego Div'a parametru "overflow: auto;" lub "overflow: scroll;", wowczas jesli ustawisz na stale wysokosc bloku a zawartosc bedzie wieksza - pojawi sie pasek przewijania.

[Madison]

Dzięki za wszelką pomoc. Rozjaśniliście mi pewne kwestie i wątpliwości.

Kiedy stronka zacznie działać zapodam linka do wglądu.

Jeszcze raz dzięki i pozdro.