Hello,

I am sorry for such a newbee question, but can't get around by my self with a problem allready for few days, have been using search+google, but no luck...

So shortly- have upgraded my html editor and decided to go hard way, no more visual editor, just code editor. Want to start out my new web page as good as possible and for that purchased a nice CC theme for html editor, uploaded and even sucessfully changed background how I want to be, so far so good, BUT, I really do no understand fully where I need to make changes for let say inserting some pictures ( and positioning them as I want)

in default.css or in index.html ???

As I understand that default.css is responsible for all pages and you must use only CSS, but page.html is just a page where you edit text/images content by using XHTML or not?

So, my current target is take out (probably just delete) some single columns and add few pics, can someone give some light in my problem.

Sorry for my English and thanks in advance.

Added copy of index.html page

You would probably be well advised to look at some of the layouts available in the Editor to see which one best suits your needs.
See up top left of the Editor interface where it says FILE > NEW FROM THEME/LAYOUT
Take a look through them all to see which interests you most.

ps. Just ignore the theme you bought for the moment.

Okay there are several ways you can do this:

1. Looking at the code in the file you have posted, you probably will use both. The index.html is where you put the image tag and any class you assign to it. The default.css is where you will put the parameters for the class you assign to the tag.

I would of created an example but you did not include a css file so that we know what we are looking at in the index file you posted. I am assuming it is a two column page?

2. Or simply find the code for the column you want to add your image tag in the index file. Then use the image tag to put simple variables for the image in there. example: Let's say you wanted to put an image under the title Lorem Ipsum. You could do this:



This should produce an image under "Lorem Ipsum" and before the Paragraph. Just remember that if you did not have the <p> tag before the paragrah, you might want to at least include a <br /> tag to force the text to go below the picture.

This example is assuming that you don't have the image tag defined in your css for positioning and such. If you did this example might not work. It is hard to tell from your example because there is no css file to show us what the settings are in it.

Since you are a newbee - Janys gives good advice to look at the templates that come with the software. It is a great learning tool. Just pick one for fun and pick it apart and see what the code does.

Have fun,

Kim

Many thanks, will be "food" for better understanding.

Here I attach how default.css looks so you would get better understanding.


Kim , can you kindly create a sample what you mentioned above? Thanks

Janys,, yes thanks, too I had a quick look in default themes but none of them looked what I need to get some ideas for storing separate pics, but anyway will give one more time for sure, maybe I did not so what I will see today

Raivo... more than the default themes I suggest you look at the actual layouts. There are loads to choose from, and once you get the hang of the code, then you can perhaps take some of it to work with the theme you purchased.

Hello,

Need some advice again...

Why in default theme ( did not touched anything, yet) when I preview the fonts show up diferently?

in preview and IE8 looks same, but in FF 3.6.7. all fonts are bolder and bigger?

Thanks

Thanks, just solved

Found that in my FF settings needed to allow fonts to load as web page want.....

Glad you found the issue Raivo, sounds like you're on a roll now! Have fun and good luck with it and let us know if you get stuck again

Thanks Jo,

Some new gray hair, but climbing up

Yes, actually I still am confused with inserting images, working around, but not what I want.

Maybe somebody can give some hand on it.

I have a separate page named pictures( I have deleted everything from default theme page between content-h3 down to id=footer)
And I want to add not really a images gallery with hovering and etc. but simple page with let say 8-12 pcs of 150x150px images with short describtion below. Also I want control a free space around images.
I can't find corect tag how to write in css and then later in xhtml right below content and h3

Can't understand how to make corect tag in css that these images are floating together with other content in page, so far I managed to put separate images where I want, but as soon I change resolution of page or change browsers, my pictures goes where they want.....

Maybe I need to make individual tags for each image in css?

Any ideas?