The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Why won't my text go center or small caps?
roccojade
post Nov 14 2016, 02:47 AM
Post #1


Novice
**

Group: Members
Posts: 29
Joined: 6-November 16
Member No.: 24,917



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>

<!--Banner-->
<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>
<!-- End of Banner-->

<!--Container-->
<div id="container">


    <p1>Teach You How to Intensify<br>
    Your Sex Life</p1>
    
<!--"Cutting Edge Information" Table-->
    <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>
<!--End of "Cutting Edge Information" 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>
    
    <!--The Book Image-->
<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>
<!--End of The Book Image-->
    
    <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>
<!--End of Container-->
</body>
</html>


This post has been edited by roccojade: Nov 14 2016, 02:48 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 14 2016, 08:13 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Fix the errors.

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

https://validator.w3.org/nu/?doc=http%3A%2F...occoandjade.com
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
roccojade
post Nov 14 2016, 06:43 PM
Post #3


Novice
**

Group: Members
Posts: 29
Joined: 6-November 16
Member No.: 24,917



Thanks Pandy, I will look at these later today! You Rock!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
roccojade
post Nov 14 2016, 08:09 PM
Post #4


Novice
**

Group: Members
Posts: 29
Joined: 6-November 16
Member No.: 24,917



Mission Accomplished! Thanks.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 04:12 PM