| Autor | Zpráva | ||
|---|---|---|---|
| Mata7 Profil |
#1 · Zasláno: 30. 4. 2018, 23:39:20
Č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 |
#2 · Zasláno: 1. 5. 2018, 03:06:50
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 |
#3 · Zasláno: 1. 5. 2018, 10:52:46
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 |
#4 · Zasláno: 1. 5. 2018, 11:33:27
Mata7:
Chýba tu HTML a odkaz na živú ukážku znamená napr. Živá ukázka |
||
| Mata7 Profil |
#5 · Zasláno: 1. 5. 2018, 12:02:27
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 |
#7 · Zasláno: 1. 5. 2018, 13:55:52
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 |
#8 · Zasláno: 1. 5. 2018, 16:07:48
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 |
#9 · Zasláno: 1. 5. 2018, 21:30:19
díky
|
||
|
Časová prodleva: 6 let
|
|||
0