amiga-news ENGLISH VERSION
.
Links| Forum| Kommentare| News melden
.
Chat| Umfragen| Newsticker| Archiv
.

amiga-news.de Forum > Programmierung > HTML Problem [ - Suche - Neue Beiträge - Registrieren - Login - ]

-1- [ - Beitrag schreiben - ]

20.05.2004, 12:28 Uhr

Hammer
Posts: 2899
Nutzer 		nachdem ich ja jetzt die Fehler auf dem Formular gefunden und ausgebessert habe, gibt es noch ein zweites kleines Problem mit der Seite.

Folgendes: Zwei Frames gibt es, oben schmall die Buttons, usw., darunter der Inhalt.
So der Head (Buttons) ist etwas kompliziert aufgebaut. Von Links kommt erst ein Piano, dann ein Bildbereich der sich je nach geklickten Button ändert und danach die Buttons. Und da liegt mein Problem, die gute Frau wollte einen Button mehr haben. Denn habe ich aber nur untergebarcht indem ich die Buttons schräg gestellt habe! Damit die Buttons immer dort bleiben wo sie sein sollen, mache ich das mit dem Div Tag. Geht auch, nur sollte der gesamte Head zentriert sein. Das geht so momentan nicht. Wie kann ich das lösen?
Eine Idee von mir war, den ganzen Head in einen Div zu packen und den zu zentrieren, ging aber noch nicht.

http://www.masha-dimitrieva.com/

zum anschauen mal. Wie Ihr seht ist der Head momentan linksbündig, damit die Buttons stehen bleiben! Ist zwar mit GoLive gemacht, aber diesesmal habe ich die Javascriptfunktionen per Hand selber geschrieben, GoLive macht das ja nicht so schön!
--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ - Antworten - Zitieren - Direktlink - ]
20.05.2004, 15:26 Uhr

Jinx
Posts: 2077
Nutzer 		da du die buttons absolut auf der seite positionierst, wird das kaum
gehen.ich versteh allerdings auch nicht ganz, warum du die buttons
unbedingt als eigene layer machen willst. bau die navigation oben in
eine tabelle, dann kannst du alles zentrieren und es wird auch in
größeren auflösungen zentriert bleiben. wenn du bei divs bleiben
willst, müsstest du einen weg finden, die x-position der einzelnen
buttons abhängig von der fenstergröße zu berechnen. denn von der
breite des fensters hängt ja ab, bei wievielen pixeln die mitte ist.
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de

[ - Antworten - Zitieren - Direktlink - ]
20.05.2004, 17:26 Uhr

Hammer
Posts: 2899
Nutzer 		Ja, das wäre auch noch eine Idee!
Ich kann Sie ja nicht in eine Tabelle legen, wäre mir ja am liebsten! Durch die Schrägstellung überlappen die etwas.
--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ - Antworten - Zitieren - Direktlink - ]
20.05.2004, 21:30 Uhr

Jinx
Posts: 2077
Nutzer 		das mit dem überlappen trifft aber nur auf die ersten beiden zu. die
sind aber eh etwas näher beisammen als die andern. schieb sie doch so,
dass sie nicht mehr überlappen, dann hast du immernoch genug platz,
denke ich.
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de

[ - Antworten - Zitieren - Direktlink - ]
21.05.2004, 08:54 Uhr

Hammer
Posts: 2899
Nutzer 		Die müßten alle den gleichen Abstand haben, die sind automatisch ausgerichtet mit GoLive! Ich werde es noch mal überprüfen. Danke!
--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ - Antworten - Zitieren - Direktlink - ]
21.05.2004, 13:05 Uhr

Hammer
Posts: 2899
Nutzer 		Also, ich habe mich durch gewühlt. Da geht nichts, und zwar liegt das an den Buttons mit dem Glüheffekt. Der braucht den Platz den ich sonst hätte. Ich habe es etwas breiter gemacht, aber das ist noch keine Lösung!

ich werde mal auf einer anderen Seite spicken, die ist nicht von mir. Der Vorgänger hat nur so Zeug gemacht, also eigentlich nicht richtig HTML gemacht. hatte nur so ein Sch. Programm das nur so Crippel Code erzeugt! :D
--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ - Antworten - Zitieren - Direktlink - ]
21.05.2004, 18:59 Uhr

Jinx
Posts: 2077
Nutzer 		noch ne idee... kann man per javascript den x-offset eines bildes bestimmen? falls ja, legst du die normal-bilder einfach nebeneinander ab, lässt dir vom script den x-offset des ersten bildes geben. dann legst du die rollover-bilder in layer, die versteckt sind. per onmouseover und onmouseout lässt du die layer dann anzeigen oder wieder verstecken. mit hilfe des offsets, kannst du dann die position der layer bestimmen.
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de

[ - Antworten - Zitieren - Direktlink - ]
22.05.2004, 09:56 Uhr

Hammer
Posts: 2899
Nutzer 		Es geht auch, das man den kompletten Head in einen Layer / Div oder was auch immer das war legt, und den dann einfach zentriert!

Ich Glaube auf http://www.landshut.info oder http://www.contra-reisen.com war das so aufgebaut? Muß mal gucken, es geht definitiv! :D

Ja, auf der Seite vom resiebüro ist es so gelöst, die eite wird aufgebaut, danach gecheckt ob die Seite mittig ist oder nicht.

function bms_position()
{
var lw=775;
if(navigator.appName=='Netscape')
{
var bw=window.innerWidth;
var ho=(bw-lw)/2;
if(ho>0)
{
document.layers['LayoutLYR'].left=ho;
}
document.layers['LayoutLYR'].visibility="visible"
}
else
{
var bw=document.body.offsetWidth-20;
var ho=(bw-lw)/2;
if(ho>0)
{
document.all.tags('DIV')['LayoutLYR'].style.left=ho;
}
document.all.tags('DIV')['LayoutLYR'].style.visibility="visible"
}
}

Diese JS Funktion zentriert alles!

--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ Dieser Beitrag wurde von Hammer am 22.05.2004 editiert. ]

[ - Antworten - Zitieren - Direktlink - ]
22.05.2004, 12:32 Uhr

Jinx
Posts: 2077
Nutzer 		aber nur auf netscape bzw mozilla. das wird per if zur bedingung
gemacht. ist also eher suboptimal. gute seiten sind imho so
geschrieben, dass sie auf möglichst vielen browsern richtig aussehn,
wenigstens auf den verbreitetsten.
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de

[ - Antworten - Zitieren - Direktlink - ]
22.05.2004, 18:16 Uhr

Hammer
Posts: 2899
Nutzer 		Nö, geht auch auf IE, die erste If Anwesiung fängt nur Netscape ab, danach geht es doch für den rest der Welt weiter. :-)

Ja, habe es zwar mal ausprobiert aber noch ohne Erfolg. Morgen habe ich mehr Zeit dafür, dann schaue ich mal wo mein fehler ist?
--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ - Antworten - Zitieren - Direktlink - ]
22.05.2004, 20:35 Uhr

Jinx
Posts: 2077
Nutzer 		hast recht, ich hab die else übersehn :)
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de

[ - Antworten - Zitieren - Direktlink - ]
23.05.2004, 11:52 Uhr

Holger
Posts: 8116
Nutzer
Zitat:
Original von Hammer:
Eine Idee von mir war, den ganzen Head in einen Div zu packen und den zu zentrieren, ging aber noch nicht.

http://www.masha-dimitrieva.com/

zum anschauen mal. Wie Ihr seht ist der Head momentan linksbündig, damit die Buttons stehen bleiben!
Eigentlich sollten die Positionen in css relativ zum umgebenden Container sein. Das scheint zumind. beim Explorer nicht richtig zu funktionieren, wenn der Container selbst nicht "absolut" positioniert wurde. Man kann sich behelfen, in dem man in die Tabellenzelle noch einen dummy-Container einfügt, der "absolut" positioniert ist.
Also
code:
<TD valign="top" align="left" height=100px>
<DIV id="dummy" style="position:absolute;height=90px;width=370px;">
<!-- hier kommen Deine Buttons, Positionsangaben sind relativ zum dummy container -->
</DIV>
</TD>
Mußt dann natürlich Deine Postionsabgaben um ca 400, 60 verringern.

Dann kannst Du Deine Tabelle inkl. Buttons beliebig verschieben und auch zentrieren. Die Methode, das Ganze in ein div zu packen, funktioniert damit.
Zitat:
Ist zwar mit GoLive gemacht, aber diesesmal habe ich die Javascriptfunktionen per Hand selber geschrieben, GoLive macht das ja nicht so schön!
...und stopft die Seite voll mit tags und Attributen, die es im Html-Standard nicht gibt. Wenn es dann immer noch nicht so aussieht, wie es soll, würde ich erstmal alles entfernen, das da nichts zu suchen hat. Das reduziert potentielle Fehlerquellen.

mfg
--
Good coders do not comment. What was hard to write should be hard to read too.

[ - Antworten - Zitieren - Direktlink - ]
23.05.2004, 18:12 Uhr

Hammer
Posts: 2899
Nutzer
Zitat:
Original von Holger:

Eigentlich sollten die Positionen in css relativ zum umgebenden Container sein. Das scheint zumind. beim Explorer nicht richtig zu funktionieren, wenn der Container selbst nicht "absolut" positioniert wurde. Man kann sich behelfen, in dem man in die Tabellenzelle noch einen dummy-Container einfügt, der "absolut" positioniert ist.

Dann kannst Du Deine Tabelle inkl. Buttons beliebig verschieben und auch zentrieren. Die Methode, das Ganze in ein div zu packen, funktioniert damit.

...und stopft die Seite voll mit tags und Attributen, die es im Html-Standard nicht gibt. Wenn es dann immer noch nicht so aussieht, wie es soll, würde ich erstmal alles entfernen, das da

Ach liegts nur daran, das ich noch die Positionierung angeben muß?

Ja, das mit den Javascripts zur Abwechslung mal selber zuschreiben, spart enorm Platz und Ladezeit. Ich mache das was GOlive in ca. 25 Zeilen macht, mit nur 3 Zeilen. :D
Und es funktioniert genauso!

--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ - Antworten - Zitieren - Direktlink - ]
06.06.2004, 19:15 Uhr

Hammer
Posts: 2899
Nutzer 		Man, stimmt ja wirklich!

Kam leider nicht eher dazu, hatte viel um die Ohren.
--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ - Antworten - Zitieren - Direktlink - ]

-1- [ - Beitrag schreiben - ]


amiga-news.de Forum > Programmierung > HTML Problem [ - Suche - Neue Beiträge - Registrieren - Login - ]


.
Impressum | Datenschutzerklärung | Netiquette | Werbung | Kontakt
Copyright © 1998-2024 by amiga-news.de - alle Rechte vorbehalten.
.