Gegen Bilderklau - Das Original | Homepagehilfe - Archiv | [HTML] Design zentrieren ohne Iframe

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Design zentrieren ohne Iframe

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

Druckvorschau | Thema zu Favoriten hinzufügen

Design zentrieren ohne Iframe

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Design zentrieren ohne Iframe

Zitatantwort auf diesen Beitrag erstellen

Hallo,
ich versuche jetzt schon länger, das Design meiner Homepage zu zentrieren, ohne das die frames verrutschen, aber bekomme es nicht hin. Wie es geht, mit Tabelle und Iframe oder so hab ich schon gesehen, aber das ist unpraktisch weil sich das iframe ja nicht automatisch verlängert, wenn das Design mal länger ist.
Aber es muss doch auch irgendwie ohne Iframe gehen, oder?
Lg Fallen_Angel

__________________

beEINGme

13.03.2009 14:45

Nehmen Sie -blue- in Ihre Freundesliste auf

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

hab ich mich mal wieder nicht verständlich ausgedrückt ^^
Also, ich will mein layout, design, wie auch immer, zentrieren, ohne dass die frames sich verschieben. weil wenn ich das mache, dann ist das design schon mittig, nur eben der text nicht, der ist da wo er vorher auch war

__________________

beEINGme

13.03.2009 20:58

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>espoir - Meine Fotoseite</title>
  <script type="text/javascript" src="js/prototype.js"></script>
  <script type="text/javascript"
 src="js/scriptaculous.js?load=effects,builder"></script>
  <script type="text/javascript" src="js/lightbox.js"></script>
  <link rel="stylesheet" href="css/lightbox.css"
 type="text/css" media="screen" />
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(http://espoir.es.funpic.de/back.jpg);"
 alink="#333333" link="#000000" vlink="#000000">
<br />
<br />
<img style="position: absolute; left: 0px; top: 0px;"
 src="http://espoir.es.funpic.de/design003__.jpg" border="0" />
<div
 style="position: absolute; left: 378px; top: 261px; width: 416px; font-family: Arial; font-style: italic;"><small>Welcome
=) <br />
testtesttesttesttest
<br />
<a href="http://espoir.es.funpic.de/aus1.jpg"
 rel="lightbox[start]">klick</a>
<a href="http://espoir.es.funpic.de/aus2.jpg"
 rel="lightbox[start]">hier</a>
</small></div>
</body>
</html>

__________________

beEINGme

14.03.2009 10:21

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

dankeschön *ganze keksschachtel rüberschieb*

edit: noch ne frage, wo kommt da jetzt das usemap="#name der imagemap" hin, wenn man ne imagemap haben will?

__________________

beEINGme

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von -blue-: 14.03.2009 22:29.

14.03.2009 21:17

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

*hochschubbs*

__________________

beEINGme

17.03.2009 16:33

victor victor ist männlich

schokisüchtig

Dabei seit: 02.03.2009
Beiträge: 83
Herkunft: Darmstadt

Einfach als Attribut in den img-Tag des Bilder, das du mappen willst. ^^

__________________
»Die Frage ist nicht 'Können sie denken?' oder 'Können sie reden?', sondern ‚Können sie leiden?'«
-- Jeremy Bentham

www.tirm.de <-- bei denen bin ich
www.teens4animals.de <-- und die sind auch nicht ganz schlecht großes Grinsen

17.03.2009 19:52

Nehmen Sie victor in Ihre Freundesliste auf

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

aber da ist ja jetzt keiner mehr, oder?

__________________

beEINGme

18.03.2009 13:30

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

Ich habs so:

code:

1:
2:
3:
4:

<div
 style="margin: auto; background: transparent url(http://espoir.es.funpic.de/espoir/Design-Home.jpg) no-repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; position: relative; width: 930px; height: 680px;"
 usemap="#imagemap">

Aber so klappts nicht unglücklich

__________________

beEINGme

22.03.2009 15:28

victor victor ist männlich

schokisüchtig

Dabei seit: 02.03.2009
Beiträge: 83
Herkunft: Darmstadt

