html frust hilfe.....!!!!!!!!!!!schon besser *g* - Software, allgemein

cyberx17

God

html frust hilfe.....!!!!!!!!!!!schon besser g

lundi 22 novembre 2004, 17:29

1

ich bin gefrustet, ich progge immo an meiner hp,
da ich nur an der oberfläche von html kratze und sonst auch 0 peil hab hab ich jetz ne frage...
ich hab hier ne seite:
http://www.microsiff.de/leute.htmleider funzt die nur mit dem internetexplorer...
mit opera (mein standart browser) kommt da garnix...(okok , das mit dem cklick4big stimmt nimmer...)
aber opera kürzt da im quelltext immer die ordner weg:
also
normal:
http://www.microsiff.de/bilder/leute/Bild049.jpg
opera:
http://www.microsiff.de/Bild049.jpg
*heul*
es hat bis jetz immer geklappt(bei anderen bildern, nur hier nich....
das is der quelltext:

Code source

<html> <head> 
 <meta http-equiv="Content-Language" content="de">  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
 <title>pic´s</title> </head>
 <body link="#cc3300" alink="#000000" bgcolor="#000000" text="#c0c0c0" vlink="lime"> <center> <big style="text-decoration: underline;"><big>Click4big</big></big> <p></p> 
<a href="http://www.microsiff.de/bilder/leute/Bild000.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild01.jpg" alt="ff" border="0"></a> <a href="http://www.microsiff.de/bilder/leute/Bild006.jpg" style="text-decoration: none; font-weight: 700;"><img src="http://www.microsiff.de/bilder/leute/bild02.jpg" alt="ff" border="0"></a> 
<a href="http://www.microsiff.de/bilder/leute/Bild012.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild03.jpg" alt="ff" border="0"></a>
 <p></p> 
<a href="http://www.microsiff.de/bilder/leute/Bild013.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild04.jpg" alt="ff" border="0"></a>
 <a href="http://www.microsiff.de/bilder/leute/Bild021.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild05.jpg" alt="ff" border="0"></a> 
<a href="http://www.microsiff.de/bilder/leute/Bild026.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild06.jpg" alt="ff" border="0"></a>
 <p></p> 
<a href="http://www.microsiff.de/bilder/leute/Bild029.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild07.jpg" alt="ff" border="0"></a> 
<a href="http://www.microsiff.de/bilder/leute/Bild030.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild08.jpg" alt="ff" border="0"></a>
 <a href="http://www.microsiff.de/bilder/leute/Bild031.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild09.jpg" alt="ff" border="0"></a>
 <p></p> 
<a href="http://www.microsiff.de/bilder/leute/Bild032.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild10.jpg" alt="ff" border="0"></a>
 <a href="http://www.microsiff.de/bilder/leute/Bild033.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild11.jpg" alt="ff" border="0"></a> <a href="http://www.microsiff.de/bilder/leute/Bild034.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild12.jpg" alt="ff" border="0"></a> 
<p></p>
 <a href="http://www.microsiff.de/bilder/leute/Bild049.jpg" style="text-decoration: none; font-weight: 700;">
<img src="http://www.microsiff.de/bilder/leute/bild13.jpg" alt="ff" border="0"></a>
</center> </body> </html>

so das is der neue quelltext...

Westerwälder ist das höchste was der Mensch werden kann!

DAP

God

Re: html frust hilfe.....!!!!!!!!!!!!!!!!!!!!!!!!!

lundi 22 novembre 2004, 17:40

2

zum eigentlichen problem:
verlink die bilder mal relativ, nicht absolut...

	Code source
1	<img src="/bla/blubb.png" alt="blubb" />

und das hier:

	Code source
1	<meta name="GENERATOR" content="Microsoft FrontPage 5.0">

is ganz, ganz böse

und... klick 1 + klick 2

edit: bei mir werden die bilder übrigens auch richtig dargestellt (mal davon abgesehen dass ich es nicht unbedingt gern als "richtig" bezeichne wenn große bilder auf einer seite per img width=x und height=x verkleinert werden :p)

xx_ElBarto

God

Re: html frust hilfe.....!!!!!!!!!!!!!!!!!!!!!!!!!

lundi 22 novembre 2004, 17:40

3

bei mir im opera sind alle bilder da, und der quelltext sieht auch ok aus
kanns sein das du die bilder auf der seite ausversehen ausgestellt hast? da gibts ne tastenkombination, die ich auch ab und zu ausvresehen drücke. kann man auch unter "tools -> quick preferences" umstellen

crushcoder

God

Re: html frust hilfe.....!!!!!!!!!!!!!!!!!!!!!!!!!

lundi 22 novembre 2004, 17:44

4

bei mir ist sind alle zu sehen.

aber so nebenbei:
das <p> nach </body> machts dem browser nicht einfacher

und <font> geht gar nicht mehr. das ist ja wie n auto mit choke fahren...

Zitat von »Microsoft-Sprecher Thomas Baumgärtner«

Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

cyberx17

God

Re: html frust hilfe.....!!!!!!!!!!!!!!!!!!!!!!!!!

lundi 22 novembre 2004, 18:52

5

*freu*
weitestgehend funzt des jetz.... ;D ;D ;D ;D ;D ;D ;D ;D ;D
endlich...
okok das <p> unten war en versehen...
mit welchem editor soll ich denn sonst html basteln?
was meinste mit dem font?
hab da mal was geändert, is das jetz so ok (mussu quelltext selber aus der seite raussuchen...)

Westerwälder ist das höchste was der Mensch werden kann!

DAP

God

Re: html frust hilfe.....!!!!!!!!!!!!!!!!!!!!!!!!!

lundi 22 novembre 2004, 18:54

6

Citation de "cyberx18"

mit welchem editor soll ich denn sonst html basteln?

probiers mal mit Proton

Albi

Junior Member

Re: html frust hilfe.....!!!!!!!!!!!!!!!!!!!!!!!!!

lundi 22 novembre 2004, 20:31

7

Citation de "cyberx18"

mit welchem editor soll ich denn sonst html basteln?

Macromedia Homesite 5.5

render

God

Re: html frust hilfe.....!!!!!!!!!!!!!!!!!!!!!!!!!

lundi 22 novembre 2004, 21:30

8

Citation de "cyberx18"

mit welchem editor soll ich denn sonst html basteln?

===> NVU

mfg.
render

There is no way to happiness - happiness is the way (Buddha)
The key to living a lazy life is being lazy (Peter Tosh)
The aim of life is to live, and to live means to be aware, joyously, drunkenly, serenely, divinely aware. (Henry Miller)

cyberx17

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

lundi 22 novembre 2004, 21:37

9

hab mir mal Macromedia Homesite 5.5 als demo runtergeladen, is ganz akzeptabel... muss wohl mein esel mal rennen

nvu teste ich jetz mal...
proton fand ich jetz nich soo berauschend...
edith:nvu is nich schlecht vom aufbau her....teste den morgen mal, geh jetz gleich matraze horchen...

achso, wenn ihr auf meiner seite seid dürft ihr gerne was ins gästebuch schreiben...

Westerwälder ist das höchste was der Mensch werden kann!

xx_ElBarto

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

lundi 22 novembre 2004, 21:39

10

scite find ich toll ;D

crushcoder

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

lundi 22 novembre 2004, 23:25

11

scite würd ich auch nehmen.

homesite mag ich zwar lieber, aber nur weil ich es seit jahren benutze.

da es geld kostet und scite eine gute kostenlose alternative ist kann man sich diese ausgabe sparen.

Zitat von »Microsoft-Sprecher Thomas Baumgärtner«

Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

render

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 00:32

12

als frontpage-umsteiger braucht cyberx18 wohl eher ein wysiwyg.

mfg.
render

There is no way to happiness - happiness is the way (Buddha)
The key to living a lazy life is being lazy (Peter Tosh)
The aim of life is to live, and to live means to be aware, joyously, drunkenly, serenely, divinely aware. (Henry Miller)

Y0Gi

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 00:48

13

mensch leute, ihr macht meine beiträge ja langsam überflüssig

*auf crushcoders beitrag verweis*

und nun die obligatorischen verbesserungstipps:

<center> ist deprecated und hat zudem bei dir kein endtag (wenn ich es nicht übersehen habe). man benutze
<div style="text-align: center"> ... </div>

<p></p> ist dafür da, absätze zu ENTHALTEN und nicht, um zeilenumbrüche zu bewirken. schlau wäre dagegen, jeweils alle bilder einer zeile IN die absatz-tags zu schreiben.

ein bisschen einheitliches einrücken wäre sicher der lesbarkeit zutragend.

"ff" bringt als alt-text der bilder quasi gar nichts. dann schon eher den dateinamen.

die css-angaben der links lassen sich wunderbar im header platzieren, dann braucht es sie auch nur einmal. die angaben im body-tag sind ebenfalls als css besser aufgehoben.

ein gescheiter doctype ist pflicht. hier bietet sich besonders xhtml1.1 strict an.

der titel "pic´s" ist gleich in mehrfacher hinsicht falsch: mehrzahl schreibt sich ohne apostroph ('). zudem ist ´ ein frz. sonderzeichen und erfüllt andere zwecke.

es empfiehlt sich aufgrund der unterschiedlichen interpretation von groß- und kleinschreibung von dateinamen auf verschiedenen betriebssystemem stets kleinschreibung zu verwenden, so auch bei deinen bildern. wenn sie auf dem gleichen server und im gleichen ordner liegen, kannst du sie relativ angeben, also den pfad komplett wegnehmen und nur den dateinamen angeben.

"charset=windows-125" ist sicher nicht das, was im web was verloren hat. iso-8859-1 bzw. latin-1 sind für westeuropa angebrachter.

wenn du im css-bereich des kopfes
a img { border: 0; }
angibst, werden um verlinkte bilder keine rahmen angezeigt (was iirc nur der verdammte IE macht) und auch das
text-decoration: none
das vorwiegend genutzt wird, um das unterstreichen bei links zu vermeiden, würde damit in deinem fall wohl ebenfalls hinfällig werden.

warum du bei den links ne schriftgröße angibst, obwohl sie nur bilder enthalten, ist mir irgendwie schleierhaft.

details zu den meisten genannten punkten kannst du bei http://de.selfhtml.org/ nachlesen. das ist eh die referenz, die man stets zur hand haben sollte.

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

cyberx17

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 08:01

14

ich sach ja: nur die oberfläche von html

die hp is bie mir eigentlich ja nebensache , weil ich auch für meine ausbildung lernen muss...
ich bin echt froh das ihr euch so gut auskennt....

und achso "frontpageumsteiger" rofl ne ich hab nur hier und da mal sachen aus frontpage benuzt , weil ich es nicht besser wusste , die htm´s sind nur in frontpage entstanden weil das enben bequemer ist/war als mit dem editior.
jetz werd ich mal Nvu ausprobieren, vom ersten anschein her komme ich damit klar...

das "ff" steht nur da weil ich in dem moment keine andere idee hatte , wird aber noch in die dateinamen geändert.
@yogi:
der quelltext oben ist nicht mehr aktuell, ich setze heut nachmittag mal den aktuellen rein, der is aber auch unter :
www.microsiff.de/leute.htm
(dann halt rechtsklick , quelltext...)
zu sehen .
hab noch dieses click4big gedöns gebastelt...
edith:
sehe grad das ein paar bilder noch nich funzen...
mache ich heute nachmittag ,muss jetz weg, die schaffe ruft....

Westerwälder ist das höchste was der Mensch werden kann!

crushcoder

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 11:36

15

ne, bitte nicht den dateinamen ins alt-attribut.
es sei denn der name beschreibt den inhalt des bildes.

alt ist als ALTernative da, wenn das bild nicht angezeigt wird, zB bei screenreadern für blinde.
die können aber auch mit einem dateinamen nichts anfangen.

alt muss zwar angegeben werden, aber es kann auch leer sein.
wenn man ein bild also nur als platzhalter benutzt, dann lässt man es leer.

in diesem fall kann man es sich aussuchen, weil jm. der mit bildern nichts anfangen kann wohl keine bilder-galerie anschauen wird.

und bei den doctypes muss es nicht immer die puristischste variante (xhtml strict) sein.
xhtml transitional oder html4 tuns auch.

Zitat von »Microsoft-Sprecher Thomas Baumgärtner«

Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

back_orifice

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 12:04

16

Html coden tu ich nur mit Phase 5...

DAP

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 13:47

17

mittlerweile siehts schon viel besser aus

den sourcecode kannst du noch kürzen indem du die bilder relativ verlinkst (<img src="/bilder/leute/Bild0xx.jpg" alt="" />)

erhöht gleichzeitig die wiederverwendbarkeit (wenn sich die domain ändert oder ähnliches musst du net die ganzen bildpfade ändern)

cyberx17

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 14:50

18

aber das mit dem relativ geht nur wenn ich html datei und bilder in einem ordner hab , oder müssen die nur auf ein und demselben server liegen?
hab den text im ersten beitrag mal aktualisiert....

giebts eigentlich eine einfachere methode bilder in eine seite einzubinden

also etwa so: bilder in ordner , programm sagen:"bilder im ordner xxx in seite yyy einbinden")
weil ich hab noch jede menge photos die ins web sollen....

Westerwälder ist das höchste was der Mensch werden kann!

Y0Gi

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 14:51

19

html tut man nich coden (und bei "proggen" stellen sich mir die nackenhaare auf).

nein, der sinn des alt-attributs ist durchaus ein anderer, aber nützlicher als "ff" wäre der name allemal. auch meckern manche validatoren, wenn das alt-tag leer ist. eine beschreibung zum bild wäre da passend, allerdings auch gut im title-attribut von link oder bild untergebracht.

klar muss es nicht der strengste doctype sein, aber da der in diesem fall locker ausreicht, mag man ihn vielleicht durchaus benutzen. html4 dagegen zu benutzen halte ich für verabscheungswürdig, weil xhtml schon seit jahren existiert und auch verwendet werden sollte.

wenn die bilder in einem unterordner liegen, gibst du halt vom verzeichnis der html-datei ausgehend "bilder/bild01.jpg" an.
bildergalerien, also übersichtsseite + thumbnails verlinkt auf bilder erzeugen gängige grafikprogramme (z.b. photoshop) und -betrachter (z.b. irfanview). das lohnt sich natürlich auch, aber man lernt kein html

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

cyberx17

God

Re: html frust hilfe.....!!!!!!!!!!!schon besser *

mardi 23 novembre 2004, 15:08

20

"<p></p> ist dafür da, absätze zu ENTHALTEN und nicht, um zeilenumbrüche zu bewirken. schlau wäre dagegen, jeweils alle bilder einer zeile IN die absatz-tags zu schreiben."
absatz tags?! was das ?

Westerwälder ist das höchste was der Mensch werden kann!