Jump to content

Recommended Posts

Posted

Best way is to use a stylesheet as it should be supported in more browsers:

body

{

background-image: url('path/to/image.png');

background-repeat: no-repeat;

}

Posted

I still havn't gotten that far with my CSS file yet :P

(But was wondering how to use it for backgrounds)

Maybe I will incorporate that into it now.

And I can't get that coding to work for me Gob in my css file. (or any body coding) :(

Posted

Okay, thanks, it worked. But, I have another problem. I want to make certain parts of an image transparent. Can I do this in the code or do I have to do it in Photoshop etc?

Posted

Well, actually, it's for the school. We want to make a "chopped-off" square, and inside it, pictures of different appearences. The pictures will also function as links to different sites.

Posted

The pictures will also function as links to different sites.

Will you be using the ismap usemap="#map2" coding?

Something like:

<IMG SRC="sedermia.jpg" alt="Sedermia" Align="top" border="0" ismap usemap="#map2">

</a>

<map name="map2">

<area coords="0,0,700,500" href="united index.html#Joda Island" TARGET="main_pane" alt="Joda Island">

<area coords="700,0,1950,550" href="united index.html#Septentrion Island" TARGET="main_pane" alt="Septentrion Island">

</map>

That took me like an hour to map out my image (because it's so big).

I still havnt perfectly figured out some stuff, but I think that is because of panes.

  • 3 weeks later...
Posted

Okay, thanks, it worked. But, I have another problem. I want to make certain parts of an image transparent. Can I do this in the code or do I have to do it in Photoshop etc?

You must make a gif file with a transparent background.

It's not easy to do that in Photoshop, according to my experience, but I found it an easy thing to do in Paint.

However, I can't find the "transparent colour" function in Paint anymore... Did they remove that in XP? If so, that was a most idiotic thing to do...

Posted

I have a HTML question about .CSS files.

Is it possible to have two backgrounds in a CSS file that would be used in two different HTML files. I dislike making two CSS files just because one webpage has a different background.

Posted

And for some reason Dune jihad Website takes sometimes 3-5 seconds to load, lots of processor time, and I can't figure out why. http://users.eastlink.ca/~andrewabc/jihad/

server side bandwidth conrole, or multiple directories it might be using to look for your background image. .. ?

although that wouldn't explain the high amound of CPU time..

Posted

I opened it on my computer (the files I edit etc) and it is just as slow. (well maybe its 2-3 second delay)

So it isn't a server problem, must be coding or something. This didn't start until after I added CSS files. :-

Doubt it would be the background image being too big. (there are 3)

All images are in same directory. (except a few in the original directory)

Posted

I think you should design your pages the same way.

Remember that, even though the body and such tags must be the same, you can have multiple classes for tables and such!

Posted

I think you should design your pages the same way.

Remember that, even though the body and such tags must be the same, you can have multiple classes for tables and such!

I haver no idea what you mean by multiple classes for tables :P (HTML illiterate.)

You mean in the CSS you can define multiple different tables?

Posted

Yes, like you can do this:

Make a class for one table type, and call it, say Maintableitem.

You then refer to it by typing:

<td class="Maintableitem">

You can also make more classes, like:

Navigationbaritem

Newsheader

Newsbody

Newsfooter

Stuff like that.

You can create classes for everything!

Posted

oh, that yah, I know of that. (well not that you can use class in td) but I knew of Classes. Heres my default.css for sedermia.

body

{

background-image: url('pics/background.jpg');

background-attachment: fixed;

margin: 0px 10px 5px 10px;

}

a {

color: #0000FF;

}

a:active {

color: red;

}

a:visited {

color: 115500;

}

div.pagetitle {

font: bold;

font-size: 32;

text-align: center

}

/* */

/* City / Town */

/* */

span.occupants {

font: italic;

text-decoration: underline;

color: darkgreen

}

span.info {

font: italic;

text-decoration: underline;

color: orangered

}

span.commerce {

font: italic;

text-decoration: underline;

color: purple

}

span.military {

font: italic;

text-decoration: underline;

color: red

}

span.history {

font: italic;

text-decoration: underline;

color: brown

}

div.territory {

font: bold;

font-size: 24;

text-align: center

}

div.territorysmall {

font: bold;

font-size: 18;

text-align: center

}

/* */

/* Elementals */

/* */

div.holyelementals {

font: italic;

font: bold;

text-decoration: underline;

font-size: 18;

color: bdabcd

}

span.order {

font: italic;

text-decoration: underline;

color: brown

}

span.life {

font: italic;

text-decoration: underline;

color: magenta

}

span.earth {

font: italic;

text-decoration: underline;

color: green

}

span.water {

font: italic;

text-decoration: underline;

color: blue

}

div.demonicelementals {

font: italic;

font: bold;

text-decoration: underline;

font-size: 18;

color: AA11CC22

}

span.chaos {

font: italic;

text-decoration: underline;

color: orangered

}

span.death {

font: italic;

text-decoration: underline;

color: black

}

span.wind {

font: italic;

text-decoration: underline;

color: aabbee

}

span.fire {

font: italic;

text-decoration: underline;

color: red

}

Posted

I think you use too many classes.

All those elemental classes should be combined to one, and you should just specify the colour itself in the HTML file...

However, if you want, I can help you design your website so it looks quite cool...

Posted

Do you have one for every webpage?

That's against the point of CSS...

You shall link all the webpages to one CSS!

Also the menues should act that way.

However, you use frames in your site.

That makes it harder to create a god looking web page.

Posted

What's wrong with frames? :(

I have not changed my contents CSS file over to default because they have different margins.

default: margin: 0px 10px 5px 10px;

contents: margin: 0px 10px 0px 10px;

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

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.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.