So I lay it out like this?
<div id="menu1" class="menu_pdf_styles">
text would go here
</div>
.menu_pdf_styles {
background-image: url('filefolder/filename.gif');
you might have other CSS styles here;
}
The html code goes in the page. The CSS code goes in a stylesheet.
It seems like you need to learn a bit more about basic html and css — the W3C site is very good.
Or consider hiring someone to help you.
I put this code in Page -> Menu
<div id="menu1" class="menu_pdf_styles">
text would go here
</div>
Which CSS sheet do I put this code in?
.menu_pdf_styles {
background-image: url('filefolder/filename.gif');
you might have other CSS styles here;
}
The usual style.css file — but (obviously) you need to have valid styles in it — what is there is an example and direction.
I’ve editted my style.css file but it doesn’t appear in the Menu page,
.menu_pdf_styles {
background-image: url('filefolder/filename.gif');
you might have other CSS styles here;
}
I’ve put this in the Menu page HTML,
<div id="menu1" class="menu_pdf_styles">
text would go here
</div>
What code did you put in it? If you just copied the above it is not going to work — as I have said repeatedly, the above is an example — it is NOT VALID code for YOUR site. You need to use your filepath and your file name.
I’ve used my own filepath on the style.css file but it doesn’t appear in the Menu page
This is the filepath to my folder, /public_html/wp-content/uploads/2012/06/
This is the name of the file, Menu.png
Try this:
background-image: url('uploads/2012/06/Menu.png')
I’ve added this to my style.css file
.menu_pdf_styles {
background-image: url('uploads/2012/06/Menu.png');
}
Where do I provide the PDF file? In HTML or CSS?
So is it visible on your page now?
The link to the PDF would go in the html code that you referred to in two of your posts above — or this example:
<div id="menu1" class="menu_pdf_styles">
<p><a target="_blank" href="uploads/2012/06/PDFNAME.pdf">Click here to download Menu</a></p>
</div>
You’ll have to use CSS styles to make the text in the above appear correctly on the menu background image.
I’ve used these codes in HTML and replaced it with valid values,
<div id="menu1" class="menu_pdf_styles">
text would go here
</div>
<div id="menu1" class="menu_pdf_styles">
<p><a target="_blank" href="uploads/2012/06/PDFNAME.pdf">Click here to download Menu</a></p>
</div>
But when I click on it, it says Error 404 Page Not Found and the CSS image background doesn’t appear
Is the pdf file in the uploads folder? Or where is it? The filepath has to go to the pdf file.
What is the link to your site?
Yes, the PDF file is in the uploads folder, I’ve editted PDFNAME to my PDF file name
EDIT It works if I use this link to PDF file wp-content/uploads/2012/06/PDFNAME.pdf
But the CSS image background doesn’t appear
If neither the background image or the PDF file are being found, then your filepaths are likely wrong. What is the directory structure of the site?
This is my filepath to the Menu image background which is correct,
.menu_pdf_styles {
background-image: url('wp-content/uploads/2012/06/Menu Background.png');
}
But it doesn’t appear behind the text
