Probleme beim zentrieren der grafiken

Faneramx

Faneramx

Aktives Mitglied
Thread Starter
Dabei seit
07.09.2006
Beiträge
417
Reaktionspunkte
29
Hallo,

ich bin Icon designer und möchte mein service im internet anbieten. Ich habe meine website auch mit adobe golive fertig gebaut. Mein problem ist jetzt, wenn ich die seite hoch lade, dann werden die ganzen grafiken nicht am browser angepasst. Das heisst das die grafiken nicht an der grösse des browser zentriert werden.

Gibt es eine möglichkeit da was zu machen ohne das ich alles neu machen muss?

meine url ist www.studiomx.eu
schon da könnt ihr sehn das mein soon ball nicht in der mitte ist.

mfg
 
Das kannst Du elegant mit CSS lösen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="language" content="de" />
<title> </title>

<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
background-image: url(http://www.studiomx.eu/hintergrund.png);
background-repeat:repeat-x;
}

#inhalt {
position: absolute;
left: 50%;
top: 50%;
width: 600px;
height: 500px;
z-index: 1;
margin-top: -250px;
margin-left: -300px;
}
-->
</style>
</head>


<body>

<div id="inhalt">
<div align="center"><img src="http://www.studiomx.eu/soooonpsd.png" alt="" width="289" height="289" border="0" /></div>
</div>

</body>

</html>
Zum Vergrößern anklicken....



Und wegen dem Markup, das GoLive erzeugt hat: Das sieht ehrlich gesagt grauenhaft aus. Kann natürlich daran liegen, dass Du das Tool nicht so gut kennst?

2nd
 
Zuletzt bearbeitet von einem Moderator:
Coole Sache - hab' selbst noch keinen wirklichen css-Plan und will mich gerade erst ranwagen.

Frage.
Lässt es sich verhindern, das man das Logo links/oben rausschieben kann, wenn man die Seite verkleinert. Also quasi als minimale Fenstergröße das in die linke obere Ecke verschobene Logo zulässt?

Viele Grüße,
Marcus
 
ne ich benutze es erst seit 1ner woche. vom codieren habe ich auch überhaupt keine ahnung.

ich versuche mal den css code zu studieren.
danke sehr

ist es möglich diese code auch für meine fertige website zu verwenden?
 
Zuletzt bearbeitet:
man ich bin echt verzweifelt es kann doch nicht sein das 4 tage arbeit an css scheitern!
 
ist doch ganz einfach, die vorgehensweise.

das bild in einen layer packen.
diesem layer einen style geben.
breite = breite des bildes, höhe=höhe des bildes.
nachdem ein layer aber an der links-oberen kante positioniert wird, muss man einen trick verwenden.
du sagst dem layer, er soll sich in der mitte positionieren (50%).
da dann aber die links-obere kante in der mitte ist, und nicht das bild, musste das ding wieder um die hälfte der breite und höhe verrücken. das machste mit margin-top und margin-left.

#inhalt {
position: absolute;
left: 50%;
top: 50%;
width: 600px;
height: 500px;
z-index: 1;
margin-top: -250px;
margin-left: -300px;
}
Zum Vergrößern anklicken....

ach ja, im WYSIWIG modus deines editors sieht's warscheinlich grauslich aus, wegen den margins.
ignorieren und im code arbeiten.
 
ok werde ich versuchen danke!
 
ich habe es versucht komme aber nicht klar damit.
Wie macht man es denn wenn man keine ahnung von css hat und es nur mit html macht? Oder geht es nur mit css?!
 
…also entweder hast Du es geschafft oder ich bin blöd.
Jetzt, 20:30h, ist das eine Bildchen zentriert.
 
Jo, dank copy und paste :)

Du musst noch einen Titel für die Seite angeben:

<title> </title>
Zum Vergrößern anklicken....

Das habe ich vorhin nicht gemacht. Und ausserdem solltest Du die absoluten Verweise auf die Grafiken rausnehmen und relativ verlinken. Es bietet sich an, Bilder in einem extra Verzeichnis auf dem Webserver abzulegen.

2nd
 
Faneramx schrieb:
ich habe es versucht komme aber nicht klar damit.
Wie macht man es denn wenn man keine ahnung von css hat und es nur mit html macht? Oder geht es nur mit css?!
Zum Vergrößern anklicken....

Da könntest Du einfach eine Tabelle nehmen, eine Zelle, zentriert, Inhalt Bild mittig schon passt es - aber das ist halt kein css ;)
 
falkgottschalk schrieb:
…also entweder hast Du es geschafft oder ich bin blöd.
Jetzt, 20:30h, ist das eine Bildchen zentriert.
Zum Vergrößern anklicken....

Das bildchen (Soon) sollte nur als beispiel dienen. Ich habe eine komplette website fertig auf meinem rechner und noch nicht hochgeladen.
Jetzt möchte ich css in meine website integrieren.

Ich habe es auch mit css tabellen probiert, aber das geht auch nicht.
Ich werde wohl noch etwas drann sitzten müssen :heul:
 
Ok ich habe das problem gelöst. habe mir glassroom in a book für golive cs2 gekauft.

Ich habe kein css gitter am anfang erstellt. das war das problem an der ganzen sache.
vielen dank an alle für die hilfe
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten