PNG-Bild

GFX-Sector - HTML, CSS

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » PNG-Bild

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS

Author

Post

« Previous Thread | Next Thread »

pacar.skana pacar.skana is a female

Zauberstabbenutzer

Registration Date: 18.08.2010
Posts: 24
Location: nähe Mosbach

PNG-Bild

werbefreies Forum?

Hey Leute,

ich mach grad meine ersten schritte mit html und möchte gern ein png bild einfügen, die genaue position bestimmen & wenn man aufs bild klickt, soll eine andere seite geöffnet werden!

ich hab auch schon was versucht und zwar:

code:
1: 2:	<a href="Musik.html"> <img border="40" width="150" height"150" src="Notenschlüssel.png"> </a>

durch den: border="40" entsteht bei mir ein blaues quadrat das sich auch anklicken lässt & auch richtig weiterleitet.

jaa.. ich will aber, dass das bild angezeigt wird, die position vom bild bestimmen & natürlich dass das bild anklickbar ist!

was mach ich falsch?
und wie heißt der code richtig?

10.03.2011 13:23

entropy64
Pfadfinder

Registration Date: 28.01.2011
Posts: 648

dann mach doch den border gleich 0 und rechne bei der position die 20px dazu?

Vergiftet von Mawada.

This post has been edited 1 time(s), it was last edited by entropy64: 10.03.2011 13:35.

10.03.2011 13:33

pacar.skana pacar.skana is a female

Zauberstabbenutzer

Registration Date: 18.08.2010
Posts: 24
Location: nähe Mosbach

Thread Starter Thread Started by pacar.skana

hab ich ausprobiert, nur dann wird nichts angezeigt! kein bild, kein blaues quadrat

10.03.2011 13:42

entropy64
Pfadfinder

Registration Date: 28.01.2011
Posts: 648

Poste mal deine HTML und dein Stylesheet oder einfach eine Live.

Übrigens darf man auf servern keine umlaute verwenden, und komplett lowercase ist Standard...

So kann man nichts sagen, ich weiss ja nichtmal wo dein img liegt, liegt das im root?

Vergiftet von Mawada.

This post has been edited 1 time(s), it was last edited by entropy64: 10.03.2011 13:44.

10.03.2011 13:44

Azraél

Scharfzeichner

Registration Date: 21.09.2008
Posts: 139
Location: (Alten)bochum
Program: Creative Suite 5

quote:

Original von pacar.skana
hab ich ausprobiert, nur dann wird nichts angezeigt! kein bild, kein blaues quadrat

Liegt das Bild im selben Ordner wie die .html Datei in der du dieses einfügen möchtest?

quote:

Übrigens darf man auf servern keine umlaute verwenden, und komplett lowercase ist Standard...

nur XHTML ist die Syntax case sensitive. Sogar HTML5 lässt beides zu.

I'm a designer, not a fucking screwdriver*
a global message for clients around the world who believe that a designer is a mere tool to execute their ugly ideas.

This post has been edited 1 time(s), it was last edited by Azraél: 10.03.2011 13:47.

10.03.2011 13:44

entropy64
Pfadfinder

Registration Date: 28.01.2011
Posts: 648

Danke für den Hinweis.

Ja, es ist Best Practice, nicht zwingend. Aber es ist einfach eine unschöne Sache. Wenn du dir grosse Seiten ansiehst, ist alles lowercase.

Vergiftet von Mawada.

10.03.2011 13:50

pacar.skana pacar.skana is a female

Zauberstabbenutzer

Registration Date: 18.08.2010
Posts: 24
Location: nähe Mosbach

Thread Starter Thread Started by pacar.skana

das bild liegt nicht im selben ordner, also ich hab ein ordner "html" und einen "images" Wink

http://img806.imageshack.us/f/unbenannt1lz.jpg/

was brauchst du vom stylesheet?
bei mir ist das ganze unterteilt in website, navigation & sonstiges ^^

10.03.2011 13:59

Azraél

Scharfzeichner

Registration Date: 21.09.2008
Posts: 139
Location: (Alten)bochum
Program: Creative Suite 5

Also:

Datei im selben Ordner

code:
1:	<img src="bild.jpg" alt="Bildbeschreibung">

Datei ist einen Ordner höher (eins zurück)

code:
1:	<img src="../bild.jpg" alt="Bildbeschreibung">

Datei ist einen Ordner tiefer (eins vor)

code:
1:	<img src="ordnername/bild.jpg" alt="Bildbeschreibung">

Datei ist in einem Ordner vor root

code:
1:	<img src="../ordnername/bild.jpg" alt="Bildbeschreibung">

I'm a designer, not a fucking screwdriver*
a global message for clients around the world who believe that a designer is a mere tool to execute their ugly ideas.

