Weblap keret
Táblázatos elrendezés - a kódneve a módszer elrendezés oldalak.
Amikor táblázatos módszer elrendezés keret oldalakat az oldalon jön létre a címke
| . tábla létrehozása cella sor és rendre. És akkor valószínűleg tudja, az alapokat a dolgozó táblázatok HTML. Ha nem, azt tanácsolom, hogy először olvassa el egy kicsit róla.
És most menjünk közvetlenül a létrehozása keretében a lap táblázat elrendezés módszer. Alapvetően létrehozásával elrendezés táblázatok úgy végezzük, hogy a határok és táblázatok és cellák láthatatlan (az attribútum border = „0”). Én létre fog hozni egy táblázatot határok (attribútum border = „1”). Így könnyebb lesz navigálni. 1. lépés: Összefoglaló táblázatAzt javaslom, hogy hívja az eredeti tábla mag. Tesszük ezt annak érdekében, hogy a félreértések elkerülése végett, mivel a többi asztal jön létre. Érdemes megjegyezni a következő fontos pont. címke | |||||||||||||||||||||||||||||
| . Ez a vonal a táblázat csak akkor jön létre, ha legalább egy cellát.
Ami a szélessége a főtábla, mint látható, telepítettünk ez fix: 1000 képpont. Beállíthatjuk a szélessége, de azt nem több, mint a képernyő felbontását. Például, ha beállítja a felbontást 1280x1024. kívánatos, hogy a szélessége a főtábla 1280 nem haladja px. egyébként néhány nem lesz látható, míg a böngésző ablak jelenik meg vízszintes görgetősáv. És mi van, ha egy bizonyos számú felhasználó képernyő felbontás kisebb, mint a tiéd, így 1024x768. Ebben az esetben, ha a szélessége a főtábla 1024 px. néhány tagja lesz kellemetlen, hogy megtekinthesse oldalak a webhelyén, mert meg kell használni a vízszintes görgetősáv. Kiutat ez. Lehetőség van beállítani a szélességet 100%. Ezután a szélessége a táblázat alkalmazkodni a méret a böngésző ablakot. Azt is csak állítsa be a magasságot attribútum tag
A szélessége és magassága a táblázat tartalma meghatározott egyenlő 100%. Így azonnal elterjedt egész szélességében a fő asztal és a teljes magassága a fő vonal. 3. lépés: A függőleges igazításAmint látható, az előző lépéseket, a tartalmát a sejtek a táblázat alapértelmezés vízszintesen balra, és a függőleges - a közepén. Ha a vízszintes igazítás a sejt, mint általában, hagyja meg az alapértelmezett, akkor a tartalom helyét a középső cella függőleges síkban ritkán valaki boldog. Éppen ezért, ha a tag attribútum valign . Mi meg a függőleges igazítás tartalmának azokat a sejteket, melyek szükség van rá. Főként a tartalmát a sejtek állítsa be a függőleges igazítás a felső szélét.
|
4. lépés: Töltsd ki a táblázatot: a kalap, a pince és a tartalomTehát, az előző lépésben elkészült formálják keret (bár ez lehet változtatni, és hogy bármilyen változás bármikor). Most, hogy a fő asztal tele. Kezdjük sapkák. Vettem a képet, amely a kupakot az oldalamon, és csökkentette a megfelelő méret: emlékeztetni arra, hogy a szélessége a főtábla, és ennek megfelelően, a sejt a kupak alatt 1000 px. Ismerve a magassága a kép, meg a sejt számára allokált kalap magasságának megfelelő: 121 px. Mi jár a pincébe egy alsó fő cellatáblázatot a „footer” oldalon töltse kék színű (bgcolor címkejellemzőn beállítja a háttér színét a cella), és azt a magassága 35 képpont.
| Ezután szerkesztés asztal tartalom: létrehozza a szélessége a bal oldali cella 250 képpont. és a jobb oldali cellában - 150 px. Közép-sejt elfoglalja az összes szabad helyet: szélessége egyenlő lesz 600 px.
A bal oldali cellában a táblázat tartalmát én írt a navigációs menü az oldalon, és a központban - a szövegben. 5. lépés: Azt, hogy a határonEz az utolsó lépés, amit ki a határon. Elmentem az alábbiak szerint: a határ cap hely és a központi sejt a főtábla, én választottam ugyanazt a színt, amely tele van „footer”, és Táblázatcellák tartalomnak sötétkék szegély. Minden határokat egy folytonos vonal és a vastagságuk 1 px.
Ezen talán létrehozásának befejezéséhez lapkeretben egy táblázatos elrendezést. Egy kicsit később, én továbbra is ezt a témát: egy kicsit bonyolítja a keret, hogy egy másik vonalat a felső navigációs menü; Ez lehet helyezni, például a bal oldali oszlopban a másik asztalhoz, ezáltal összetörik darabokra és hasonlók Azonban, akkor csináld magad. Ugyanakkor biztosítani az anyag vonatkozik! Kapcsolódó cikkek |