Jump to content
Michael34

How can i add a parchment background image for my webpage?

Recommended Posts

This is my code:

#section{	h1{Font-family:"IM Fell English"; color:black; font-size: 18px;background-color:white;text-align:justify;>	width:1440px;    float:left;    padding:5px;	<div style="background-color:transparent;background-repeat:no-repeat;background-position:left top; background-size:1400px 2400px; background-image:url("http://i1056.photobucket.com/albums/t365/gonzalo_gomez_fernandez1/images_zpswxcfc86w.jpg")></style>}

Help would be greatly appreciated. Thanx in advnce...

Share this post


Link to post
Share on other sites

Well adding a html element with inline stying, in css declation is not going to work now is it. Look at tutorials on adding background image.

Share this post


Link to post
Share on other sites

I have looked on tutorials. Here is my new

#section{	position: absolute;	width: 1386px;	height:1496px;	background-color:transparent;	h1{Font-family:"IM Fell English"; color:black; font-size: 18px;text-align:justify;>	<img>:(URL=http://s1056.photobucket.com/user/gonzalo_gomez_fernandez1/media/pergaminos%20en%20blanco1_zpscecz9grg.png.html][IMG]http://i1056.photobucket.com/albums/t365/gonzalo_gomez_fernandez1/pergaminos%20en%20blanco1_zpscecz9grg.png(/IMG)(/URL)</img> }

(still not working) code:

Share this post


Link to post
Share on other sites

You may quickly glanced, rather than looked, and still not understood.You are repeating the same mistake i mentioned before, and now inserting selector with declaration within another selector with declaration.LOOK PROPERLY AT w3schools.com TUTORIALS, AND UNDERSTAND, its explained cleary there how to use css correctly without us having to repeat it.http://www.w3schools.com/css/css_background.asphttp://www.w3schools.com/css/css_image_gallery.asphttp://www.w3schools.com/css/css_text.asp

Edited by dsonesuk

Share this post


Link to post
Share on other sites

@michael....u have messed up your css....

 

 

This is the correct way to write css

#section{	position: absolute;	width: 1386px;	height:1496px;	background-color:transparent;}h1 {     font-family:"IM Fell English";      color:black;      font-size: 18px;     text-align:justify;}img {     background-images:url('path to your image');}

Share this post


Link to post
Share on other sites

Tezzo: I have tried your code and replaced the url, but without results, thank anyway for your interest and effort.

dsonesuk: I know that i must add a DIFFERENT file clled something.css but that also doesn't solve the matter

I wonder if there is any way to solve the problem :(

Share this post


Link to post
Share on other sites

Do you realise you're mixing CSS and HTML in your examples? They're different languages, they don't work together like that.

Edited by Lucy

Share this post


Link to post
Share on other sites

 

dsonesuk: I know that i must add a DIFFERENT file clled something.css but that also doesn't solve the matter

 

You don't have to create css file, you just have to create valid css code and only css code not mixture of css and html code, as already mentioned 3 to 4 times now it is invalid, and not how css tutorial teaches you if you look.

Share this post


Link to post
Share on other sites

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.   Paste as plain text instead

  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.

Loading...

×
×
  • Create New...