using css code multiple times with different values for different files

Question

I created this code in oder to use it to place image and text side by side in a HTML page.

.mydiv {
    width:646px;
    height: auto;
}

.myimage {
    float:left;
    width:378px;
    height:291px;
    margin:5px;
}

The proble I am having is that I want to use the code multiple times in different files and with different image values and I don't want to be creating css file for all of them. So how can I write all the code for the with different values for all the files in one css file?

either create different classes for each image sizing set, or use different css files, or dynamically generate the css to match whatever page it's being used in. — Marc B
– Marc B, Commented Nov 17, 2012 at 3:41
Perhaps a "CSS compiler" (e.g. LESS, SASS) could be useful .. they might support "templates" or whatnot. — user166390
– user166390, Commented Nov 17, 2012 at 3:42
If your images are different sizes then you don't want to use CSS to size them but rather put height and width attributes on the image tags themselves. — Sean Redmond
– Sean Redmond, Commented Nov 17, 2012 at 4:00
If the images are meant to be pseudo-responsive (same image with scaling) then that doesn't work. — James South
– James South, Commented Nov 30, 2012 at 14:52

NLemay · Accepted Answer · 2012-11-17 03:48:45Z

1

First, you can put your CSS in a CSS file, then include this file in all your html page by using this in the

<LINK href="special.css" rel="stylesheet" type="text/css">

(See W3C)

For the values that can't be reuse between your html files (the SRC of your image, for instance), you will have to right it manually in each file. You can do this directly in your HTML (if you use ) or by declaring in your header.

answered Nov 17, 2012 at 3:48

NLemay

2,3933 gold badges31 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shiridish · Accepted Answer · 2012-11-18 12:55:52Z

0

Create a .css file with the above code. You would need to specify the height of the .myimage class too. In all the files where you want the above file import the file using

<LINK href="example.css" rel="stylesheet" type="text/css">.

Now for the div holding the image give the class as .myimage and the src attribute is independent of the file

Edit- Suppose you have 3 html files in your site and you want the above css classes to be implemented in all the files, then open a new notepad file, paste the css classes in the file and save as somestyle.css. Now in each html file you use the above link tag to import the css and use the classes as you would do normally.

edited Nov 18, 2012 at 12:55

answered Nov 17, 2012 at 3:53

Shiridish

4,9625 gold badges37 silver badges64 bronze badges

2 Comments

Maryflozy Over a year ago

I am really sorry I don't get it. Actually I am new in web design and I'm not finding it easy at all. I am just trying to help my church build a website of their own but everything I'm doing is falling apart. How do I go about all these suggestion you guys are giving me?

Shiridish Over a year ago

Did you read this- w3schools.com/css/css_howto.asp regarding style sheets usage?

Collectives™ on Stack Overflow

using css code multiple times with different values for different files

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related