PCMasters Hardware Forum > Software > GFX, Webdesign und Programmierung > Seite 2 > Hilfe bei Homepagegestaltung - Ein großes Bild

Im PC Forum registrieren


Produktsuche
IDEALO-PRODUKT-SUCHE
idealo preisvergleich
PCM News & Reviews
Antwort
 
 
Alt 10.11.2011, 21:03
Threadersteller
Robby1001
 
Standard

Hilfe bei Homepagegestaltung - Ein großes Bild



Hey Leute,

was Pc´s angeht bin ich nicht auf den Kopf gefallen, aber bei der Gestaltung meiner HP bin ich echt an meine Grenzen gekommen. Ein bekannter hat mir beim Grundgerüst etwas nachgeholfen. Doch bei der positionierung meiner Bilder und des Textes komme ich nicht weiter. Ich bekomme es nicht hin, das alles an Ort und Stelle kommt. Da ist mir die Idee gekommen, alles in Gimp zu verbauen, und nur als Hintergrundbild einzufügen. Ist das möglich? Wie kann ich das Problem mit verschiedener Auflösungen der einzelnen Benutzer lösen?

Habt ihr Tipps für mich?

viele Grüße und ein Danke

Robert
Alt Heute
Hardware Bot
Computer Informationen
 
Diese Werbung wird registrierten
Mitgliedern nicht angezeigt.
Werden Sie noch heute kostenlos Mitglied
auf PCMasters.de
Standard Weitere Informationen

 
Alt 11.11.2011, 03:25
BitGNU
 
Standard

Hi,

eine Webseite ist kein Bild und eine solche mit einem Grafikbearbeitungsprogramm zu bauen der völlig falsche Ansatz. Das wird nicht funktionieren. Gimp sollte dir höchstens ein paar Grafiken liefern, ausdesignen macht man mit Cascading Style Sheets (CSS).

Am besten du lernst XHTML, CSS und versuchst es dann noch mal - ohne GIMP Grafiken.

Lg
 
Alt 13.11.2011, 18:30
Threadersteller
Robby1001
 
Standard

Hey,

ich glaube du verstehs tmich falsch. Alle verlinkungen und buttons für die seiten habe ich schon gemacht. Also die maske steht. Nur der Inhalt nicht. Also das rechts ein bild ist, und links text. Und das wollte ich in Gimp machen und einfügen.. weil ich das mit der positionierung auf biegen und brechen nciht schaffe..

Gruß
 
Alt 13.11.2011, 18:32
Benutzerbild von xXxJulianxXx
xXxJulianxXx
 
Standard

Kannst mir die Bilder schicken, ich bastel es dir zusammen...
 
Alt 17.11.2011, 17:03
Threadersteller
Robby1001
 
Standard

Hey,
sorry hatte so viel um die ohren, konnte mich nicht wirklich zu wort melden.

Das wäre echt klasse
Ich bräuchte auch nur einmal die struktur, dann würde ich das bestimmt irgendwie schaffen!

Das wäre mein Body

<body>
<div id="page">
<div class="balken"></div>
<div id="navigation">
<a href="home.html" class="nav"><img src="images/home.png" /></a>
<a href="about.html" class="nav"><img src="images/about.png" /></a>
<a href="shows.html" class="nav"><img src="images/shows.png" /></a>
<a href="pics.html" class="nav"><img src="images/pics.png" /></a>
<a href="music.html" class="nav"><img src="images/music.png" /></a>
<a href="merch.html" class="nav"><img src="images/merch.png" /></a>
<a href="contactbooking.html" class="nav"><img src="images/contact.png" /></a>
</div>
<div class="balken"></div>
<div id="contentbg2">
<div id="content2">
<!-- Hier deinen TEXT eingeben: -->


<!-- TEXT Ende -->
</div>
</div>
</div>
</body>

Da wo text steht müsste das ja dann irgendwie rein.

Bild 1 soll nach rechts, bild 2 sollte nach links/mittig, und bild 3 irgendwie nach oben über bild 2, aber du musst das Menu beachten was ca von oben 2-3 cm breit nach unten geht.

