5244 sujets

Sémantique web et HTML

Bonjour, je cherche à avoir 4 icônes alignées horizontalement.
Le code qui m'a été fourni par mon équipe marketing est assez lourd et restitue en vertical

Pourriez vous m'aider et voir où ça coince ?
le code est celui ci :
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><v:rect style="width:600px;" xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false"><v:fill origin="0.5, 0" position="0.5, 0" src="https://xqwzn.mjt.lu/tplimg/xqwzn/b/0383w/3ps.png" color="#ffffff" type="tile" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]-->
<div style="background:#ffffff url(https://xqwzn.mjt.lu/tplimg/xqwzn/b/0383w/3ps.png) top center / auto no-repeat;margin:0px auto;max-width:600px;">
<div style="line-height:0;font-size:0;">
<table role="presentation" style="background:#ffffff url(https://xqwzn.mjt.lu/tplimg/xqwzn/b/0383w/3ps.png) top center / auto no-repeat;width:100%;"

align="center" cellspacing="0" cellpadding="0" border="0" background="https://xqwzn.mjt.lu/tplimg/xqwzn/b/0383w/3ps.png">
<tbody>
<tr>
<td style="border:0px solid #ffffff;direction:ltr;font-size:0px;padding:20px 0px 20px 0px;padding-left:0px;padding-right:0px;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table role="presentation" style="vertical-align: top; width: 600px; height: 91px;"

cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="font-size:0px;padding:10px 0px 10px 0px;padding-top:10px;padding-right:0px;padding-left:0px;word-break:break-word;"

align="center"><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td><![endif]-->
<table role="presentation" style="float:none;display:inline-table;"

align="center" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:4px;">
<table role="presentation" style="background:#ff7900;border-radius:50%;width:26;"

cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:0px 0px 0px 0px;font-size:0;height:26;vertical-align:middle;width:26;"><a

href="https://www.facebook.com/sharer/sharer.php?u=[[SHORT_PERMALINK]]"

target="_blank"><img src="https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png"

style="border-radius:50%;display:block;"

height="26" width="26"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table role="presentation" style="float:none;display:inline-table;"

align="center" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:4px;">
<table role="presentation" style="background:#ff7900;border-radius:50%;width:26;"

cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:0px 0px 0px 0px;font-size:0;height:26;vertical-align:middle;width:26;"><a

href="https://twitter.com/home?status=[[SHORT_PERMALINK]]"

target="_blank"><img src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png"

style="border-radius:50%;display:block;"

height="26" width="26"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table role="presentation" style="float:none;display:inline-table;"

align="center" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:4px;">
<table role="presentation" style="background:#ff7900;border-radius:50%;width:26;"

cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:0px 0px 0px 0px;font-size:0;height:26;vertical-align:middle;width:26;"><a

href="[[SHORT_PERMALINK]]" target="_blank"><img

src="https://www.mailjet.com/images/theme/v1/icons/ico-social/instagram.png"

style="border-radius:50%;display:block;"

height="26" width="26"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table role="presentation" style="float:none;display:inline-table;"

align="center" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:4px;">
<table role="presentation" style="background:#ff7900;border-radius:50%;width:26;"

cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding:0px 0px 0px 0px;font-size:0;height:26;vertical-align:middle;width:26;"><img

src="https://www.mailjet.com/images/theme/v1/icons/ico-social/linkedin.png"

style="border-radius:50%;display:block;"

height="26" width="26"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td></tr></table><![endif]--></td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]--></td>
</tr>
</tbody>
</table>
</div>
</div>