10.03.2011 14:01

entropy64
Pfadfinder

Registration Date: 28.01.2011
Posts: 648

Ich hätte den Source gerne als TIF mit 32BIT Farbkanal. Warum als jpeg und nicht einfach hier reingepasted?

Egal. Du musst im Link angeben wo das Bild liegt, also src="img/bildname.png"

Vergiftet von Mawada.

This post has been edited 1 time(s), it was last edited by entropy64: 10.03.2011 14:01.

10.03.2011 14:01

pacar.skana pacar.skana is a female

Zauberstabbenutzer

Registration Date: 18.08.2010
Posts: 24
Location: nähe Mosbach

Thread Starter Thread Started by pacar.skana

super leute, das bild ist jetzt zu sehen smile

also das hab ich momentan:

code:
1: 2:	<a href="Musik.html"> <img border="0" width="80" height"80" src="../Images/Icons/Notenschlussel.png" alt="Musik" > </a>

mit welchen befehlen kann ich jetzt das bild positionieren?

10.03.2011 14:16

Azraél

Scharfzeichner

Registration Date: 21.09.2008
Posts: 139
Location: (Alten)bochum
Program: Creative Suite 5

Arbeitest du an einem Tabellen-Layout oder mit Containern?
Normalerweise reichen margin oder padding Werte aus um Elemente zu positionieren.

I'm a designer, not a fucking screwdriver*
a global message for clients around the world who believe that a designer is a mere tool to execute their ugly ideas.

10.03.2011 14:42

entropy64
Pfadfinder

Registration Date: 28.01.2011
Posts: 648

Oder du benutzt sowas wie den YAML als Basisgerüst.

http://builder.yaml.de/

Vergiftet von Mawada.

This post has been edited 1 time(s), it was last edited by entropy64: 10.03.2011 14:59.

10.03.2011 14:59

pacar.skana pacar.skana is a female

Zauberstabbenutzer

Registration Date: 18.08.2010
Posts: 24
Location: nähe Mosbach

Thread Starter Thread Started by pacar.skana

quote:

Original von Azraél
Arbeitest du an einem Tabellen-Layout oder mit Containern?
Normalerweise reichen margin oder padding Werte aus um Elemente zu positionieren.

ich arbeite nicht mit dem tabellen-layout.

kannst du mir das genau mit margin oder padding erklären?

10.03.2011 15:35

Azraél

Scharfzeichner

Registration Date: 21.09.2008
Posts: 139
Location: (Alten)bochum
Program: Creative Suite 5

margin = Aussenabstand
padding = Innenabstand

Wenn du einem Element (z.B. einem Bild) einen Marginwert zuteilst, entfernt sich dieses vom Elternelement.
Du kannst allerdings auch dem Elternelement einen Paddingwert zuteilen, damit sich alle Elemente innerhalb des Elternelements entfernen.

Hier ist ein schönes Beispiel:
http://www.web-toolbox.net/webtoolbox/css/css-margin-padding.htm

Beachte aber, dass sich Höhe oder Breite zu Margin oder Padding Werten addieren.

//EDIT
Wenn du mehr Fragen hast kannst du mir gerne eine E-Mail oder PN schreiben.

I'm a designer, not a fucking screwdriver*
a global message for clients around the world who believe that a designer is a mere tool to execute their ugly ideas.

This post has been edited 1 time(s), it was last edited by Azraél: 10.03.2011 15:52.

10.03.2011 15:50

pacar.skana pacar.skana is a female

Zauberstabbenutzer

Registration Date: 18.08.2010
Posts: 24
Location: nähe Mosbach

Thread Starter Thread Started by pacar.skana

bis hierhin schonmal danke, ich hab das erreicht was ich wollte! Wink

10.03.2011 16:05

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

10.03.2011 16:05

Tree Structure | Board Structure

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » PNG-Bild

Similar topics to PNG-Bild

Thread

Bilder-Upload-Design (Forum: Designs)

[Problem] Bildberechnungen auf PS 8.0 (Forum: Fragen & Probleme)

[Frage] wie macht man sowa (goßes bild) (Forum: Fragen & Probleme)

Bild in Text einfügen (Forum: Tutorial-Archiv)

Battelbilder, Avatare,Siggis... (Forum: Artworks)

Heutige TOP 10 Suchbegriffe:
Cro Wallpaper Cro Auto Comic Kluck Kluck Sclan Marlboro Hitman Signatur Gfx Sector Photoshop Tutorials Gfx Gfx Wallpaper One Piece Wallpaper

PNG-Bild : HTML, CSS (Permalink)

Sectorbereich

Forenbereich

Battlesection