HTML Frage

PerfectChaos · 20. September 2006, 18:40

Hallo Leute,

habe eine Frage, ich mache die HP für die Band von meinen Freunden und mir. Bin auf ein problem gestossen:
Könnt Ihr den Abstand zwieschen der "navig" (die obere) Frame und der "mainframe" (die mittlere) entfährnen und den Abstand von der "mainframe" und den "copyright.PNG" Bild wegmachen? Also so, dass es keine Abstände gibt und alles Verbunden ist.

zfboard.alien-scripts.de/attachments/beispiel.PNG

Hier der Code:

Quellcode

....

Edit:
Neues Problem, wie ändere ich bei der Scrollleiste die Farben so, dass es so aussieht:
zfboard.alien-scripts.de/attachments/beispiel2.PNG

Christoph · 20. September 2006, 19:36

HTML-Quellcode

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<title>Peace and War</title>
</head>
<body background="http://peaceandwar.pe.funpic.de/bg1.PNG">
<div align="center">
<iframe src="http://peaceandwar.pe.funpic.de/seiten/navi.htm" width="810" height="230" frameborder="0" framespacing="0" name="navig" scrolling="no"></iframe>
<iframe src="http://peaceandwar.pe.funpic.de/newsscript/news/news.php" width="810" height="600" frameborder="0" framespacing="0" name="mainframe"></iframe>
<img src="http://peaceandwar.pe.funpic.de/copyright.PNG" />
</div>
</body>
</html>

Alles anzeigen

Getestet mit Mozilla Firefox 1.5.0.7, Opera 9.00 und Windows Internet Explorer 7.0.5346.5!
Ich hoffe das entspricht deinen Vorstellungen

consolero · 20. September 2006, 19:39

Original von PerfectChaos
Hier der Code:
<html>

<body background=http://peaceandwar.pe.funpic.de/bg1.PNG>

<p align="center"><iframe src="http://peaceandwar.pe.funpic.de/seiten/navi.htm" width="810" height="230" scrolling="auto" frameborder="0" framespacing="0"
name="navig"></iframe></p>

<br>

<p align="center"><iframe src="http://peaceandwar.pe.funpic.de/newsscript/news/news.php" width="810" height="600" scrolling="auto" frameborder="0" framespacing="0"
name="mainframe"></iframe></p>

<br>

<p align="center"><img src=
"http://peaceandwar.pe.funpic.de/copyright.PNG"></p>

<body background=http://peaceandwar.pe.funpic.de/bg1.PNG>
</html>

Wenns nich reicht, amchste halt noch ein paar mehr Zeilenumbrüche.

EDIT: Verdammt, da war wohl einer schneller. Wohl auch mit ner besseren Lösung.^^
EDIT²: Ich hab auch nur geschrieben wie die Abstände breiter werden :rolleyes:

Sorry.

PerfectChaos · 20. September 2006, 19:42

Danke!

Ich weiss, man merkt das ich ein HTML Looser bin ... :ugly:

Edit: Danke an beide

Edit²: Ich nehme das danke an consolero zurück.
Edit³: War nur ein Scherz XD

PerfectChaos · 21. September 2006, 13:45

Hi nochmal^^,

Neues Problem, wie ändere ich bei der Scrollleiste die Farben so, dass es so aussieht:
zfboard.alien-scripts.de/attachments/beispiel2.PNG

Proudgod · 21. September 2006, 13:53

geht das überhaupt? Ich würd m,al sagen das is doch designabhängig ...

//edit *schweig*

//edit Wer auch keine Ahnung hat sollte schweigen *vasy anglotz :P*

PerfectChaos · 21. September 2006, 14:08

Natürlich geht das, wie sonst wäre beim Feuertempel Style zb. eine rote Scroolbar?!

Vas-y · 21. September 2006, 14:20

@ Proudgod

Wenn man sich bei einer Sache absolut nicht sicher ist, dann sollte man lieber still schweigen.

<STYLE type=text/css>
BODY {
SCROLLBAR-ARROW-COLOR: #999999; SCROLLBAR-BASE-COLOR: #999999
}
</style>

Zum Beispiel :).

Christoph · 21. September 2006, 17:08

@Vas-y
Ich möchte bemerken dass das CSS-SCROLLBAR-Element nur in MSIE und Opera existiert!
Ferner gehört es in keinster Weise irgendeinem CSS-Standard an, somit hat Proudgod zumindest teilweise recht - einigt euch auf unentschieden

Garnul · 21. September 2006, 18:36

Also, ich hab mal die HEX Codes eingefügt, die du wolltest (also ich hoffe das passt), würde dann

so

aussehen.

CODE:

<STYLE TYPE="TEXT/CSS">

</STYLE>

Wie Christoph schon sagte, funktioniert leider nur im Crapexplorer von Mircrosoft und Opera, im Firefox gehts ledier nicht :mpf:

.

PerfectChaos · 21. September 2006, 18:41

Ich habe einen Vorgefertigten Code gefunden!

Quellcode

<STYLE>BODY {
scrollbar-face-color: red;
SCROLLBAR-TRACK-COLOR: blue;
scrollbar-arrow-color: black;
scrollbar-base-color: #ffff33;
scrollbar-shadow-color : #33cc99;
SCROLLBAR-3DLIGHT-COLOR: #ff33ff;
SCROLLBAR-DARKSHADOW-COLOR: #33ffff;
scrollbar-highlight-color: white;
} </STYLE>

Könnte einer die Farben so einstellen das es diese Farben hat:
zfboard.alien-scripts.de/attachments/beispiel2.PNG

Edit:
Oh, die Lösung kam schneller als erwartet *testengeh*

Squall · 21. September 2006, 18:42

Original von Garnul
Wie Christoph schon sagte, funktioniert leider nur im Crapexplorer von Mircrosoft und Opera, im Firefox gehts ledier nicht .

Sag bloß, du brauchst solche Spielereien. :x
Übrigens: xhtml-valide Dokumente sind lowercase.

PerfectChaos · 21. September 2006, 18:54

Original von Garnul
Also, ich hab mal die HEX Codes eingefügt, die du wolltest (also ich hoffe das passt), würde dann

so

aussehen.

CODE:

<STYLE TYPE="TEXT/CSS">

</STYLE>

Wie Christoph schon sagte, funktioniert leider nur im Crapexplorer von Mircrosoft und Opera, im Firefox gehts ledier nicht .

Hmmm...
KA wieso aber bei mir funktioniert der Code nicht, habe es mit AOL, IE und FireFox getestet.

Garnul · 21. September 2006, 19:16

@Squall: Nein, ich brauche sowas nicht, wäre aber eine weitere nette Gestaltungsmöglichkeit für Websites :). Aber ich selbst brauchs nicht.

@PrefectChaos: Hmm, also bei mir gehts, ich schau mal nach einer Alternative wenn ich Zeit hab.

EDIT: Hab grad gesehen, dass du eine Vorlage gepostet hast. Da diese bei dir anscheinend funktioniert hab ich die entsprechenden Hex-Codes einfach mal dahin übertragen:

<STYLE>BODY {
scrollbar-face-color: #666666;
SCROLLBAR-TRACK-COLOR: #000000;
scrollbar-arrow-color: #D00000;
scrollbar-base-color: #666666;
scrollbar-shadow-color : #666666;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
scrollbar-highlight-color: #ffffff;
} </STYLE>

Christoph · 21. September 2006, 19:32

Ich weiß das Problem - farbige Scrollbars werden, wann überhaupt, nur im Quirks-Modus angezeigt!
Du müsstest den DOCTYPE entfernen, den ich allerdings nicht ohne Grund hinzugefügt hatte!
Es liegt an dir ihn zu entfernen - nur hege ich einen Groll gegen dieses Scrollbar-Herumgepfusche, wer will schon eine hässlich eingefärbte Scrollbar wenn man so eine haben kann? (siehe Abb.)

[Blockierte Grafik: http://www.ksl.mediendesign.eduhi.at/2004/2004matscheko/sonstiges/mac_scrollbar.png]

PerfectChaos · 21. September 2006, 20:22

Ich mag hässliche Scroolbars oÔ
Danke an euch alle, es klappt

! (Es lag doch am DOCTYPE)
Peace & War is coming!

Retr0Virus · 22. September 2006, 23:17

Du solltest natürlich wissen, dass der Doctype dafür sorgt, dass deine Seite sich an bestimmte Regeln hält. Wenn du den Doctype entfernst, sorgst du nur dafür, dass bestimmte FEHLER ignoriert werden.
Mit anderen Worten: Du hast deine Seite optisch vielleicht verschönert, programmiertechnisch jedoch drastisch verschlechtert.
Wenn du nun noch mit einem HTML & CSS Validator prüfen würdest, hättest du zahlreiche Fehlermeldungen.
Ich an deiner Stelle würde probieren, HTML gleich RICHTIG zu lernen und nicht "herum zu pfuschen" wie es Christoph schon so schön gesagt hat.
Der Doctype gehört nunmal einfach zu einem HTML Dokument dazu. Und wenn man ihn dann auch nur entfernt, um "inoffiziellen" Code (Scrollbar Farben) ausführen zu lassen, dann kann ich nur mit dem Kopf schütteln.

HTML Frage

HTML Frage

Quellcode

HTML-Quellcode

RE: HTML Frage

Quellcode

Teilen