Also ich hab eine Grafik gemacht, die mehrere Buttons beinhaltet
Sieht ungefähr so aus:

http://www.gimpusers.de/images/tutorials/37/19.png

Aber wie bitte ich krieg ich zu den einzelnen Rubriken die Links drauf??

Also ich klick home und dann soll ja home kommen..

Soll ich etwa die Datei spillten und auf der Website zusammenfügen??

Hab da keinen Plan..

SelfHTml kapier ich nicht gaanz außer bei einfachen Buttons.

mfg^^

Moin,

bei SelfHTML: Verweis-sensitive Grafiken (Image Maps). Sowas will man eigentlich nicht ohne Software-Unterstützung definieren, dazu z.B. MapThis!.

Auseinander schneiden ist durchaus auch üblich, insbesondere wenn "Rollover" dazu kommen sollen, das heißt die Grafik sich ändert, wenn die Maus rüberfährt. Insgesamt wäre aus vielerlei Hinsicht (Suchmaschinen etc.) aber eine Text-basierte Navigation schlauer.

Grüße,
Thorsten

Textbasiert??

Also könnte ich vielleicht auch auf der Grafik die Links machen?

mfg

Zitat von Kenny52

Textbasiert??

Also könnte ich vielleicht auch auf der Grafik die Links machen?

Aber sicher. Aber es ist schon etwas Gebastel und man muss schon etwas HTML und vor allem CSS beherrschen (oder beim Lernen Geduld bewahren). Als Beispiel möchte ich Dich mal auf das Tab-Menü von explodingboy verweisen.

Ich weiß grade nicht, wie man so eine Bastelei hier Anfänger-tauglich weiter erläutern soll, am besten probierst Du etwas und bei Problemen meldest Du Dich wieder mit Link, wo man das in Aktion begutachten kann.

Grüße,
Thorsten

Zitat von FreewareGuide

Aber sicher. Aber es ist schon etwas Gebastel und man muss schon etwas HTML und vor allem CSS beherrschen (oder beim Lernen Geduld bewahren). Als Beispiel möchte ich Dich mal auf das Tab-Menü von explodingboy verweisen.

Ich weiß grade nicht, wie man so eine Bastelei hier Anfänger-tauglich weiter erläutern soll, am besten probierst Du etwas und bei Problemen meldest Du Dich wieder mit Link, wo man das in Aktion begutachten kann.

Grüße,
Thorsten

Also kann ich mit CSS das auch so machen dass bei mouseover der Button sich ändert.

Mit Grafik bin ich vertraut, hab einige schon gemacht mit gimp, das geht einfach.

Nur Programmieren wird zäh....

Als erstes will ich mal das Grunddesign machen, wo auf jeder Site zu sehen ist, Menü etc.

Hab schon ein paar Teile wie Menü und Head (Logo).

Das Flächen Menü Verlinkung auf der Grafik geht schon gut, aber macht nicht viel her... ja ich bin gerne ein kleiner Grafik Bastler, der auch ein Mouseover Effekt haben will.. Hab schon alles vorbeireitet per Grafik wie das dann ausseiht, nur wie programmier ich das dann dass es funktioniert.

Hab vorerst 4 Menübuttons auf einer Leiste und dazu 4 weitere Grafiken, wo bei jedem ein anderer Button "aufleuchtet" in einem schönen Blau.

ber wie mach ich das nun mit html, css etc.?

mfg
PS: Vielen Dank^^

Zitat von Kenny52

Also kann ich mit CSS das auch so machen dass bei mouseover der Button sich ändert.

...

ber wie mach ich das nun mit html, css etc.?

Ohne Dir zu nahe treten zu wollen, ich befürchte, das ist noch ein paar Schritte zu früh. Ich hatte oben zum explodingboy-Tab-Menü verlinkt, und mit etwas Fachkenntnis und Fantasie kann man sich das als Beispiel nehmen - und eben auch sehen, dass natürlich ein MouseOver/RollOver geht. Die richtigen Code-Broken ausgewählt, die richtigen Grafiken und das dazu gehörige CSS angepasst, in einen passenden Rahmen gepackt kann man das was Du als große Grafik gemacht hast, auch flexibler aufbauen. Die meisten Fallen (veraltete Browser) usw. hat dann der explodingboy bereits für Dich gelöst.

Da Du aber offensichtlich bisher noch nicht genug von HTML/CSS kennst als dass Du diese Vision erkennen konntest (hast Du Dir die verlinkte Seite überhaupt angeguckt), dort nicht mal die vorhandenen MouseOver/RollOver gesehen hast, befürchte ich ist es noch ein langer Weg bis Du Dir sowas zutrauen solltest. Es geht leider nicht alles sofort...

Sorry,
Thorsten

So ich habe jetzt mal versucht das umzusetzten was du mir geraten hast.
Ich habe mein Bild genommen und habe versucht den ersten Butten also den "home" button zu verlinken. Das bild funktioniert zwar, aber die verlinkung will nicht funktionieren. Als Link habe ich was ganz banales wie google genommen was eigentlich recht gut funktionieren sollte...
naja ich geb dir mal den Quelltext und hoffe dass du meine Fehler finden kannst!
danke

<head>
<title>Homepage</title>
</head>
<body>
<p>
<img src="http://rockin4ever.kilu.de/header.png" width="1024" height="256" alt="homepage" border="0" align="" >
<map name="HOMEPAGE">
<area shape="circle" coords="220,204,40"
href="www.google.com" alt="" title="Google">

</map>

</p>

</body>
</html>

Die Koordinaten habe ich via Gimp erörtert und die datei habe ich ja selbst gemacht.
hoffe dass du mir helfen kannst !
mfg metl

Moin,

das ist soweit noch einfach Dir fehlt in deinem IMG-Tag das Attribut "usemap". So sollte es gehen (ohne das ich es getestet hatte):

<img src="http://rockin4ever.kilu.de/header.png" width="1024" height="256" alt="homepage" border="0" usemap="#HOMEPAGE">
<map name="HOMEPAGE">
<area shape="circle" coords="204,0,220,40" href="www.google.com" alt="" title="Google">
</map>

Ach ja, mit Deinen "coords"-Koordinaten stimmt noch was nicht, Du musst zwei Punkte angeben (oben links, unten rechts) an, beide mit horizontaler und vertikaler Angabe, zwei mal zwei macht vier, Du hast nur drei Werte angegeben (ich habe mal willkürlich umgebaut, muss nicht zu Deinem Bild passen). Darum hatte ich gesagt, dass man dazu besser Software verwendet...

Und ein leeres "align" muss nicht sein.

Grüße,
Thorsten

erstmal danke!
das mit den coords habe ich so aus Selfhtml übernommen und da ich es jetzt mal der einfachkeit halber mit einem Kreis machen will brauche ich doch nur 3 Koordinaten... x pixel von rechts zur mitte y pixel von oben zur mitte und z Radius...
oder habe ich da was falsch übernommen?
mfg

Asche auf mein Haupt, "circle" habe ich nicht gelesen. Betriebsblindheit. Sorry.

kein problem
danke

So, da du das Bild auf Gimpuser gestallt hast gehe ich mal davon aus dass du auch Gimp benutzt.
Hier wird dir erklärt wie man so was macht:
Homepage erstellen Mit Gimp - GIMP-Forum 2.0
mfg SIml