HTMLHelp Forums > Why won't my text go center or small caps?

Full Version: Why won't my text go center or small caps?

HTMLHelp Forums > Web Authoring > General Web Design

roccojade

Nov 14 2016, 02:47 AM

So the text Cutting Edge Information shows as capital letters. It is supposed to be small caps. It is supposed to be centered but is off center. In DW, the small caps is wrong, but it shows as centered. Then online, both are wrong.

Thanks for all the help you have been so far!
Rocco

Domain is roccoandjade.com

CODE

@charset "UTF-8";
/* CSS Document */

#banner {
text-align: center
}

#bookimage {
text-align: center
}

body {
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", sans-serif;
}

div#container {
    width:900px;
    margin: 0px auto;
    background: #fff;
    text-align: center;
}

p1 {
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-size: 36px;
    font-weight: 900;
}

p2 {
    text-align: center;
    font-family: Verdana, san-serif;
    font-size: 18px;
    font-weight: 900;
    font-variant: small-caps;
}

hr {

}

h1 {
    font-family: Cambria, sans-serif;
    letter-spacing: 0px;
    text-align: center;
    color: #ff0000;
    font-size: 56px;
    text-shadow: h-Offset*: 2px, v-Offset*: 2px #777777;
}

h2 {
    font-family: Verdana, Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, sans-serif;
    letter-spacing: 0px;
    font-size: 30px;
    color:#000000;
}

h3 {
    font-family: "times new roman",serif;
    letter-spacing: 0px;
    font-size: 24px;
    text-indent: 50px;
    margin-top:auto;
    text-align: left;
}

h4  {
    font-family: Verdana, sans-serif;
    letter-spacing: 0px;
    font-size: 30px;
    color: darkgoldenrod;
    font-weight: 900;
    text-align: left;
    margin-bottom: auto;
    margin-top: auto;
}
h5 {
    font-family: Verdana, sans-serif;
    letter-spacing: 0px;
    font-size: 30px;
    color: mediumseagreen;
    font-weight: 900;
    text-align: left;
    margin-bottom: auto;
    margin-top: auto;
}

h6 {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    letter-spacing: 5px;
}

CODE

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Rocco&Jade</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>


<div id="banner">
    <img src="images/rocco-&-jade-final-text.png" width="800" height="110" alt="Rocco & Jade Teach You How to Intensify Your Sex Life">
</div>



<div id="container">

    <p1>Teach You How to Intensify<br>
    Your Sex Life</p1>


    <table width="800" border="0">

    <tbody>
        <tr>
            <td width="194"><hr></td>
            <td width="264"><p2>Cutting Edge Information!</p2></td>
            <td width="194"><hr></td>
        </tr>
    </tbody>
</table>


<h1>Limited Time Offer!</h1>
<h2>Get all modules at 75% off!<br>
    Let us show you how to get them for free!</h2>

    
<div id="bookimage">
    <img src="images/rocco&jade-book-illustration.png" width="510" height="298" alt="Get the Book, Rocco & Jade Teach You How to Intensify Your Sex Life">
</div>


    <img src="images/rocco&jade-book-illustration.png" width="2172" height="1277" alt=""/>
<h4>Rocco</h4>
<h3>Hello, my name is Rocco Martinez. I'm here with my beautiful wife, Jade. We want to show you some things you won't want to miss!</h3>
<h5>Jade</h5>
<h3>text</h3>
<h4>Rocco</h4>
<h3>text</h3>
<h5>Jade</h5>
<h3>text</h3>
<h4>Rocco</h4>
<h3>text</h3>
<h5>Jade</h5>
<h3>text</h3>
<h4>Rocco</h4>
<h3>text</h3>
<h5>Jade</h5>
<h3>text</h3>
<h4>Rocco</h4>
<h3>text</h3>
<h3>text</h3>
<h6>test</h6>
</div>

</body>
</html>

pandy

Nov 14 2016, 08:13 AM

Fix the errors.

https://jigsaw.w3.org/css-validator/validat...ng=&lang=en

https://validator.w3.org/nu/?doc=http%3A%2F...occoandjade.com

roccojade

Nov 14 2016, 06:43 PM

Thanks Pandy, I will look at these later today! You Rock!

roccojade

Nov 14 2016, 08:09 PM

Mission Accomplished! Thanks.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.