Home/ Questions/Q 8195793
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T05:15:30+00:00

I’m trying to apply background image (same one) to two div tags: .abc {

  • 0

I’m trying to apply background image (same one) to two div tags:

.abc { background: url('images/autogen.png') no-repeat 0px -133px; width: 256px; height: 256px; };

.def { background: url('images/autogen.png') no-repeat 0px -0px; width: 128px; height: 128px; };

HTML:

<html><head><meta charset="utf8"><link href='main.css' rel='stylesheet' type='text/css'' media='all' /></head><body>
<div class="def">def</div>
<div class="abc">abc</div></body></html>

But only one got displayed, if I put .def definition before the one of .abc, .def got displayed and .abc got no background.

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    don’t used ; after in your css

    replace into 

    .abc { 
background: url('images/autogen.png') no-repeat 0px -133px; 
width: 256px;
height: 256px;
};

.def { background: url('images/autogen.png') no-repeat 0px -0px; 
width: 128px;
height: 128px; };

    this 

         .abc { background: url('images/autogen.png') no-repeat 0px -133px; 
width: 256px; 
height: 256px; }

        .def { background: url('images/autogen.png') no-repeat 0px -0px; 
width: 128px; 
height: 128px; }

    more info http://htmlhelp.com/reference/css/structure.html

    • 0