Ah, sorry, hab nicht aufgepasst - du hast das gar nicht via img-Tag eingebunden. Das klappt nicht. Imagemaps funktionieren nicht mit CSS-Background-Images. Ich finde aber das Bild aus deinem letzten Codeschnipsel aber auch nicht in deinem Listing. Deshalb weiß ich nicht genau, was du vor hast und kann dir nicht viel raten Augenzwinkern

__________________
»Die Frage ist nicht 'Können sie denken?' oder 'Können sie reden?', sondern ‚Können sie leiden?'«
-- Jeremy Bentham

www.tirm.de <-- bei denen bin ich
www.teens4animals.de <-- und die sind auch nicht ganz schlecht großes Grinsen

24.03.2009 00:30

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

Zitat:

Original von victor
Ah, sorry, hab nicht aufgepasst - du hast das gar nicht via img-Tag eingebunden. Das klappt nicht. Imagemaps funktionieren nicht mit CSS-Background-Images. Ich finde aber das Bild aus deinem letzten Codeschnipsel aber auch nicht in deinem Listing. Deshalb weiß ich nicht genau, was du vor hast und kann dir nicht viel raten Augenzwinkern

mein Listing? kp was das ist ^^ aber egal .. gibts denn noch ne andere Möglichkeit, das Design zu zentrieren, ohne dass die Frames verrutschen und mit einer Imagemap?

__________________

beEINGme

24.03.2009 17:43

victor victor ist männlich

schokisüchtig

Dabei seit: 02.03.2009
Beiträge: 83
Herkunft: Darmstadt

Listing ist einfach nur der komplette Code, so in der Übersicht. Also das, was du vorher gepostet hast. ^^ Schreib einfach mal deine aktuelle Version...

PS: wie du zentrierst, hängt ja vor allem von deiner Positionierungsart ab. Also bei absoluter Positionierung geht das ganz anders als bei statischer. Stichwort wäre text-align: center im CSS.

__________________
»Die Frage ist nicht 'Können sie denken?' oder 'Können sie reden?', sondern ‚Können sie leiden?'«
-- Jeremy Bentham

www.tirm.de <-- bei denen bin ich
www.teens4animals.de <-- und die sind auch nicht ganz schlecht großes Grinsen

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von victor: 25.03.2009 23:36.

25.03.2009 23:32

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

Also erstmal, danke für eure Bemühungen, mir zu helfen.
Ich hab jetzt mal das eingefügt, was Mordred gesagt hat, aber so ist die Imagemap immer noch nicht da ...
also hier mal mein ganzer Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>espoir - Meine Fotoseite</title>
  <script type="text/javascript" src="js/prototype.js"></script>
  <script type="text/javascript"
 src="js/scriptaculous.js?load=effects,builder"></script>
  <script type="text/javascript" src="js/lightbox.js"></script>
  <link rel="stylesheet" href="css/lightbox.css"
 type="text/css" media="screen" />
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
 alink="#333333" link="#000000" vlink="#000000">
<div
 style="margin: auto; position: relative; width: 930px; height: 680px;">
<img src="http://espoir.es.funpic.de/espoir/Design-Home.jpg"
 usemape="#imagemap" />
<div
 style="font-family: Arial; font-style: italic; width: 448px; left: 321px; top: 178px; position: absolute;"><small>Welcome
=) <br />
testtesttesttesttest
<br />
<a href="http://espoir.es.funpic.de/espoir/aus1.jpg"
 rel="lightbox[start]">klick</a>
<a href="http://espoir.es.funpic.de/espoir/aus2.jpg"
 rel="lightbox[start]">hier</a>
</small></div>
</div>
<map name="imagemap">
<area shape="rect" coords="840,140,897,165"
 href="http://espoir.es.funpic.de" />
<area shape="rect" coords="832,189,897,212"
 href="http://espoir.es.funpic.de/espoir/galerie.html" />
</map>
</body>
</html>

__________________

beEINGme

26.03.2009 14:12

-blue- -blue- ist weiblich

ehemals Fallen_Angel_02

Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü

Themenstarter Thema begonnen von -blue-

aufräumen ... ähm, ja.

naja, jetzt funktionierts jedenfalls, vielen dank. da ist jetzt zwar so ein schwarzer rand um das bild, aber mit dem kann ich leben fröhlich

__________________

beEINGme

26.03.2009 16:39

Baumstruktur | Brettstruktur

Gehe zu:

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Design zentrieren ohne Iframe

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH