Hilfe bei Homepagegestaltung - Ein großes Bild

R

Robby1001

New member
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
 
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
 
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ß
 
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.

Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren

Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren

Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren


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

Das wäre so klasse!

Grüße
 
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?
 
Hey Danke!

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

Dieses
".examplediv"

ist anders oder wie?
 
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: 
<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.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Online-Statistiken

Zurzeit aktive Mitglieder
1
Zurzeit aktive Gäste
41
Besucher gesamt
42
Die Summen können auch versteckte Besucher enthalten.

Neueste Themen

Beliebte Forum-Themen

Zurück
Oben Unten