CSS Drive forums | CSS Help Please

CSS Help Please

Mujahid

Posted: 19 December 2010 12:50 PM

[ Ignore ]

Newbie

Total Posts: 2

Joined 2010-12-19

Hello there,

Without using CSS in HTML, I was using the code given below within BODY to show following two images:
[LIST=1]
[*]one in the background http://www.urdufans.com/forum/bg/admin.gif
[*]other on the left side http://www.urdufans.com/forum/ls/admin.gif
[/LIST]

<img src="http://www.urdufans.com/forum/ls/admin.gif" style="border: 0pt none;"> <span style="color: #FF0000; background-image: url('http://www.urdufans.com/forum/bg/admin.gif')"><b>Mujahid Taban</b></span> 

Using this code I was showing both images like http://i841.photobucket.com/albums/zz338/mujahidtaban/Temporary/633f0699.png

Now I want to use CSS within HEAD. Please tell me what CSS code I can use for this purpose?

Regards,
mujahidtaban

Profile

Mujahid

Posted: 19 December 2010 05:17 PM

[ Ignore ] [ # 1 ]

Newbie

Total Posts: 2

Joined 2010-12-19

Let me elaborate my question.

For http://i841.photobucket.com/albums/zz338/mujahidtaban/Temporary/633f0699.png, I am using following code:

<html>

<head>

</head>

<body>
<img src="http://www.urdufans.com/forum/ls/admin.gif" style="border: 0pt none;"> <span style="color: #FF0000; background-image: url('http://www.urdufans.com/forum/bg/admin.gif')"><b>Mujahid Taban</b></span>
</body>

</html> 

Now I want to use an external CSS file in order to reduce my code becasue I have to use “Mujahid Taban” many times in the page. Someone suggested me following CSS and HTML:

In style.css file:

img{
  border:none;
}
        
#heart{
  color: #FF0000;
  background-image: url('http://www.urdufans.com/forum/bg/admin.gif');        
} 

In index.html file:

<html>

<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
<img src="http://www.urdufans.com/forum/ls/admin.gif"> <span id="heart"><strong>Mujahid Taban</strong></span>
</body>

</html> 

That reduced the code a little but I want only following code in HTML:


<span id="heart">Mujahid Taban</span>

Everything else should too be in external CSS. What CSS code I should use for LEFT SIDE image (heart) and for removing strong.

Profile

‹‹ 3rd Tier on 3-Tier Menu Is behaving based on 1st Tier Hover. come and have a look ››