FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Design w CSS

   Frihost Forum Index -> Language Forums -> Polish
 


pawelsz
Jak zrobic, aby w DIV'ie tekst byl na srodku? (oczywiscie chce wszystko nadal miec zgodne z w3c) tzn. mam ja div'a: <div id="header"> I chce osiagnac efekt taki jak przez <td valign="middle">. Cel jest taki, ze tekst ma byc po prawej stronie a po lewej tylko logo, mam juz takie cos:

Code:
<div id="header">
  <div id="logo">
    <a href="index.php"><img src="images/logo.jpg" alt="Moj serwis" /></a>
  </div>
  <li><a href="index.php">Strona główna</a>
  <li><a href="index.php?act=1">Costam</a>
  <li><a href="index.php?act=2">Inny link</a>
</div>

i do tego css:
Code:
body { margin: 0; padding: 0; background-color: #000000; color: #6699cc; font-family: Verdana, sans-serif; font-size: 11px }
#header { height: 60px; background: repeat-x url('images/topbar.jpg'); text-align: right; }
#logo { float: left; }
ul { list-style: none; }
li { display: inline; }


I wszystko fajnie jest tylko ze chce aby tekst, czyli pozycje menu byly na srodku jesli chodzi o wysokosc i czy jest jakis inny sposob niz ustawienie margin albo padding

Btw - mam nadzieje ze dobrze to napisalem bo kod wpisywalem z pamieci ale chyba jest dobrze podane
draqo
Nie wiem jak napisać tego posta na kilka linijek, ale się postaram Razz Spróbuj tak:
Code:

text-valign: middle
lub
text-align: middle

Nie wiem czy o to chodzi, ale mam nadzieję, że tak ;p
mtx
Quote:
Spróbuj w tym css, który podałeś dodać fragment:
Code:
text-valign: middle lub text-align: middle

to powinno pomóc, jeśli nie, skontatkuj się ze mną na gg: xxxx lub na pw, a spróbuję ci pomóc w inny sposób (np. zrobię ten kod za ciebie)

jest na więcej niż 1 linijkę? Ale tak jak mówiłam wcześniej- jeśli coś się nie da na więcej niż 1 linijkę to komentarze typu: spróbuję na więcej niż 1 linijkę są naprawdę zbędne i bezsensu..
Timczak
draqo wrote:
Nie wiem jak napisać tego posta na kilka linijek, ale się postaram Razz Spróbuj tak:
Code:

text-valign: middle
lub
text-align: middle

Nie wiem czy o to chodzi, ale mam nadzieję, że tak ;p

To w zupełności wystatrcza. Możesz zawsze użyć
Code:

<center></center>
ale
Code:
text-align: centre
jest lepsze. Sorka za dużą ilośc cytatów;]
pawelsz
Quote:
To w zupełności wystatrcza. Możesz zawsze użyć
Kod:

<center></center>
ale Kod:
text-align: centre
jest lepsze. Sorka za dużą ilośc cytatów;]

Wtedy tekst bedzie na srodku pod wzgledem ulozenia poziomego a ja chce zeby byl nie przy samej gorze tylko troche nizej pod wzgledem wysokosci

Quote:
text-valign: middle
lub
text-align: middle

Jest vertical-align: middle ale to nie chcialo zadzialac (tylko dla tabelek sie nie buntowalo) trudno zostaje widac tylko przez padding-top ustawic tak aby tekst byl na srodku

myslalem ze sa moze jakies inne sposoby o ktorych nie wiem ale cos widze ze bedzie ciezko trudno bede musial sie pobawic z dopasowywaniem co do pixela
Calemb
Quote:
Wtedy tekst bedzie na srodku pod wzgledem ulozenia poziomego a ja chce zeby byl nie przy samej gorze tylko troche nizej pod wzgledem wysokosci

Można ustawić właściwość "padding", czyli odległość elementu(twój tekst) od krawędzi sekcji div. Najlepiej:
vertical-align: top; padding-top: (wartość np. 5px);
P.S. W CSS właściwość
Quote:
text-valign:
jest niepoprawna.
hyhy
Albo weź wszystko w tabele, inaczej się chyba nie da?!
pawelsz
W sumie z problemem sobie juz jakis czas temu poradzilem, zdecydowalem sie wykorzystac padding.

Quote:
Albo weź wszystko w tabele, inaczej się chyba nie da?!

z uzywania tabelek zrezygnowalem juz jakis czas temu i jakos nie chce mi sie do tego wracac...

Quote:
P.S. W CSS właściwość Cytat:
text-valign:
jest niepoprawna.

no tak, czyzbym sie pomylil? Cool
hyhy
pawelsz wrote:
W sumie z problemem sobie juz jakis czas temu poradzilem, zdecydowalem sie wykorzystac padding.

z uzywania tabelek zrezygnowalem juz jakis czas temu i jakos nie chce mi sie do tego wracac...


No tak ale paddingiem nie wyśrodkujesz, jedynie przesuniesz o x pixeli np. w dół i na 640x480 to może być wyśrodkowane a przy wyższych rozdzielczościach raczej niezauważalne.

A tabelki są uniwersalne i ja robie wszystko na tabelkach hyhy:P
pawelsz
Mnie chodzilo o to zeby przesunac to w div'ie o stalej wysokosci tak ze na wszystkich rozdzielczosciach mialby te powiedzmy 40px. A stron na tabelkach nie jestem w stanie wygodnie obslugiwac na mojej komorce, co czasem gdy gdzies wyjade okazuje sie przydatne... a to ze widac na ekranie tylko kawalek strony (i to maly) jest utrudnieniem Wink a przy ustawainiu wygladu przez CSS nie ma z tym problemow, bo po prostu CSS'a nie czyta Razz
Calemb
Quote:
z uzywania tabelek zrezygnowalem juz jakis czas temu i jakos nie chce mi sie do tego wracac...


Idea Tutaj popieram kolege. Też już zrezygnowałem z tabel na rzecz sekcji div i arkuszy CSS. Dlaczego nie używam tabel?
Kilka prostych powodów:
-czas ładowania strony jest dłuższy
-tabele wspierają użycie nieefektywnych "pustych obrazków"
-modyfikacja kodu i rozwijanie tabel jest koszmarem
Dlatego zachęcam wszystkich do chociażby spróbowania CSS. Idea
WMP
Pobierz Pajączek5 NG, tam jest bardzo dobry edytor do css. Opisane masz wszytkie te no, "rzeczy" co one robią jakie są wartości domyślne, i jakie mozesz wstawić. Co tu więcej pisać, hmmmm, www.pajaczek.pl
pawelsz
Jak juz mowilem, problem rozwiazalem, a co do pajączka to sie nigdy raczej nie przekonam... wiele osob chcialo zebym z niego korzystal ale mnie osobiscie po prostu sie nie podoba. Od czasu gdy pisalem tamtego posta juz troche rzeczy o CSS sie dowiedzialem.

Mysle, ze temat mozna juz zamknac i prosze o to kogos z moderatorow, aby nie zamienil sie on w bezsensowne nabijanie postów...
Joker
Eieee tam co to jest Pajączek?! Razz Ja tam osobiście polecam i preferuje notepad.exe + wc3 validatora. Jak dla mnie to wystarcza do stworzenia "profesjonalnej" www wolnej od błędów Very Happy Ale jak zawsze powtarzam jak kto lubi... Razz
Reply to topic    Frihost Forum Index -> Language Forums -> Polish

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.