some problems with template-costumizing

[spacefrog]

hi,
i'm still working on costumizing the pixelpost-light-template.
but there are some problems.
look here (http://www.webspace-sharing.de/trojansky/photos/index.php).

1. i want the images to be resized to 720x(X) pixels.

2. why are there no thumbnails shown for the large pictures?

3. the links (par example: "[default]") are "underlined" (<-- ist this the correct english word? i don't think so :) ). how can i delete this effect? i didn't find it in the CSS!

4. how can i stretch the calendar to 720px?

Thank you very much!
- spacefrog

[Connie]

Read my posting VALIDATE! VALIDATE! in the template section

there are all the tools described which could help you in template-customizing

you must identify the CSS-element which formats the links, defaults for example and give them the attribute: text-decoration:none;

but we cannot teach you all the CSS knowledge which you might need, for that a good start in german language is for example http://www.css4you.de/

1) start Firefox
2) install webdeveloper tools extension
3) use this extension (CSS / View Style Information) to identify the element
4) etc. pp..

I moved this posting to "PixelPost 101" as help is for technical problems, not design problems...

Gruss und viel Erfolg, Connie

[spacefrog]

i know css4you, i know aardvark and i know the web-developer-tools.
i tried all these things but i can't find the solutions for this points!
the page ist valid (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.webspace-sharing.de%2Ftrojansky%2Fphotos%2F)!

the problem with the links is, that nowhere in the css is an atribute "text-decoration:underline;" or something like that. so why is it shown like that?

[Connie]

because underline is the default for the browsers! Imagine that there are pages without CSS, some pages are out even for more than 10 years already! And they have links as well :wink:


... I am just going through your webpage
these graphics are not your photos

do you have the rights to use these graphic files?

Pixelpost is not intended to present copyrighted material from other people, this is part of the ethic :x

mein Freund, klär das erstmal mit dem Copyright, ich werde dir nicht helfen, geklaute Bilder zu präsentieren

[spacefrog]

*lol*, this aren't mine, of course!
das copyright ist kein problem, ausserdem präsentiere ich sie nicht als meine!
die gallerie wird mit meinem bildern gefüllt, wenn das template mal fertig ist. aber da man hier anscheinend nicht gewillt ist mir zu helfen, werde ich es auch selbst hinbekommen!

adios

[Connie]

ich habe dir gesagt, wie es zu tun ist
aber ich kann dir sowieso nicht alles vorkauen, dafür habe zumindest ich nicht die Zeit
wenn du dich selbst dransetzt, steigt die Lernkurve und das ist sowieso das beste

in diesem Sinne, nichts für ungut
Connie

I told you what is to do
but for sure nobody is willing to do everything for you, therefore I at least have no time
if you do it yourself, the learning curve will increase and that is the best

[spacefrog]

Read my posting VALIDATE! VALIDATE! in the template section

there are all the tools described which could help you in template-customizing

you must identify the CSS-element which formats the links, defaults for example and give them the attribute: text-decoration:none;

but we cannot teach you all the CSS knowledge which you might need, for that a good start in german language is for example http://www.css4you.de/

1) start Firefox
2) install webdeveloper tools extension
3) use this extension (CSS / View Style Information) to identify the element
4) etc. pp..

das ist es was du mir gesagt hast, nichts davon beantwortet auch nur eine meiner fragen. mit dem browser-standard hattest du zumindest recht!
ich bitte dich inständig nur diese eine frage zu beantworten, den rest kriege ich schon selbst raus...:

wie schaffe ich es, dass das angezeigte bild automatisch auf 720px in der breite und relativ dazu in der höhe "gestutzt" wird?
sonst sprengt es den rahmen.
sorry übrigens für meinen umgangston gerade, aber das mit der beschuldigung von wegen urheberrechts-verletzung hat micht echt angeko***. das sind wirklich nur testbilder!

is it possible to resize the pictures to 720x(X) pixels?

[Connie]

why do you want to upload so big images?
who will want to load so big files before seeing a reduced version in the browser?

<img id="image" src="./images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_PREVIOUS_TITLE>" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" /></a>

change this to

<img id="image" src="./images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_PREVIOUS_TITLE>" width="720" height="560" /></a>

than the browser will not use the original values of the image

relative values for height can not be guaranteed by this, as "720" is a fixed value and not calculated anywhere
but most images have a certain relation width:height, 24:36 or 2:3
find the relation of your camera (or scanned image) and use this relation always and set the value for height by that

or reduce the image in Irfanview or whatever before uploading
jedes Browser-Resize frißt Qualität

[spacefrog]

ok, i decided to resize all images to 680x510 with photoshop.
but there's a last problem...
how can i bring the fotos to the center of the site?
atm it's closer to the left as to the right side...
(look here (http://www.webspace-sharing.de/trojansky/photos/index.php?showimage=17))

Thank You!

[kuraca]

I have a Div for the photo and in the CSS I added: margin-left: auto; margin-right: auto, that center the image inside the div

In my html it looks like this:

<div id="photo">
<a href=.......>
<img src="....">
</a>
</div>

and in the css I have this:

#photo img { border: 0; margin-right: auto; margin-left: auto; display:block; clear: both;}

Hope it helps

[spacefrog]

thank you, maybe this is the solution!

/edit: this is the solution :)