Probleme mit enterpage

inigirl · 19.04.2009

Hallo Leute,
Habe ein Problem mit meiner enterpage.
Ich möchte mein Bild welches ich 2 links mit hilfe von mapedit hinzugefügt habe, mittig zentrieren.
Und der hintergrund soll sich an die größe der auflösung anpassen (kein bild nur farbe).
Hab schon etwas versucht aber leider klappt es nicht. Seht mal selbst

Hier mal mein html code:

Code:

<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>||ENTER||www.UG-BOARD.x2.to||ENTER||</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
<!--
body {
    background-position:100px 50%;
    background-color: #33332f;
    background-repeat:no-repeat;
    
    
}
-->
</style></head>

<body>

<div>

<img src="testpage.png" alt="" usemap="#testpage" style="border-style:none" />

</div>

<div>
<map id="testpage" name="testpage">
<area shape="rect" alt="" coords="19,250,483,484" href="http://ug-board.bplaced.net/BOARD/" title="" />
<area shape="rect" alt="" coords="514,251,981,482" href="http://ug-board.bplaced.net/BOARD/viewforum.php?f=11" title="" />
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
</body>

</html>

www.UG-BOARD.x2.to

Danke. Lg Nadine

Doitsu · 20.04.2009

AW: Probleme mit enterpage

CSS:
body { text-align:center; }
?
Oder versteh ich jetzt irgendwas falsch?
Aber 2 fragen:
1. Warum machst du ein div auf, um eine map rein zu tun?
2. background-position:100px 50%; background-repeat:no-repeat;
Was richtest du aus, was soll sich nicht wiederholen? Die Hintergrundfarbe? Tut sie trotzdem. :eek:

inigirl · 20.04.2009

AW: Probleme mit enterpage

Das hat das Programm mapedit so gemacht. Ich hätte das doch so nie im leben hinbekommen. Ich möchte dass das bild testpage.png mittig und immer die größe behält sodass es nicht verzerrt. Wenn das bild für eine höhere auflösung zu klein ist soll um dem bild herum der weisse bereich mit der hintergrundfarbe gefüllt werden. Hoffe das ihr das so versteht wie ichs beschrieben hab. Danke schonmal

Matte · 20.04.2009

AW: Probleme mit enterpage

Kannst du nicht alles in eine 3-spaltige Tabelle packen, und diese dann zentrieren?

Etwa so:

Idee1:

<center>
<table>
<tr><td></td> <td width=500>**Seiten Inhalt(also alles nach <head>)**</td><td></td></tr>
</table>
</center>

In dem Fall wäre die mittlere Spalte 500 Pixel breit, den Wert kannst du ja dann deinem Bild anpassen.
Is nur ne Idee

Allerdings ist das - glaub ich - schlecht mit dem Map-Befehl wenn du das Bild zentrieren möchtest. Da die Punkte sich ja mit einer anderen Bildschirmauflösung verschieben. Also die Mitte von einem 20-22" Monitor liegt ja bei 825 Pixel in der breite. Bei einem 15-17" allerdings bei 512 Pixeln. Da müsstest du das schon linksbündig lassen. Dann passts auf jedem Monitor.

Idee2:

Alternativ könntest du das Bild mit ImageReady slicen und speichern. Die damit erstellten Daten lassen sich dann zentrieren.

Mann....., soviel geschrieben, und weiss garnicht, ob daß auf das zutrifft was du vorhast ^^

Trotzdem schöne Grüsse

Matte

Gruß

Matte

cebito · 20.04.2009

AW: Probleme mit enterpage

Vergiß die Tabelle von Matte...

Code:

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>||ENTER||www.UG-BOARD.x2.to||ENTER||</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body {
    background-color: #33332f;  
}
#container {
    margin:auto;
    padding:0;
    height:630px;
    width:1000px;
}
-->
</style>
</head>
<body>
<div id="container">
<map id="testpage" name="testpage">
    <area shape="rect" alt="" coords="19,250,483,484" href="http://ug-board.bplaced.net/BOARD/" title="" />
    <area shape="rect" alt="" coords="514,251,981,482" href="http://ug-board.bplaced.net/BOARD/viewforum.php?f=11" title="" />
    <area shape="default" nohref="nohref" alt="" />
    </map>
    <img src="testpage.png" alt="" usemap="#testpage" style="border-style:none" />
</div>
</body>
</html>

inigirl · 21.04.2009

AW: Probleme mit enterpage

Ein großes Danke an alle, für eure schnellen und ausführlichen antworten.
Hab es nun mittig.

Lg Nadine