OK, I changed the photo, but I still do not understand parameters… Which is which? I tried out this template, changing some parameters…

http://istorijska-biblioteka.wikidot.com/isbi:pesak

But I still do not understand which parameters control which features in the result.

For example, This part — alt="archibald witwicky insane" — I don`t know what is for. I did not change it, and my photo is ok… What is that alt?

EDIT: BTW, I cannot see the source here, so I cannot see how you put this table here…

the "alt" is what is displayed if the browser of the viewer has turned pictures off.
so anyone viewing your pages, who has turned "view pictures" off, will see text for a completely different picture.
you dont have to use the "alt" stuff.

[[div style="float:right; margin:0 0 1em 2em; margin-clear:right; width:320px; border:0;"]]
||put what||
||~ You like||
|| in these ||
||~ bits||
[[/div]]

One of the things about divs, is they appear to have a mind of their own.
if you remove the [==] things from your page you will see that the totle of the pic will then centre.(which at the moment they aint.)

Your version

Вероватни приказ Алмогавера током заузећа Мајорке, XIV век

Алмогавери, Алмогавари или Алмугавери[Bibliography item opca not found.] (катал. almogàvers), били су плаћеници у служби арагонско-каталонских краљева, Ђаумеа Освајача и Переа Великог који су се борили у пограничним пределима против муслимана у XIII веку у доба Реконкисте. Били су познати као изузетно вешти и надасве храбри, али и веома агресивни и сурови ратници. На непријатељској територији су живели од пљачке, а у доба мира су обично проузроковали проблеме пљачкањем сељака и честим тучама[Bibliography item devils not found.].

[[==]]
[[div style="float:right; margin:0 0 1em 2em; width:300px; border:0;"]]
|||| [[image http://upload.wikimedia.org/wikipedia/commons/6/62/Almogavers-catalans.jpg width="250px"]] ||
||||~ Вероватни приказ Алмогавера током заузећа Мајорке, XIV век ||
[[/div]]**Алмогавери**, **Алмогавари** или **Алмугавери**[((bibcite opca))] (катал. //almogàvers//), били су плаћеници у служби арагонско-каталонских краљева, [[[art:daume-i-od-aragona |Ђаумеа Освајача]]] и [[[art:pere-veliki |Переа Великог]]] који су се борили у пограничним пределима против муслимана у XIII веку у доба [[[Реконкиста |Реконкисте]]]. Били су познати као изузетно вешти и надасве храбри, али и веома агресивни и сурови ратници. На непријатељској територији су живели од пљачке, а у доба мира су обично проузроковали проблеме пљачкањем сељака и честим тучама[((bibcite devils))].
[[/==]]

My version

Вероватни приказ Алмогавера током заузећа Мајорке, XIV век

[[div style="float:right; margin:0 0 1em 2em; width:300px; border:0;"]]
|||| [[image http://upload.wikimedia.org/wikipedia/commons/6/62/Almogavers-catalans.jpg width="300px"]] ||
||||~ Вероватни приказ Алмогавера током заузећа Мајорке, XIV век ||
[[/div]]

[[==]]
**Алмогавери**, **Алмогавари** или **Алмугавери**[((bibcite opca))] (катал. //almogàvers//), били су плаћеници у служби арагонско-каталонских краљева, [[[art:daume-i-od-aragona |Ђаумеа Освајача]]] и [[[art:pere-veliki |Переа Великог]]] који су се борили у пограничним пределима против муслимана у XIII веку у доба [[[Реконкиста |Реконкисте]]]. Били су познати као изузетно вешти и надасве храбри, али и веома агресивни и сурови ратници. На непријатељској територији су живели од пљачке, а у доба мира су обично проузроковали проблеме пљачкањем сељака и честим тучама[((bibcite devils))].
[[/==]]

Note the picture size needs to be similar to the size of the div box

I use Mozilla Firefox.

OK. Thank you very much for the input. Now I guess the numbers should be the same…. I'll try with some other photos that looked horrible so I removed them…

Sorry, I don't understan what you want me to do…? It is the same! In mz document, it is written:

margin:0 0 1em 2em;

And in your exampe, here, it is just the same!

margin:0 0 1em 2em;

What is that I should shift from 1 to 0?

I tried:

#margin:0 1em 0 2em;
#margin:1em 0 0 2em;
#margin:0 0 0em 2em;

And nothing happened. The photo stayed as it is now.

:(

Ups.. Have you changed anything in your last post? Now is completely different… I'll try now with those 3…

Have another look at Helmuti code

Example 1

Here we have a picture in a "Div" box
The picture "floats" to the "right"

Вероватни приказ Алмогавера током заузећа Мајорке, XIV век

Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

The code

[[div style="float:right; margin:0 0 1em 2em; width:300px; border:0;"]]
|||| [[image http://upload.wikimedia.org/wikipedia/commons/6/62/Almogavers-catalans.jpg width="300px"]] ||
||||~ Вероватни приказ Алмогавера током заузећа Мајорке, XIV век ||
[[/div]]

Now lets float it to the left

Вероватни приказ Алмогавера током заузећа Мајорке, XIV век

Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

[[div style="float:left; margin:0 0 1em 2em; width:300px; border:0;"]]
|||| [[image http://upload.wikimedia.org/wikipedia/commons/6/62/Almogavers-catalans.jpg width="300px"]] ||
||||~ Вероватни приказ Алмогавера током заузећа Мајорке, XIV век ||
[[/div]]

OPPS!

to fix it we need to mess with the margins

Вероватни приказ Алмогавера током заузећа Мајорке, XIV век

Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
Blah blah blah, blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

[[div style="float:left; margin:0 3em 1em 02em; width:300px; border:0;"]]
|||| [[image http://upload.wikimedia.org/wikipedia/commons/6/62/Almogavers-catalans.jpg width="300px"]] ||
||||~ Вероватни приказ Алмогавера током заузећа Мајорке, XIV век ||
[[/div]]

Just to prove the point :-

Вероватни приказ Алмогавера током заузећа Мајорке, XIV век

[[div style="float:left; margin:0 10em 10em 0em; width:300px; border:0;"]]
|||| [[image http://upload.wikimedia.org/wikipedia/commons/6/62/Almogavers-catalans.jpg width="300px"]] ||
||||~ Вероватни приказ Алмогавера током заузећа Мајорке, XIV век ||
[[/div]]

Yes, Phil, I uderstood that part. :)

But now I have the problem with the alignment of the right side og the text and the picture when the picture is on the right… It sticks out of the text…. As I said, I tried to change numbers in "margin:0 0 1em 2em" feature, but without success..

Just a quick question. Is is important to put this m letter together with the number in margin feature?

At hte beginning, there were two m, now there are 4…

margin:0 0 2em 1em;

margin:1em 1.8em 0em 2em;

BTW, my numbers are better (margin:0 2em 1em 2em).. With these numbers, the upper line of the text and the picture are levelled. With your numbers, the picture stick out (or the text, I don't remember now… )

• all numeric values can have a decimal point and digits after the dot !( 1.8 , 0.75)

• absolute numeric attribute values (5 mm are always 5 milimeter )
  • pt - a Point ( the lowest one think of the points of a font size…)
  • pc - Pica , equal 12 pt
  • in - inch
  • mm - millimeter
  • cm - centimeter

• Relative numeric attribute values ( in realtion to other sizes!)
  • px - Pixel ( I think it depends on the screen setings..)
  • % - percents of .. (screen/frame/window - width/height ? )
  • em - relative to the Fon Size - heigth
  • ex - relative to the font size - height of the letter x

• Sequence is normally if given with ONE "margin: 0 0 0 0" in a circle clockwise:
  • top
  • right
  • bottim
  • left

OR: other possible attribute usage:

• if given for every side extra:
  • margin-top: … ;
  • margin-right:…;
  • margin-left: …;
  • margin-bottom:…;

——

Hope this helps ?

What's padding?

I am not familiar with the terminology, but I do make my own "instruction page"… If it is not necessary to be the exact translation, but just instructions in Serbian, why not? I mean, if I can just explain how to do something in my own words…

As I said, I make my own page of instructions, but some of them are specific for Serbian, considering that Serbian is using cyrillic and wiki.dot does not support search or creating pages in cyrillic or any other type of letters except English alphabet…

Next level is than "vetical-align: (top, bottom) " , "text-align" (right OR left, justify (?), border-collapse" and so on….

There are a lot of atrtributes available in CSS commands ( have a look at this page:

http://meyerweb.com/eric/css/references/css1ref.html CSS- reference of comand

Thanks for quoting me.

credit given where credit due. :-)

Oh, thank you, Phil! I'll try it out and inform you back if I had any success! Thanks again!

Hi ! Looks good now! Congratulations !

Thank you, Helmut, I started to grisp the meaning of all those letters, point, numbers.., etc.. But… I have more questions…

Why I cannot put just a plain picure, by using a picture wizard? I tried, but the photo did not show.

In the last cuadrant, on the bottom, there is too much space between the photo and the right side of the block…

And… Yesterday on my computer, I saw everything perfect, but here at work, Everything moved… For example the photo of that sandal sticks out of the block… I use on both computers Firefox Mozilla…

I would like to put here the photo of my screen, but I don't know how…

Layout?… both caused by minor typos in size.

pics.. does the picture get listed in the drop down list of the wizard?
yes .. then all should be fine.
No.. then its usually because there is a space in the name. not good :-)

Sorry, Phil… But I don't understand what you are talking about… Typos? Drop down list of the wizard? :(

I also see in a different way all the other pages ov wikidot.com

This for example… http://snippets.wikidot.com/code:layout-with-tables

I see here three rows with 2 pic per row, and yesterday I saw two rows with 3 pic per row… :(

Something is wrong with this comp at my work….

[[div style="float:center; margin:0 2em 1em 2em; width:250px; border:0;"]]
|||| [[image http://upload.wikimedia.org/wikipedia/commons/1/1c/Caligae_from_side.jpg width="450px"]] ||
||||~ ^^Калига -- ципела римских војника^^ ||

[[div style="float:right; margin:0 2em 1em 2em; width:250px; border:0;"]]
|||| [[image http://upload.wikimedia.org/wikipedia/sr/9/90/Caesar_Caligula.jpg width="150px"]] ||
||||~ ^^Калигулина биста^^ ||
[[/div]]

the sizes in these two divs are at fault.

PICS… are you having trouble with "files attached to that page" or external images?
if external, if you use the "check it" and the pic is shown then you should be ok.
previous post refers tp pics uploaded abd attached to that page.

there is nothing wrong with either comp!!!

the picture (flicker) module is set to display 6 pics,
so depending on how your screen size is configured, resolution etc will give you eithet
1 * 6
2 * 3
3 * 2

Thank you, Phil, I see where my mistake was… Anyway, I did manage to put just plain pictures… I don't know why last night I couldn't… I must have been tired so I did something wrong… And yes, I tried to put url, not uploaded picture… Somehow I find it really unpractical to have to upload the picture for each page… So, if I lets say, want to put one picture in various pagres, I have to upload this picture to each page… Which, of course affects my space of 300 MB…

Now there is onlyu one dopubt left… Why on Earth I still see th epages in a diferent way in this computer? All the pages seem to be more…. narrow…

But Both are configured to 1024 x 768….. :(

screen size?
font size? (play with ctrl+ and ctrl-)
day of the week?
is it raining?
have you been drinking?
:-)

pictures. you could create a page to store all your pictures in. then link to them as many times as you like. (either as a url , or internal link)

ps. does your boss know you are skiving off work ??? :-))))

Yes, screen size. And as far as font size it is all the same. Here and there. Now I tried to go one step smaller, and mz front page is still wierd…

It is not raining, the sun is shinning and the weather is nice, and I would like to be somewhere else and not at my office… :(

My boss doesn't mind as long as I fulfil my tasks… ;) Many would wish to have a boss like me…. :)

Thanks for ti tip… Verz nice, simple and practical solution…. Storage page… But… Is there any limit per page, or I can put all 3000 MB to one page?

you can put all on one page.

a little bit of picture resizing would help. eg..
your "foot" picture is 700k, you could knock that down a lot, before uploading.
(then it would display a lot quicker as well)

Which one? The sculpture of Caligula? I don't have anz problems with displaying… But, of course, maybe if I upload them, Ishould make them lighter…

the pic of the bloke with hairy legs and sandals :-)

i have my browser set so that every time i close it, it clears out everything out of the cache.
So when i look at any site it has to reload everything.

i have a slow dsl connection, so large pics take a while to download.
a lot of users are still on dial up. which is even slower.
It is good practice to try and consider these things when designing web sites.

Oh, that one… :) Ok… Yes, of course. I have to do it, since in Serbia (the taget group of my site) many people still use dial ups…

BTW… Something is wrong with my tags… :( I click to tag page then on tags that are inside, but nothing happens…

http://istorijska-biblioteka.wikidot.com/system:page-tags-list

Hi Brunhilda!

I think the rpble,m you haev with alwaysd changing the pics per cell ( 2*3, 3*2.. ) depemds on the WINDOW-Size and not on your screen size!

If you make your window at maximum ( by clicking on the window switch right top) you will see your pictures as expected ( an layouted, planned)

If you start by another click aonthre page, this could be a t teh starting moment not a full maximized window.

I can see your pictures in such a strong way if I open a new window ( it is large, but not maximized at the greatest screen size.

AND:
If you uplaiod all your pictures at one page ( call it "all-my-pictures" you can put a [[gallery]] tag on it and have a short summary which pictures are on the age attached.

AND-2:

If you need the url or internal link you should always give the source adress with the pagename before!
("all-my-pictures/image-4711.jpg" )

Hope this help``?

Tags:

We cannot see the "view source" - you have nore allowed to show the edit buttons for teh system: category in the permissions
Nobody wants to edit it, but it would be a good idea to show us the buttons…

Looks like there is something missing…

Sorry… I will open it right now… :(

EDIT: You should be able to see the source now…

BTW, I never use full screen size…. I thought it was thre question of operating systems, since at home computer I have windows vista, and here I have windows XP, but then, other people with XP see it as I see it at home… ???? There must be something in the configuration of this computer…

all-my-pictures/image-4711.jpg"

Here all-my-pictures would be the name of the page, and /image4711.jpg would be… what? The name of the picture or the whole url?

1. image4711.jpg isd the FILE name under which you have attached ( stored) the uploaded image to that page ( all-my.-pictures) .

These are the file names you see if you click on "files" button.

or you can use the URL of this picture - you can get if you click on "info" button of such picture…

2. Screen size has nothing to do with WINDOW size.
This depends how you have minimized or maximized the running window of the browser.
Normally a browser has in the left top cprner a sign ( the (E) of the explorer or the sign of firefox… - click on it anbd the standard window menu opens…

or you can use the buttons on the upmost right corner - the miminize - maximize ior close buttons on the ( mostly blue) header line of the window..

This changes the REAL window sizes and the browser trys to fill in your text / content in the remaining room….