| Autor | Zpráva | ||
|---|---|---|---|
| Lachimista Profil * |
#1 · Zasláno: 25. 1. 2019, 20:45:06
Zdravím,
rád bych se zeptal, zda nevíte někdo kde je chyba(viz přiložený obrázek). Už se konečně dostáváme do funkční podoby, jen dole nás zlobí nějak bílá mezera a pak odsazení mezi textem oproti předloze (viz. další přiložený obrázek) Kód uveden pod obrázky. Současnost – mobilní 
Současnost – desktop verze 
Potřebuji dosáhnout tohoto 
Kód: <!DOCTYPE hrml>
<head>
<title>LA CHIMISTA</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web">
<style type="text/css">
body {
font-family: 'Titillium Web', serif;
}
.layout {
//margin: auto;
}
.col {
outline: 1px solid #3b3052;
}
.col-left{
flex: 1;
display:table-footer-group;
}
.col-right {
flex: 1;
display:table-header-group;
//padding-top: 15px;
}
@media all and (min-width: 40em) {
.layout {
display: flex;
width: 650px;
}
}
@media not all and (min-width: 40em) {
.layout {
//width: 325px;
}
}
table {
margin:auto;
width: 300px;
font-size: 0.8em;
border-collapse: collapse;
height: 150px;
}
em {
color: #9ea3a9;
font-style: normal;
}
</style>
</head>
<body>
<div class="layout">
<div class="col col-left">
<img src="logo.png">
</div>
<div class="col col-right">
<table>
<tr>
<td colspan="2" style="font-size: 1.2em;"><b>Lachimista</b</td>
</tr>
<tr>
<td colspan="2" style="border-bottom: 1px solid #fafafa; font-size: 1.2em;">Webdesigner</td>
</tr>
<tr>
<td style="width: 160px;">t. +420 777 777 777</td>
<td style="text-align: right;"><b>Design musí fungovat!</b></td>
</tr>
<tr>
<td>e. info@lachimista.net</td>
<td style="text-align: right;"><em>- Lachimista</em></td>
</tr>
<tr>
<td>w. <b>www.lachimista.net</b></td>
</tr>
</div>
</div>
</body>
</html>Děkuji předem za všechny rady. |
||
| N71 Profil * |
#2 · Zasláno: 27. 1. 2019, 15:26:59
Prostuduj si podporu css v mailových klientech. Není dost dobrá, aby sis mohl dovolit používat pokročilé display vlastnosti nebo dokonce flexbox.
A pokud si budeš přát podporu v MS Outlooku, tak rovnou opraš tabulkový layout. |
||
| weroro Profil |
#3 · Zasláno: 28. 1. 2019, 09:31:18
Lachimista:
Na vytváranie respozívnych emailov, existuje nástroj (framework) MJML Je vynikajúci mám s ním niekoľko ročné skúsenosti. |
||
| Lachimista Profil * |
#4 · Zasláno: 30. 1. 2019, 10:21:44
weroro:
Skvělá věcička. :-) Díky za tip. Jediné co i zde jen Vadí, tak že v aplikaci Mail na macbooku se mi podpis zarovnává vždy na střed okna a pak ještě mi to rozhodí odsazení textu v mailu. Tzv. normálně je tam nějaké odsazení od okraje nastavené primárně, ale po vložení podpisu se jakoby zruší a člověk píše text od samotného kraje okna. Nevíte jak to vyřešit? |
||
|
Časová prodleva: 6 let
|
|||
0