3 replies [Last post]
Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 1 year 44 weeks ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136

Hello

My Web page here: http://www.bayingwolf.com/DimaWeb/password1.asp

should show the text 'Lost password?' as follows:

HTML:
 
 <div class="logo_text1">
          <h3>Lost Password?</h3>
        </div>
 
CSS:
 
.logo_text1 h3 { 
  font: normal 300% 'Jenna Sue',arial,sans-serif; 
  color:#E2EFF8;
  text-align:center;
}

but it is showing on the page as Times Roman in black and left-aligned. In other words, it is ignoring my style3.css file.

It was all fine until I introduced this background image in my style3.css page:

body {
  /*font-size: 62.5%;*/
 /*font-family: Helvetica, sans-serif;*/
  /*background: url(<a href="http://www.bayingwolf.com/DimaWeb/images/stripe.png" rel="nofollow">http://www.bayingwolf.com/DimaWeb/images/stripe.png</a>) repeat;*/
 
background: url(<a href="http://www.bayingwolf.com/DimaWeb/images/background.png" rel="nofollow">http://www.bayingwolf.com/DimaWeb/images/background.png</a>); 
}

I am bewildered as to what the relationship is between my CSS font properties and that background image!

How would I correct it, please?

Thank you.

Bluenose

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 51 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

uhmm, well if I take a look

uhmm, well if I take a look at the page and see specifics about the "lost password" part it seems to be an H2 and not an H3.

Also, it is definately not ignoring your style3.css as this is creating the background as you specified.

Try this inside your css:

.logo_text h2 { 
  font: normal 300% 'Jenna Sue',arial,sans-serif; 
  color:#E2EFF8;
  text-align:center;
}

As you can see, the class was not called logo_text1 inside your website but logo_text.
And I changed your H3 to an H2.

The text that is using H3 is "Please enter a valid Email address"

I attached an image to show you what it should look like.

AttachmentSize
password.jpg 323.38 KB

Check Maximum Webdesign for your online solutions

Bluenose
Bluenose's picture
Offline
Enthusiast
Last seen: 1 year 44 weeks ago
Timezone: GMT+1
Joined: 2011-10-11
Posts: 96
Points: 136

Hello helldog Many thanks for

Hello helldog

Many thanks for your reply.

In my Web page I have:

  <div class="logo_text1">
          <h3>Lost Password?</h3>
        </div>

and in my style-sheet:

.logo_text1 h3 { 
  font: normal 300% 'Jenna Sue',arial,sans-serif; 
  padding: 10px 0px 30px 0px;
  color:#E2EFF8;
  text-align:center;
}

I have just uploaded the files again to the server and this time they have turned out as I was expecting originally (please see attached screenshot - looks better now, although the input field looks as if it is not centred??). I am using FileZilla as my FTP software and I can only assume that it didn't upload the files correctly when I tried previously.

Blue

AttachmentSize
CSS_creator.jpg 65.44 KB
helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 51 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

You can solve this easily by

You can solve this easily by going to style3.css on line 48 you will find the following code:

#page-wrap {
    width: 480px;
    background: none repeat scroll 0% 0% transparent;
    padding: 20px 50px;
    margin: 20px auto;
    min-height: 220px;
    height: auto !important;
}

Add the following line to it and everything will be centered and aligned nicely.
text-align: center;

Also about your last entry, so it seems you didn't upload your HTML file last time Smile
If you change classes and texts from H2 to H3 it would be good to upload all edited files Smile
Else you can edit and keep uploading your css files without results

Cheers, Henk

Check Maximum Webdesign for your online solutions