http://www.abload.de/img/77sdmr.jpg
]
]

Dann könnte ich mich für den rest daran orientieren.

Das wäre so klasse!

Grüße
 
Alt 20.11.2011, 13:13
Threadersteller
Robby1001
 
Standard

Okay, habs jetzt doch selber geschafft.

mit diesen Befehlen:

<div style="position:absolute; top:100px; left:40px">
<img src="image.png">
</div>

Doch bei verschiedenen Bildschrimgrößen verschiebt sich alles. Kann ich das irgendwie unterbinden? Habe schon von relativen positioniereungen gehört. Ist das das? Wenn ja wie geht das?
 
Alt 22.11.2011, 09:31
dfm666
 
Standard

Vielleicht hilft dir das weiter:

]
 
Alt 22.11.2011, 20:04
Threadersteller
Robby1001
 
Standard

Hey Danke!

Das ist ja ne absolute positionierung. Wo ist das genau der Unterschied?

Dieses
".examplediv"

ist anders oder wie?
 
Alt 22.11.2011, 22:36
pixelflat
 
Standard

Naja, wie der Name schon sagt: mit "absolute" gibst du die absolute Position an (Koordinaten) und mit "relative" die relative Position (Koordinaten-Veränderung).

Sprich, der Bezugspunkt ist anders. Bei absolute ist 0px/0px an der linken, oberen Ecke des Parent-Elements (im einfachsten Fall die Seite). Bei relative wäre 0px/0px genau da wo du das Element im HTML-Code hin geschrieben hast.

Wichtig bei absolute ist noch, dass du den "Bezugspunkt" verändern kannst. Das könnte dir zB bei deinem Problem helfen:

HTML-Code:
<div id="content2" style="position:relative">
<!-- Hier deinen TEXT eingeben: -->

<div style="position:absolute; top:100px; left:40px">
<img src="image.png">
</div>

<!-- TEXT Ende -->
</div>
Jetzt ist dein Bild absolute positioniert innerhalb von content2. Wenn du das Fenster kleiner ziehst, und content2 sich nach links bewegt, bewegt sich auch das Bild.

E: Btw, du musst für das Bild nicht extra ein DIV drum rum basteln. Du kannst das Bild selbst auch einfach absolut positionieren.
hardware forum Neue Frage stellen?
Kurze Zusammenfassung der Frage:
Bitte wählen Sie eine Kategorie:
Mailadresse:
Ihre Frage:
Ihre Frage wird als Gast gespeichert. Sollte eine Antwort im Forum erfolgen, bekommen Sie diese per Email zugeschickt.


Antispam, bitte die folgende Aufgabe lösen: 
 
Um auf dieses Thema zu ANTWORTEN
bitte sich zuerst » hier kostenlos registrieren!!

Antwort

Tags: , , , , ,

Ähnliche Tags: , , ,


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
HILFE , kein Bild nach zusammenbau von PC chabo Grafikkarten 5 31.12.2010 11:34
System erzeugt kein Bild!! Springt an, kein Piepen. HILFE Haadoken Mainboards 1 12.12.2010 15:12
Kein Bild beim Asus X56SN G4TL1NG Notebooks, Barebones und HTPCs 4 08.11.2010 12:08
Brauche Hilfe, Anzeigetreiberfehler; 6 fach Bild !!! kiyana Notebooks, Barebones und HTPCs 0 07.10.2010 18:41
Bild weg.. Grafikkarte defekt? Breakdown Grafikkarten 1 13.06.2009 08:23
Tft Monitor Problem - rosa Bild Gast12345 Monitore und PC-Peripherie 2 06.06.2009 20:23
Kein Bild Hilfe Santana Prozessoren 7 12.01.2009 19:29
Computer fährt ohne Bild hoch BraehlerM Hardware Allgemein 14 27.02.2008 19:56


Sie betrachten gerade: Hilfe bei Homepagegestaltung - Ein großes Bild


Alle Zeitangaben in WEZ +1. Es ist jetzt 10:07 Uhr.



Im PC Forum registrieren