Autor Zpráva
Mata7
Profil
Čau, chtěl bych se na něco zeptat. V HTML souboru mám nějaký text. V CSS souboru mám nastaveno, aby text byl na pravé straně a mám ho v rámečku a rámeček potřebuji zarovnat na střed+tam mám ještě také obrázek, který také pořebuji zarovnat na střed. A nevím jak mám zarovnat rámeček.
Děkuji za odpověď s pozdravem Mata7.
Bubák
Profil
Rámeček chceš zarovnat na střes svisle nebo vodorovně?
Centrování na webových stránkách
Pokud ti to nepomůže, dej odkaz na živou ukázku.
Mata7
Profil
Bubák:
Já dám tady ukázku, já tam mám text align: center, ale zarovná se jen obrázek, rámečky ne.
body{
  background-color: blue;
  margin: auto;
  font-size: 1rem;
  text-align: center;

}



.autorka{
  text-align: right;
}

.prvni{
  max-width: 510px;
  margin: 1rem;
  padding: 1rem;
  background-color: white;
  text-align: left;
  border: 5px solid black;

}
.podpis{

  max-width: 510px;
  margin: 1rem;
  padding: 1rem;
  text-align: center;
  color: red;
  border: 5px solid black;
  background-color: white;
}

h1{
  text-align: center;
}
img{
  max-width: 510px;
  border: 5px solid red;

}
pcmanik
Profil
Mata7:
Chýba tu HTML a odkaz na živú ukážku znamená napr. Živá ukázka
Mata7
Profil
Odkaz
Děkuji za pomoc.
pcmanik
Profil
Mata7:
Takto to chceš?
PS: Namiesto viac násobného nastavenia max-width + margin to celé obal do nejakého div-u, ktorému daj tie vlastnosti (namiesto margin použi padding).
Mata7
Profil
Já to myslel tak, aby všechny ty rámečky byly zarovnané na střed. Teď jsou defaultně vlevo pod sebou a já bych je potřeboval dát na střed stránky.
Keeehi
Profil
Mata7:
Odkaz
Jediné, co je potřeba udělat je u .ramecek-obrazek, .prvni a .podpis změnit margin na margin: 1rem auto;
Což mimochodem bylo popsané v odkazu hned v první odpovědi.

A nebo to celé trochu přeházet a učesat, jak psal pcmanik v [#6].
Mata7
Profil
díky

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: