Inline CSS
Ahoj,
potřeboval bych poradit od nějakého člověka, co si rozumí s CSS. Následující kód bych potřeboval předělat na tzv. "inline CSS", nevím jak na to. Našel jsem pár ukázek na netu, ale ty jsou většinou tak jednoduché, že si neumím poradit s takto rozáhlým kódem. Mohl by prosím někdo poradit?
Díky moc!
<head>
<style type="text/css">
body, td, span, p, th { }
table.html-email {margin:10px auto;background:#fff;border:solid #dad8d8 1px;}
.html-email tr{border-bottom : 1px solid #eee;}
span.grey {color:#666;}
span.date {color:#666; }
a.default:link, a.default:hover, a.default:visited {color:#666;line-height:25px;background: #f2f2f2;margin: 10px ;padding: 3px 8px 1px 8px;border: solid #CAC9C9 1px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;text-shadow: 1px 1px 1px #f2f2f2;font-size: 12px;background-position: 0px 0px;display: inline-block;text-decoration: none;}
a.default:hover {color:#888;background: #f8f8f8;}
.cart-summary{ }
.html-email th { background: #ccc;margin: 0px;padding: 10px;}
.sectiontableentry2, .html-email th, .cart-summary th{ background: #ccc;margin: 0px;padding: 10px;}
.sectiontableentry1, .html-email td, .cart-summary td {background: #fff;margin: 0px;padding: 10px;}
.line-through{text-decoration:line-through}
</style>
</head>
Ono taky inline CSS není vhodné pro nic jiného než pro malé kódy, které se týkají jednoho konkrétního prvku. Větší části by měly být v CSS souborech.
To je mi jasné :) .. ostatní CSS mám v externích souborech. V tomto případě však potřebuji toto řešení.
Tohle CSS jako celek ale na inline předělat nejde.