Nie jesteś zalogowany.
Jeśli nie posiadasz konta, zarejestruj je już teraz! Pozwoli Ci ono w pełni korzystać z naszego serwisu. Spamerom dziękujemy!

Ogłoszenie

Prosimy o pomoc dla małej Julki — przekaż 1% podatku na Fundacji Dzieciom zdazyć z Pomocą.
Więcej informacji na dug.net.pl/pomagamy/.

Strony: 1

 

#1  2007-06-27 11:31:19

  Zbooj - Dark Sith

Zbooj
Dark Sith
Skąd: Siedziba Wszelkiego Zła
Zarejestrowany: 2005-07-28

Wyśrodkowanie strony itp.

Witam

Robie sobie strone. Na stronce jest tabela ktora sklada sie z jednej kolumny i dwóch wierszy (baner+czesc zasadnicza). W części zasadniczej zagnieżdżona jest tabela: dwie kolumny jeden wiersz (menu+opisówka).

Pytania:
1. Jak wyśrodkować główną tabele? (udało mi się jedynie znacznikiem <center> ale to dziala tylko w IE)
2. Jak zrobić sensowne obramowania tabeli (takie fajne kropkowane ramki), który styl za to odpowiada?
3. Jak wyeliminować taki problem: gdy robie obydwie tabele z ramką wtedy baner jest szerszy niż poniższa zawartość.
Chciałbym osiągnąć efekt w ktorym pokazane są wszystkie obramowania tabel (ale nie podwójnie) i baner ma identyczną szerokość jak część zasadnicza.

Pozdrawiam

Nemo sailing home...

Offline

 

#2  2007-06-27 12:21:47

  guzzi - Członek DUG

guzzi
Członek DUG
Skąd: Asteroida Linux
Zarejestrowany: 2005-03-31

Re: Wyśrodkowanie strony itp.

pokaż ten kod

Offline

 

#3  2007-06-27 12:38:28

  Zbooj - Dark Sith

Zbooj
Dark Sith
Skąd: Siedziba Wszelkiego Zła
Zarejestrowany: 2005-07-28

Re: Wyśrodkowanie strony itp.

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html style="direction: ltr;" lang="pl">
<head>
  <meta content="text/html; charset=ISO-8859-2"
 http-equiv="content-type">
  <title></title>
  <link type="text/css" href="style.css"
 rel="stylesheet">
</head>
<body
 style="width: 800px; color: rgb(0, 0, 0); background-color: rgb(49, 75, 95);">
<center>
<table style="text-align: left; width: 766px; height: 457px;"
 border="1" cellpadding="0" cellspacing="0">
  <tbody>
    <tr align="center">
      <td style="background-color: rgb(49, 75, 95);"> <img
 alt=""
 src="banner2.jpg"> </td>
    </tr>
    <tr>
      <td style="width: 766px;">
      <table
 style="text-align: left; background-color: rgb(49, 75, 95);"
 border="0" cellpadding="7" cellspacing="1">
        <tbody>
          <tr>
            <td
 style="vertical-align: top; text-align: center; width: 120px; background-color: rgb(112, 178, 230);">
            <p style="font-family: Calibri; font-weight: bold;"><a
 href="glowna.html">Strona
gł&oacute;wna</a></p>
            <p style="font-family: Calibri; font-weight: bold;"><a
 href="promocje.html">Promocje</a></p>
            <p style="font-family: Calibri; font-weight: bold;"><a
 href="onas.html">O
nas</a></p>
            <p style="font-family: Calibri; font-weight: bold;"><a
 href="oferta.html">Oferta</a></p>
            <p style="font-family: Calibri; font-weight: bold;"><a
 href="uslugi.html">Usługi</a></p>
            <p style="font-family: Calibri; font-weight: bold;"><a
 href="kontakt.html">Kontakt</a></p>
            </td>
            <td
 style="vertical-align: top; width: 644px; background-color: rgb(112, 178, 230);">Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst&nbsp;Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
Tekst<br>
            </td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
</center>
</body>
</html>

wysiwyg, nie bijcie ;)

Jeszcze proszę o jakis fajny link do kursu CSS (taki z obrazkami i przykładami najlepiej ;)

Nemo sailing home...

Offline

 

#4  2007-06-27 13:08:18

  guzzi - Członek DUG

guzzi
Członek DUG
Skąd: Asteroida Linux
Zarejestrowany: 2005-03-31

Re: Wyśrodkowanie strony itp.

ad 1. <body style="align:center; color: rgb(0, 0, 0); background-color: rgb(49, 75, 95);">
ad 2. to nie bardzo wiem o co ci dokłądnie chodzi jak oa jakieś cieniowane bajery to się robi  na plikach graficvznych tzn. małych gifach którymi wypełnione są komórki wierszy i kolumn
ad 3. nie widzę w twoim kodzie nic związanego z frame

Offline

 

#5  2007-06-27 13:11:56

  x-dos - Członek DUG

x-dos
Członek DUG
Skąd: United World
Zarejestrowany: 2005-04-10
Serwis

Re: Wyśrodkowanie strony itp.

