file Táblázatban függőleges igazítás

  • tudatlan
  • tudatlan profilkép Témaindító
  • Látogató
  • Látogató
2015 ápr. 13 20:14 #1 Írta: tudatlan
Táblázatban függőleges igazítás téma létrehozva tudatlan által
Szeretnék egy táblázatot készíteni, melynek első cellájában szöveg, a másodikban egy kép lenne, és szeretném, ha a szöveg emiatt a cellán belül függőlegesen középre lenne igazítva.
Joomla3, JCE Edior.
Gondolom a HTML és CSS együtt határozza meg, de valahogy sehogy nem akadok rá.
Joomlában alapból úgy hozta fel, hogy középen van a szöveg, de élesben felülre kerül.
Ha nem Joomlás kérdés, akkor bocs

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2015 ápr. 13 22:09 - 2015 ápr. 13 22:24 #2 Írta: Zotius
Zotius válaszolt a következő témában: Táblázatban függőleges igazítás
Valóban nem Joomlás kérdés, ez színtiszta CSS ismeret... :D
Válts át html üzemódba a szerkesztőben és tedd be magad a szükséges css utasítást a kívánt cella <td> mezőkezdő tag-jébe:
Függőlegesen felülre:
<table>
  <tr>
    <td style='vertical-align:top;'>Ez itt a kiírandó szöveg</td>
  </tr>
</table>
Függőlegesen középre:
<table>
  <tr>
    <td style='vertical-align:middle;'>Ez itt a kiírandó szöveg</td>
  </tr>
</table>
Függőlegesen alulra:
<table>
  <tr>
    <td style='vertical-align:bottom;'>Ez itt a kiírandó szöveg</td>
  </tr>
</table>

Ha viszont a weboldaladon az összes cellában egyforma igazítást akarsz, akkor a sablonod css fájljába tedd bele a szükséges utasítást:
td {vertical-align:top;} /* felülre */
/* vagy */
td {vertical-align:middle;} /* középre */
/* vagy */
td {vertical-align:bottom;} /* alulra */


Egyébként pedig ajánlom szíves figyelmedbe: W3Schools

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2015 ápr. 13 22:24 Zotius által.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2015 ápr. 14 06:44 #3 Írta: GitFun
GitFun válaszolt a következő témában: Táblázatban függőleges igazítás
Akár joomlás is lehet(ne) a kérdés:
Van olyan szövegszerkesztő Joomlához, amivel ezt a függőleges igazítást lehet állítani?

Illetve még egy nem túl elegáns megoldás:
Wordben elkészíteni a táblázatot, és azt bemásolni. Azt hiszem, minden formázást megőriz. A képet külön fel kell tölteni.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2015 ápr. 14 11:14 #4 Írta: Zotius
Zotius válaszolt a következő témában: Táblázatban függőleges igazítás

GitFun írta: Wordben elkészíteni a táblázatot, és azt bemásolni. Azt hiszem, minden formázást megőriz.

Persze megőrzi, de látnád, hogy mennyi felesleges definíció van a stílustáblájában... Nézted már valaha az ilyen word-ből bemásolt cucc html forrását? Ha felesleges kódokkal akarod terhelni a tárhelyedet, akkor csak nyugodtan... :D
Azt a pár html kódot olyan nagy gond kézzel bepötyögni?

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2015 ápr. 14 12:09 #5 Írta: GitFun
GitFun válaszolt a következő témában: Táblázatban függőleges igazítás
Én is "kézzel pötyögök", szóval egyáltalán nem akkora gond (neked, nekem) de van, akinek gondot okoz. Írtam, hogy nem elegáns, de sokan pl. a Joomlának köszönhetően weblapot készítenek nulla programozási ismeretekkel. Nekik lehet egy mentőöv, amit írtam.

Jelentkezz be, hogy te is részt vehess beszélgetésben!