Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Jak wyrównać do lewej?
Forum PHP.pl > Forum > Po stronie przeglądarki
GoldeNx3
Witam! Mam stąd szablon i to menu w jQuery. Ale mam problem.

http://net.tutsplus.com/tutorials/html-css...d-content-area/

Jak mogę przyciski (Topics, Archives, Pages) wraz z całą treścią która sie zmienia za pomocą kliknięcia w przycisk wyrównać do prawej a po lewej dodać jeszcze jedną taką jakby ramkę?

Jak dodaję do .content float: right; To to tło ciemniejsze mi maleje i obejmuje tylko przyciski, może ktoś pomóc?

@nospor

Przepraszam. Dziękuję za przeniesienie.
nospor
Patrz proszę gdzie piszesz. Jaki to ma związek z php? Przenosze
Damonsson
  1. ul.tabs {
  2. margin: 5px 0 6px;
  3. padding: 0;
  4. text-align: right;
  5. }

Masz po prawej zakładki.

  1. .content ul li {
  2. border-bottom: 1px solid #D6DDE0;
  3. font-size: 13px;
  4. list-style: none outside none;
  5. padding-bottom: 15px;
  6. padding-top: 15px;
  7. text-align: right;
  8. }

Masz po prawej treść zakładek (ale IMHO brzydko to wygląda). Chyba, że tego nie chciałeś, ale tak wynika z postu.


A z ramką nie wiem o co Ci chodzi, wytłumacz, albo narysuj.
GoldeNx3
Chcę aby treść tej całej ramki białej jak i ta biała ramka były wyrównane do prawej tak jak te przyciski a po lewej nic nie było. Czy tak jak jest teraz, tylko, że ta ramka też do prawej.

PS. Nie treść zakładek a całe zakładki.
Damonsson
http://i51.tinypic.com/2vkhxr5.jpg tak?
GoldeNx3
Racja, źle opisałem. haha.gif

A więc:

Mam zrobione ogólną szerokość 1000px. Teraz ogólnie całą tą stronę mam wyśrodkowaną, ale To białe gdzie jest Home | About | Contribute | Contact chciałbym wyrównać do prawej (A to białe mam po 650px).
Rid
No to musi,Pan pobawić się marginesami ,aby wyśrodkować stronę.

PS.Zawszę ,uważałem że flexible layout,nie jest optymalnym rozwiązaniem.Opieranie się na wartościach px,daje rezultat białego tła(pusta przestrzeń).Fluid layout jest lepszym rozwiązaniem,opartym na jednostkach procentowych,niejako odpornym na zmianę rozdzielczości(nie ma efektu białej przestrzeni wokół dokumentu).Proszę poczytać o rodzajach layoutu,może Pan znajdzie lepszy przykład niż ten co Pan znalazł,bo do najlepszych chyba on nie należy.
GoldeNx3
Chcę by to co zaznaczyłem na czerwono wyrównało się do niebieskiego X a ten "X" pojawił się po lewej, czyli aby lewe pole było puste.

http://imageshack.us/photo/my-images/851/cus2.jpg/

@Rid

Niestety, nie znam się na tworzeniu stron i wolę coś co mi się podoba niż jakbym ja miał robić, bo zapewne bym nie zrobił. ;/
Rid
Cytat
Niestety, nie znam się na tworzeniu stron

To musi Pan koniecznie poznać,szczerze zapraszam na kurs CSS:
http://www.kurshtml.edu.pl/css/pozycjonowanie.html

Sam z niego czasami korzystam jak czegoś nie wiem-naprawdę dobra strona z przykładami.

PS.A pro po Pana przykładu-szczególnie proszę zwrócić uwagę w kursie na pozycjonowanie i cechę float.
GoldeNx3
Dziękuję za stronę.

Dałem w .content float: right; lecz wtedy całe ciemniejsze tło uciekło na same przyciski. ;/
Rid
No widzi Pan,już Pan wie jak działa float right.Proszę poczytać na stronie z kursem także o innych metodach,a metodą prób i błędów na pewno się Panu uda i nie powie już Pan na forum:
Cytat
Niestety, nie znam się na tworzeniu stron
Wystarczy trochę posiedzieć ,poczytać ,popróbować i nikt Panu tej wiedzy nie zabierze:)
GoldeNx3
Okej, udało mi się wyrównać do prawej. Tylko jak teraz po lewej mogę dodać taką samą ramkę? Próbowałem za zasadzie tamtej, lecz jak dodałem, to ta ramka jest po lewej i na górze, a ta co była na prawo poszła na dół. ;/
toaspzoo
albo vertical-align: right;
GoldeNx3
To nic nie dało, tak to wygląda u mnie:

http://imageshack.us/photo/my-images/806/lolola.png/
Rid
Można dać wszystkie elementy float:left;
i na ostatnim elemencie-użyć margin- left:30px;-przykładowo
GoldeNx3
Cytat(Rid @ 11.06.2011, 12:25:08 ) *
Można dać wszystkie elementy float:left;
i na ostatnim elemencie-użyć margin- left:30px;-przykładowo


Udało się! Dziękuję!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.