Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Tekst przesunięty do lewej w tabeli na środku strony
#1
Witam,

Jak zrobić tabelę na środku strony (bez obramowania) tak, aby tekst w niej zawarty był przesunięty do lewej strony?

Mam tutaj na myśli HTML.

W tekście, mam na myśli, że w tym tekście mam zawarte linki (1), tekst o dwóch rozmiarach (2 i 3) oraz pewną grafikę, która u mnie wyświetla się jako tło - jest to button taki co przesuwa się wraz z tekstem, a właściwie jest to kawałek grafiki, który wyświetla się pod linkiem do innej strony, co właściwie razem tworzy button.

Jest to mala strona, bardzo prosta. Sam tekst z obrazkiem w tle i tym co opisałem wyżej. Do tego powinienem zaznaczyć, że zawiera wiele błędów, a właściwe mam tutaj na myśli jest nie dość zbyt zoptymalizowana pod względem ilości kodów w kodzie strony i np. nie ma gwarancji, że jakiś kod nie jest napisany dwa razy mimo, że wystarczyło by tylko raz, no i jakiś kod jest napisany w dziwniejszy sposób, mimo, że można by było w normalniejszy.

W każdym bądź razie wszystko się wyświetla prawidłowo i właściwie chciałbym tylko odpowiedź na moje powyższe (u góry, to pierwsze Tongue ) pytanie Tongue
Odpowiedz
#2
Jeśli masz podpięty plik CSS do HTML to musisz całą zawartość strony zamknąć taką "klamrą" div'em i w pliku css w tym divie dodać takie parametry:
margin-left: auto;
margin-right: auto;

Przykład:
HTML:
<div id="strona">
zawartosc strony
</div>

CSS:
#strona{
margin-left: auto;
margin-right: auto;
}

Jeśli nie masz podpiętego pliku CSS to w <body> dodaj coś takiego:

<body style="margin-left: auto; margin-right: auto;">
zawartosc strony
</body>
Odpowiedz
#3
Zastanawiałem się, czy wystawić cały kod.

Jednak prześlę tylko ten fragment:

<body link="white" vlink="white" alink="white" bgcolor="04181c" style="margin-left: auto; margin-right: auto; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden">

Nic się nie zmienia. Nie mam pliku CSS. Wszystko robię w jednym pliku HTML.

Ewentualnie mogę przesłać cały kod, aby można było go obejrzeć. Jednak zależy mi tylko na tym żeby tekst był przesuwany do lewej, przy jednoczesnym umieszczeniu go na środku strony.

Napiszcie co zrobić. Mogę przesłać kod, albo nie wysyłać, w każdym badź razie na razie mi to nie działa.

Może coś źle robię.

Pozdrawiam.
Odpowiedz
#4
Jeśli w body masz margin: 0; to, to jest "ważniejsze" niż margin-left/right. Tzn. wyżej postawione w hierarchii (jeśli jest samo margin to margin-left/right nie będzie działało).

Masz też wrzucone width: 100%;, oznacza to, że masz ustawioną szerokość strony na całą szerokość przeglądarki. Musisz zdefiniować jakąś szerokość, bo nawet jeśli ustawisz dobrze marginesy to nie będą one działały. Ustaw np. width: 980px;
Odpowiedz
#5
Zgoła ścisłości:
margin-left nie jest ważniejszy w hierarchii. Margin:0 jest po prostu później w kodzie.
Same właściwości nie mają hierarchii, to selektory mają.
Odpowiedz
#6
Hej Big Grin

Piszę od razu, na szybko na gorąco Smile

Wszystko działa.

Ustawiłem width: 1000px i usunąłem ; margin: 0

Teraz wszystko śmiga jak należy.

Dzięki chłopaki.

Plusiki lecą.

A właściwie podziękowania tylko dla Heyek'a. Plusik leci.
Odpowiedz
#7
Z tego co widzę to chyba nie doleciał Smile
"Badz czlowiekiem laskawym tak,
i od czasu do czasu wcisnij prawy alt."
Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [HTML][CSS]Pulsujący tekst Doooku 2 2,012 20-08-2014, 15:30
Ostatni post: HipolitAron
  Importowanie wybranych danych z Excel do tabeli w html fabsik 1 1,522 16-01-2014, 15:41
Ostatni post: fabsik
  Strona w zagnieżdżonej tabeli exevan 10 2,600 29-09-2012, 03:36
Ostatni post: hieroshima
  Przesunięty slider w przeglądarkach Wordpress mat2224 2 1,046 16-09-2012, 00:50
Ostatni post: Kartofelek
  Sformatowany tekst messi19125 8 1,625 02-06-2012, 20:05
Ostatni post: messi19125

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
Tworzenie sklepów