New to CSS, text-align and line-height ok in 'Design', but not in browsers (IE 10 & Chrome) on Win8
[dreamweaver cc]
i'm learning css, , find specify in external style sheet
h1 {
font-family:baskerville, "palatino linotype", palatino, "century schoolbook l", "times new roman", serif;
text-align:center;
color: black;
font-size: 1em;
font-weight: normal;
font-style: normal;
line-height: 3.0;
letter-spacing: 0px;
word-spacing: 10px;
text-shadow: 3px 3px 5px #333;
text-decoration: none ;
text-transform: none;
}
that, in dw design, fine, in windows 8, ie 11 , chromeversion 31.0.1650.63 m text-align: center; , line-height: 3.0; ignored.
i work around specifying <tr align="center" height = "77"> shouldn't text-align: center; , line-height: 3.0; specifiable in css??
thanks help!
<tr height="77" align="center">
<h1>
<td bgcolor="cornsilk">1/28/2014</td>
<td>the sky</td>
<td>fate hunter</td>
<td >ernest gann</td>
<td >john</td>
<td >jessica</td>
<td><a href="http://www.amazon.com/fate-hunter-ernest-k-gann/dp/0671636030/ref=sr_1_1?s=books&ie=utf8&q id=1387462831&sr=1-1&keywords=ernest+gann">learn more</a></td>
</h1>
</tr>
hemmi1 wrote:
[dreamweaver cc]
i'm learning css, , find specify in external style sheet
not sure trying have @ moment invalid code why doesn't work cross browser. (of cousre css not help - line-height: 3.0; - 3.0 what? - px, ems?)
here's example below of how it. give table class (below called .mytable) can start styling <td> cell, , inside appending element <h2> tag class name - .mytable h2
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>untitled document</title>
<style>
.mytable {
width: 900px;
margin: 0 auto;
}
.mytable td {
font-family:baskerville, "palatino linotype", palatino, "century schoolbook l", "times new roman", serif;
width: 150px;
}
.mytable h2 {
margin: 0;
padding: 0;
text-align:center;
color: black;
font-size: 1em;
line-height: 50px;
word-spacing: 10px;
text-shadow: 3px 3px 5px #333;
}
.mytable {
display: block;
text-align: center;
}
</style>
</head>
<body>
<table class="mytable" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><h2>1/28/2014</h2></td>
<td><h2>the sky</h2></td>
<td ><h2>ernest gann</h2></td>
<td ><h2>john</h2></td>
<td ><h2>jessica</h2></td>
<td><a href="http://www.amazon.com/fate-hunter-ernest-k-gann/dp/0671636030/ref=sr_1 _1?s=books&ie=utf8&qid=1387462831&sr=1-1&keywords=ernest+gann">learn more</a></td>
</tr>
</table>
</body>
</html>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment