Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

mauri2006 · 25-05-2010, 01:47

Hallo,

ich verzweifel hier noch >.< Ich hab mir eine Menü-Auswahl von
MyLife - Home Page gemopst (Oben die [ Languages... ])

Ich hab alles übernommen und in mein HTML-File eingebunden. Die Navigation selber liegt in einer Tabelle,
die Mittig ausgerichtet ist. (Ja Tabelle da ich nicht wusste, wie ich es sonst anders lösen soll/kann) Wenn
ich nun auf die Auswahl draufklicke, verschiebt sich die Tabelle (auf der Seite in Weiß) immer nach links.

Woran kann das denn liegen? :|

Zum Anschauen: DGDev - Home of the DGDev Forumnews-App

**thomas_E** · 25-05-2010, 02:23

ich muss dich leider enttäuschen, bei mir ist die Tabelle von anfang an links.

wenn du schon klaust, dann mach es richtig!
schau dir mal style.css?003 an. die Definition von .div-main-content
das sorgt in der originalseite dafür, dass der Inhalt mittig ist!

und google mal nach margin 0 auto

Nico1994 · 25-05-2010, 09:26

Zitat:

Zitat von mauri2006

Hallo,

ich verzweifel hier noch >.< Ich hab mir eine Menü-Auswahl von
MyLife - Home Page gemopst (Oben die [ Languages... ])

Ich hab alles übernommen und in mein HTML-File eingebunden. Die Navigation selber liegt in einer Tabelle,
die Mittig ausgerichtet ist. (Ja Tabelle da ich nicht wusste, wie ich es sonst anders lösen soll/kann) Wenn
ich nun auf die Auswahl draufklicke, verschiebt sich die Tabelle (auf der Seite in Weiß) immer nach links.

Woran kann das denn liegen? :|

Zum Anschauen: DGDev - Home of the DGDev Forumnews-App

Tabellen? Naja Heutzutage kann man das viel besser und schöner lösen!

Ich setzte meine Menüs immer in Divs, die werden absolut positioniert, die Divs befinden sich in einem div container, den ich mittig darstellem lass (der beinhaltet auch mein layout).

Zeig mal deinen code (Navigation + css eigenschaften) her ...

Nico1994 · 25-05-2010, 10:34

Hier ma n Beispiel:

HTML-Code:

<html>
<head>
<style type="text/css">

#contentcenter	{

	width: 980px;

	position: absolute;
	left: 50%;

	margin-left: -490px;
	top: 15px;
	height: 650px;
<!--
 A.menulink {
        display: block;
        width: 110px;
        text-align: left;
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        color: #535353;
        background-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-color: #535353;
 }

A.menulink:hover {
        border-style: solid;
        border-width: 1px;
        border-color: #C40001;
        color: #535353;
        background-color: #dddddd;
 }
 -->

</script>
<head>

<body style="background-image: url('HIER KANNST NE HINTERGRUNDGRAFIK REIN-zB: background.jpg'); background-repeat: repeat-x; ">

<div id="contentcenter" 

style="background-image: url('HIER_IS_PLATZ_FÜR_EIN_LAYOUT-zB: Layout.jpg'); background-repeat: no-repeat; text-align: left;">

<a href="#" class="menulink">&nbsp;Menülink 1</a>
  
<a href="#" class="menulink">&nbsp;Menülink 2</a>
  
<a href="#" class="menulink">&nbsp;Menülink 3</a>
  
<a href="#" class="menulink">&nbsp;Menülink 4</a>

</div>
</body>
 </html>

Jetzt kannst auch noch die a links in nen div setzen, sprich:

<div><a href="#" class="menulink"> Menülink 1</a></div>

Den div kannst wieder rum absolut positionieren und überall im contentcenter, wo du willst positionieren. Sei es Vertikal, Horizontal oder sonst wie

Grüße

mauri2006 · 25-05-2010, 14:23

Danke an euch erstmal

@Nico1994
Das hat geholfen, ich habs nun in ein DIV gepackt aber wie hefte ich dieses
DIV nun ganz oben an? (Wie halt die tabelle, die ich hatte auf meiner Seite)

Nico1994 · 25-05-2010, 16:45

naja als nächstes positionierst du sie absolut...

meines wissens nach geht das im expression web besonders leicht, da man in diesem html editor geteilte Ansicht hat. Kannst dann, sobald du den div absolut gegeben hast, mit der maus innerhalb des content center an die gewünschte Stelle plazieren....

so machst den div absolut:

HTML-Code:

<div style="position: absolute;"><a href="index.htm" class="menulink">Home</a></div>

Im Adobe Dreamweaver gibts glaub ich auch geteilte Ansicht, sprich halbes fenster Code, andre Hälfte Entwurf. Im Entwurf dann einfach den div anklicken und dort hinziehen wo er eben hin soll

grüße
Nico

mauri2006 · 25-05-2010, 19:04

Hey Nico,

na Hoppla

Da ging was schief, trotz position: absolute;
DGDev - Home of the DGDev Forumnews-App

Zudem: Ich glaube nicht, dass das mit dem Maus positionieren so eine gute Idee
ist. Zumal das mit dem Abstand oben dann in anderen Browsern anders aussieht,
oder lieg ich da falsch? o.ô

richtsteiger · 25-05-2010, 19:47

Ähm sorry, aber da hätte ich doch folgendes anzumerken:

Den <div align="center">-Kram braucht's nun wirklich nicht.
Den ganzen position:absolute brauchst auch nich und
was soll das eigentlich mit dem left:521px; des #contentcenter?

Wenn ich das richtig sehe, geht's doch gerade mal um einen zentrierten Inhalt,
oder? Mach doch mal folgendes:

HTML:

HTML-Code:

<body>
<div id="contentcenter">
  <div id="menuLanguagesMpElectronic">
    ..			
  </div>
</div>
</body>

und das wesentliche CSS dazu:

HTML-Code:

...
#contentcenter {
  background-color:#FFFFFF;
  height:43px;
  margin:0 auto;
  width:900px;
}
...

Und voila - ist dein Header in der Mitte.

Ciao
Ralf

PS:
Falls du ein paar Menüs brauchst oder ein wenig in den Aufbau reinschnuppern
willst, solltest du mal bei CSSplay vorbei schauen.

mauri2006 · 25-05-2010, 20:14

Dankeschön

Das klappte nun.

Ja, ich weiß. ich pack eigentlich immer überflüssigen Code rein, obwohl man
solche Sachen eleganter lösen kann (so wie deine Lösung).

Nico1994 · 26-05-2010, 12:04

Zitat:

Zitat von richtsteiger

Ähm sorry, aber da hätte ich doch folgendes anzumerken:

Den <div align="center">-Kram braucht's nun wirklich nicht.
Den ganzen position:absolute brauchst auch nich und
was soll das eigentlich mit dem left:521px; des #contentcenter?

Wenn ich das richtig sehe, geht's doch gerade mal um einen zentrierten Inhalt,
oder? Mach doch mal folgendes:

HTML:

HTML-Code:

<body>
<div id="contentcenter">
  <div id="menuLanguagesMpElectronic">
    ..			
  </div>
</div>
</body>

und das wesentliche CSS dazu:

HTML-Code:

...
#contentcenter {
  background-color:#FFFFFF;
  height:43px;
  margin:0 auto;
  width:900px;
}
...

Und voila - ist dein Header in der Mitte.

Ciao
Ralf

PS:
Falls du ein paar Menüs brauchst oder ein wenig in den Aufbau reinschnuppern
willst, solltest du mal bei CSSplay vorbei schauen.

Dann verwendet er ja da erst Tabellen!? Wozu diesen alten Kram noch verwenden, geht doch heuzutage mit andren Mitteln viel leichter!

25-05-2010, 01:47	#1 (permalink)
mauri2006 Flasher Registriert seit: Oct 2007 Ort: Niedersachsen Beiträge: 502	Tabelle verschiebt sich nach links beim anklicken einer Menü-Auswahl? Hallo, ich verzweifel hier noch >.< Ich hab mir eine Menü-Auswahl von MyLife - Home Page gemopst (Oben die [ Languages... ]) Ich hab alles übernommen und in mein HTML-File eingebunden. Die Navigation selber liegt in einer Tabelle, die Mittig ausgerichtet ist. (Ja Tabelle da ich nicht wusste, wie ich es sonst anders lösen soll/kann) Wenn ich nun auf die Auswahl draufklicke, verschiebt sich die Tabelle (auf der Seite in Weiß) immer nach links. Woran kann das denn liegen? :\| Zum Anschauen: DGDev - Home of the DGDev Forumnews-App __________________ Nützliches: Javascript-Detection \| Flash-Detection \| Java-Detection Allgemein: Meine Webseite \| Meine Fotogallerie (Auf's Eis gelegt) RIP agedoubleju Geändert von mauri2006 (25-05-2010 um 01:49 Uhr)

25-05-2010, 02:23	#2 (permalink)
thomas_E Keine Panik Registriert seit: Apr 2010 Ort: Düsseldorf (im ernst) Beiträge: 1.868	ich muss dich leider enttäuschen, bei mir ist die Tabelle von anfang an links. wenn du schon klaust, dann mach es richtig! schau dir mal style.css?003 an. die Definition von .div-main-content das sorgt in der originalseite dafür, dass der Inhalt mittig ist! und google mal nach margin 0 auto __________________ greetz Thomas plz RTFM & Coding Conventions

25-05-2010, 14:23	#5 (permalink)
mauri2006 Flasher Registriert seit: Oct 2007 Ort: Niedersachsen Beiträge: 502	Danke an euch erstmal @Nico1994 Das hat geholfen, ich habs nun in ein DIV gepackt aber wie hefte ich dieses DIV nun ganz oben an? (Wie halt die tabelle, die ich hatte auf meiner Seite) __________________ Nützliches: Javascript-Detection \| Flash-Detection \| Java-Detection Allgemein: Meine Webseite \| Meine Fotogallerie (Auf's Eis gelegt) RIP agedoubleju

25-05-2010, 16:45	#6 (permalink)
Nico1994 Neuer User Registriert seit: May 2010 Beiträge: 65	naja als nächstes positionierst du sie absolut... meines wissens nach geht das im expression web besonders leicht, da man in diesem html editor geteilte Ansicht hat. Kannst dann, sobald du den div absolut gegeben hast, mit der maus innerhalb des content center an die gewünschte Stelle plazieren.... so machst den div absolut: HTML-Code: <div style="position: absolute;"><a href="index.htm" class="menulink">Home</a></div> Im Adobe Dreamweaver gibts glaub ich auch geteilte Ansicht, sprich halbes fenster Code, andre Hälfte Entwurf. Im Entwurf dann einfach den div anklicken und dort hinziehen wo er eben hin soll grüße Nico

25-05-2010, 19:04	#7 (permalink)
mauri2006 Flasher Registriert seit: Oct 2007 Ort: Niedersachsen Beiträge: 502	Hey Nico, na Hoppla Da ging was schief, trotz position: absolute; DGDev - Home of the DGDev Forumnews-App Zudem: Ich glaube nicht, dass das mit dem Maus positionieren so eine gute Idee ist. Zumal das mit dem Abstand oben dann in anderen Browsern anders aussieht, oder lieg ich da falsch? o.ô __________________ Nützliches: Javascript-Detection \| Flash-Detection \| Java-Detection Allgemein: Meine Webseite \| Meine Fotogallerie (Auf's Eis gelegt) RIP agedoubleju

25-05-2010, 19:47	#8 (permalink)
richtsteiger nobody is perfect Registriert seit: Jul 2004 Ort: munich Beiträge: 876	Ähm sorry, aber da hätte ich doch folgendes anzumerken: Den <div align="center">-Kram braucht's nun wirklich nicht. Den ganzen position:absolute brauchst auch nich und was soll das eigentlich mit dem left:521px; des #contentcenter? Wenn ich das richtig sehe, geht's doch gerade mal um einen zentrierten Inhalt, oder? Mach doch mal folgendes: HTML: HTML-Code: <body> <div id="contentcenter"> <div id="menuLanguagesMpElectronic"> .. </div> </div> </body> und das wesentliche CSS dazu: HTML-Code: ... #contentcenter { background-color:#FFFFFF; height:43px; margin:0 auto; width:900px; } ... Und voila - ist dein Header in der Mitte. Ciao Ralf PS: Falls du ein paar Menüs brauchst oder ein wenig in den Aufbau reinschnuppern willst, solltest du mal bei CSSplay vorbei schauen. __________________ XING

25-05-2010, 20:14	#9 (permalink)
mauri2006 Flasher Registriert seit: Oct 2007 Ort: Niedersachsen Beiträge: 502	Dankeschön Das klappte nun. Ja, ich weiß. ich pack eigentlich immer überflüssigen Code rein, obwohl man solche Sachen eleganter lösen kann (so wie deine Lösung). __________________ Nützliches: Javascript-Detection \| Flash-Detection \| Java-Detection Allgemein: Meine Webseite \| Meine Fotogallerie (Auf's Eis gelegt) RIP agedoubleju

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Button anklicken - Menü öffnet sich	DonHugo0	Flash 8	2	20-05-2008 10:32
Dropdown Menü autom. sofort nach anderer Auswahl umstellen???	tomtom69	Web-Editoren	1	04-04-2006 10:32
div-border verschiebt sich nach float ...	Dennis	HTML und CSS	6	20-08-2005 13:36
Tabelle hüpft in Firefox kurz nach links	_xmouse	HTML und CSS	17	19-04-2005 15:04
mein mx2004 verschiebt beim exportieren die Bühne nach unten...	jackie_o	Flash MX 2004	0	06-07-2004 17:32