1. usun znaczniki <center>
dodaj w body do stylu: text-align: center //hack dla IE
dodaj w tabeli do stylu: margin: 0 auto //wysrodkowywuje tabele w normalnych przegladarka
dodaj w tabeli do stylu: text-align: left //zeby miec wyrownany tekst spowrotem do lewej, nie odziedziczony center po body
2. obramowanie kropkowe nie obsluguje IE
dodaj w tabeli do stylu: border-style: dotted lub bezsposrednio do wpisu z border
jeżeli mato być tylko pionowa krecha kropkowana to mozesz dodac obrazek powtarzajacy sie w tle jakiejs komorki
3. nie wiem o co biega :P

radze zainteresować się XHTML'em, tworzeniem stronek na DIV'ach nie na TABELach - na początku może być trudne ale potem zobaczysz wiele plusów ;)

Offline

 

#6  2007-06-27 13:21:59

  raixer - Moderator

raixer
Moderator
Zarejestrowany: 2004-08-21

Re: Wyśrodkowanie strony itp.

Ad1. Mozna przyjemnie na div'ach wysrodkowac tabelke np:

Kod:

<div style="width:766px; margin-left: auto; margin-right: auto;">(tabelka)</div>
Open Source - Świat otwartych umysłów
Linux Registered User: #276548

Offline

 

#7  2007-06-27 13:28:20

  Zbooj - Dark Sith

Zbooj
Dark Sith
Skąd: Siedziba Wszelkiego Zła
Zarejestrowany: 2005-07-28

Re: Wyśrodkowanie strony itp.

3. Jak wyeliminować taki problem: gdy robie obydwie tabele z ramką wtedy baner jest szerszy niż poniższa zawartość.
Chciałbym osiągnąć efekt w ktorym pokazane są wszystkie obramowania tabel (ale nie podwójnie) i baner ma identyczną szerokość jak część zasadnicza.

Chodzi mi generalnie o obramowanie tabel. Główna tabela ma border=0 zagnieżdżona też. Chciałbym w jakis sposób obramować obydwie tabele, ale jesli ustawie border dla tabel na grubość 1 to wtedy i główna tabela i zagnieżdzona mają swoje ramki z tym że zagnieżdzona ma dwie i baner jest szerszy od cześci zasadniczej o 1 pixel z każdej strony.
Problem więc polega generalnie na odpowiednim częściowym obramowaniu każdej z tabel.

Nemo sailing home...

Offline

 

#8  2007-06-27 13:39:06

  x-dos - Członek DUG

x-dos
Członek DUG
Skąd: United World
Zarejestrowany: 2005-04-10
Serwis

Re: Wyśrodkowanie strony itp.

3.
border-top: 1px solid #000000
border-bottom: ...
border-left: ...
border-right: ....
i se poustawiaj jak chcesz :)

Offline

 

#9  2007-06-27 13:43:20

  Zbooj - Dark Sith

Zbooj
Dark Sith
Skąd: Siedziba Wszelkiego Zła
Zarejestrowany: 2005-07-28

Re: Wyśrodkowanie strony itp.

Dzięki za odpowiedzi :)
Poproszę jeszcze o jakiś link do fajnego kursu o CSS i DIV :)

Nemo sailing home...

Offline

 

#10  2007-06-27 13:49:24

  x-dos - Członek DUG

x-dos
Członek DUG
Skąd: United World
Zarejestrowany: 2005-04-10
Serwis

Re: Wyśrodkowanie strony itp.

http://kurs.browsehappy.pl/

wiecej w necie -> xhtml

Offline

 

#11  2007-06-29 10:09:02

  ba10 - Członek DUG

ba10
Członek DUG
Skąd: jesteś ?
Zarejestrowany: 2006-03-07
Serwis

Re: Wyśrodkowanie strony itp.

http://www.kurshtml.boo.pl/

"Jeżeli chcesz się nauczyć Linuksa, to pierwsze co musisz zrobić to odrzucić wszelkie przyzwyczajenia wyniesione z poprzedniego systemu. Twoja wiedza jest o tyle zgubna, że daje Ci poczucie że coś jednak wiesz — jednak w kontekście Linuksa prawdopodobnie nie wiesz jeszcze nic." Minio
Mój Blog, a później Tańczymy ;)

Offline

 

#12  2007-06-29 13:45:16

  zimzum - Członek DUG

zimzum
Członek DUG
Zarejestrowany: 2006-09-04

Re: Wyśrodkowanie strony itp.

Poszukaj tutaj:
http://www.westciv.com/style_master/house/tutorials/
Ja przy pomocy tutoriala z tej strony zrobilem moja pierwsza, a do tego ladna stronke ;-) Mi nie udalo znalezc niczego przyjazniejszego. A tak troche offtopujac to jaki software polecacie do webmasteringu? Ja koduje w Quanta Plus, ale moze znacie cos ciekawszego? Moze cos do grafiki (to jest moja najwieksza zmora)?

Offline

 

#13  2007-07-07 20:05:14

  kayo - Członek DUG

kayo
Członek DUG
Zarejestrowany: 2007-05-20

Re: Wyśrodkowanie strony itp.

Mozna też tak:

Kod:

<table align='center' itd.
Having a Windows 95 box hooked to the internet is akin to walking naked into a prison carrying a carton of cigarettes.
-----------------
jid: kayo77//gmail.com  gg #1046710

Offline

 

 

Strony: 1

Stopka forum

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson
Nas ludzie lubią po prostu, a nie klikając w przyciski ;-)