Jump to content

Weird issue with stylesheet?

Love2c0de

By Love2c0de
in Apache HTTP Server

 Share
Go to solution Solved by jazzman1,

Recommended Posts

Love2c0de Regular Member

Love2c0de

Posted
Posted (edited)

Good evening,

 

I've got an 'Offers' page with 3 deals on there. Each deal has it's own link with the URL like this: 

<a href="./Contact/Deal" />Deal 1</a>
<a href="./Contact/Deal" />Deal 2</a>
<a href="./Contact/Deal" />Deal 3</a>

 

The idea is when one of the 3 deal buttons are clicked, I want to send a $_GET value through the URL and populate my textarea on my form with some text relevant to the 'Deal' on my contact page.

 

I am rewriting the URL and only just got the page to load (I was getting a 404 before). Trouble is, my page has no styles applied to it whatsoever. The stylesheet appears in the <head> but none of the elements have any styles applied to them.

 

Here is my Offers page:

<h2 id="offer_intro">Exclusive Offers This Year!</h2>
 
<div id="deals_container">
 
       <div class="deals" id="deal1">
               <h3>Deal 1</h3>
               <h2>40% Off!</h2>
               <p>Guranteed 40% off any website for our second client! Firstly, I will liaise with you and discuss the requirements of your website. I will provide you with the standard price, followed by the price after the deduction of the 40%. This offer includes domain & hosting for 1 year.</p>
 
               <span>Be quick!</span>
 
               <a href="./Contact/Deal">Order!</a>
       </div>
 
       <div class="deals" id="deal3">
                <h3>Deal 3</h3>
                <h2>£50 Logo/Banner Design</h2>
                <p>If you would simply like a new logo or banner designed for your existing website, we provide this service for a very cheap fee of £50 when you order  by 31<sup>st</sup> October 2013. We will create 3 or 4 mock examples and provide you with them all. We make any tweaks which you suggest.</p>
 
                <span>Need a logo?</span>
 
                <a href="./Contact/Deal">Order!</a>
       </div>
 
       <div class="deals" id="deal2">
                <h3>Deal 2</h3>
                <h2>Free Domain & Hosting!</h2>
                <p>Free Domain & Hosting for<span>2 years</span> when you purchase any website. This will be deducted from the overall price of your website. We will provide support in setting up your domain and hosting account, including any email accounts and/or mailing accounts your website will use.</p>
 
                <span>Order Now!</span>
 
                <a href="./Contact/Deal">Order!</a>
       </div>
 
</div>
 
<script>
 
$('.deals button').click(function(){
 
       console.log(this);
 
});
 
 
</script>
 

Here is my .htaccess file:

RewriteEngine on
RewriteBase /
RewriteRule ^/?([a-zA-Z_]+)$ index.php?page=$1 [L,QSA]
RewriteRule ^/?([a-zA-Z_]+)/([a-zA-Z_0-9]+)$ index.php?page=$1&deal=$2 [L]

Obviously something is not right with the second RewriteRule I think because like I said above, it was giving me a 404 and I kept modifying it and I looked at other peoples problems online and figured the 'pattern' but not quite 100%.

 

Getting this error in Chrome Dev Tools:

console.png

 

Has anyone ever come across this problem?

 

Thank you for your time.

 

Kind regards,

 

L2c.

Edited by Love2c0de
Link to comment
Share on other sites
  • Solution
jazzman1 Member

jazzman1

Posted
  • Solution
Posted (edited)

Try to place a html base tag inside a html head. 

<head>
    <title>TSPV-Websites - Offer</title>
    <link rel="stylesheet" href="css/main_styles.css" />
    <link rel="stylesheet" href="css/fonts.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <base href="http://www.tspv-websites.co.uk/">
</head>

Also, when you rewrite links don't use relative paths inside rewriting directory. 

 

For example:

 

You want to rewrite a link, like <a href="./Contact"> to index.php?page=$1 and in this index directory try to set up a relative path like <a href="./Home"> the browser should display the link as - <a href="./Contact/Home", not just ./Home, but that's wrong. Be careful and use absolute paths.

Edited by jazzman1
Link to comment
Share on other sites
Love2c0de Regular Member

Love2c0de

Posted
  • Author
Posted

Hi Jazz,

 

Thanks for the reply.

 

I added the base tag and I now have my images loading ok, the only things not loading now are my 2 stylesheets, font.css and main_styles.css  :confused:

 

I will look into the absolute path later as I'll be away soon. Just googled it and played around with {SERVER_NAME} but no luck. However will research later.

 

I'm not quite sure on this line in the console though: http://www.tspv-websites.co.uk/Contact/css/main_styles.css    

 

The /css/ directory is not within a directory called Contact, it is in the same directory as my main index.php, whereas the actual Contact HTML file is a couple stages above.

 

Thanks again for the reply!

 

Kind regards,

 

L2c.

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.