Zarovnání pomocí CSS Vyřešeno

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
metropolisCZ
Level 2.5
Level 2.5
Příspěvky: 305
Registrován: srpen 12
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Zarovnání pomocí CSS  Vyřešeno

Příspěvekod metropolisCZ » 10 pro 2012 11:52

Zdravím,

prosím o radu. V příloze po rozbalení soubor NEW ISO.htm a iso.css. Text v řádku tabulky, kde je v buňkách "110" je zarovnán na střed. Kromě první, kde je použito css. Nejde mi zarovnat na střed pomocí "vertical-align". Používám IE 8.0.

Díky.
Přílohy
priloha.rar
(877 bajtů) Staženo 6 x
ASUS TUF GAMING B550M-PLUS WIFI II | AMD Ryzen 5 5600 | Endorfy Fera 5 ARGB | SAPPHIRE PULSE Radeon RX 6700 XT | Kingston FURY 32GB KIT DDR4 3200MHz CL16 Beast RGB | Samsung 980 PRO 1TB + Samsung 970 EVO PLUS 2TB | Fractal Design Pop Mini Air RGB Black | GIGABYTE UD750GM | 24" ASUS TUF Gaming VG249Q | W11

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Zarovnání pomocí CSS

Příspěvekod CZechBoY » 10 pro 2012 12:15

vertical-align se používá k centrování vertikálnímu, funguje jen na table-cell
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
metropolisCZ
Level 2.5
Level 2.5
Příspěvky: 305
Registrován: srpen 12
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Zarovnání pomocí CSS

Příspěvekod metropolisCZ » 10 pro 2012 12:25

A tak co mám použít v mém případě?
ASUS TUF GAMING B550M-PLUS WIFI II | AMD Ryzen 5 5600 | Endorfy Fera 5 ARGB | SAPPHIRE PULSE Radeon RX 6700 XT | Kingston FURY 32GB KIT DDR4 3200MHz CL16 Beast RGB | Samsung 980 PRO 1TB + Samsung 970 EVO PLUS 2TB | Fractal Design Pop Mini Air RGB Black | GIGABYTE UD750GM | 24" ASUS TUF Gaming VG249Q | W11

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Zarovnání pomocí CSS

Příspěvekod CZechBoY » 10 pro 2012 12:31

nejdřív bych se snažil to dát do správné syntaxe html :crazy:
potom v css dáš jenom table tr td {vertical-align:middle}
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
metropolisCZ
Level 2.5
Level 2.5
Příspěvky: 305
Registrován: srpen 12
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Zarovnání pomocí CSS

Příspěvekod metropolisCZ » 10 pro 2012 12:52

Můžu poprosit o přesný popis na základě přiloženého příkladu? Díky.
Přílohy
priklad.rar
(364 bajtů) Staženo 6 x
ASUS TUF GAMING B550M-PLUS WIFI II | AMD Ryzen 5 5600 | Endorfy Fera 5 ARGB | SAPPHIRE PULSE Radeon RX 6700 XT | Kingston FURY 32GB KIT DDR4 3200MHz CL16 Beast RGB | Samsung 980 PRO 1TB + Samsung 970 EVO PLUS 2TB | Fractal Design Pop Mini Air RGB Black | GIGABYTE UD750GM | 24" ASUS TUF Gaming VG249Q | W11

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Zarovnání pomocí CSS

Příspěvekod CZechBoY » 10 pro 2012 13:12

nevim co s tim mám udělat...
zarovnat na střed-střed celé stránky?

ke kodu: chybí ti tam doctype, kodování; když máš hover, tak měníš určitou vlastnost, ty tam máš ale znovu definované všechny styly, to není potřeba
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
metropolisCZ
Level 2.5
Level 2.5
Příspěvky: 305
Registrován: srpen 12
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Zarovnání pomocí CSS

Příspěvekod metropolisCZ » 10 pro 2012 13:16

OK, upřesním: potřebuji zarovnat text v buňce do středu - jak vertikálně (to mi ještě jde), tak horizontálně.
Jinak díky za připomínku, u hover ty opakující se styly odmažu.
ASUS TUF GAMING B550M-PLUS WIFI II | AMD Ryzen 5 5600 | Endorfy Fera 5 ARGB | SAPPHIRE PULSE Radeon RX 6700 XT | Kingston FURY 32GB KIT DDR4 3200MHz CL16 Beast RGB | Samsung 980 PRO 1TB + Samsung 970 EVO PLUS 2TB | Fractal Design Pop Mini Air RGB Black | GIGABYTE UD750GM | 24" ASUS TUF Gaming VG249Q | W11

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Zarovnání pomocí CSS

Příspěvekod CZechBoY » 10 pro 2012 13:20

v tom případě table tr td {vertical-align: middle}
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
metropolisCZ
Level 2.5
Level 2.5
Příspěvky: 305
Registrován: srpen 12
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Zarovnání pomocí CSS

Příspěvekod metropolisCZ » 10 pro 2012 13:29

Bez efektu.
ASUS TUF GAMING B550M-PLUS WIFI II | AMD Ryzen 5 5600 | Endorfy Fera 5 ARGB | SAPPHIRE PULSE Radeon RX 6700 XT | Kingston FURY 32GB KIT DDR4 3200MHz CL16 Beast RGB | Samsung 980 PRO 1TB + Samsung 970 EVO PLUS 2TB | Fractal Design Pop Mini Air RGB Black | GIGABYTE UD750GM | 24" ASUS TUF Gaming VG249Q | W11

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Zarovnání pomocí CSS

Příspěvekod CZechBoY » 10 pro 2012 13:32

mě se to zarovnalo do středu :)
asi sám nevíš, na jakej střed se to má zarovnat ne?
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
metropolisCZ
Level 2.5
Level 2.5
Příspěvky: 305
Registrován: srpen 12
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: Zarovnání pomocí CSS

Příspěvekod metropolisCZ » 10 pro 2012 13:37

Ale vím :) Tak jako text v druhém řádku, viz nový příklad.
Přílohy
priklad.rar
(456 bajtů) Staženo 4 x
ASUS TUF GAMING B550M-PLUS WIFI II | AMD Ryzen 5 5600 | Endorfy Fera 5 ARGB | SAPPHIRE PULSE Radeon RX 6700 XT | Kingston FURY 32GB KIT DDR4 3200MHz CL16 Beast RGB | Samsung 980 PRO 1TB + Samsung 970 EVO PLUS 2TB | Fractal Design Pop Mini Air RGB Black | GIGABYTE UD750GM | 24" ASUS TUF Gaming VG249Q | W11

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Zarovnání pomocí CSS

Příspěvekod CZechBoY » 10 pro 2012 13:42

stále asi nevíš co chceš :D
však to je na středu... jenom ta buňka má 100x30 rozměry a ten odkaz má taky 100x30 rozměry...
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Sledování pomocí hodinek
    od palecek » 29 srp 2024 09:47 » v Mobily, tablety a jiná přenosná zařízení
    3
    3828
    od GamerXXX Zobrazit poslední příspěvek
    02 zář 2024 12:25

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti