Beiträge von stefan999

stefan999

Zitat von [sG|W00tkaeppi

]http://www.mysteam.de/4others/vorteile/

Einmal mit Angabe von -index und einmal sogar ohne.

Das ist nichts anderes als die Einbindung der Tabellen ins Boxen-Modell.

Kannst du eine Begründnug liebern, warum

Code

<body>
<table>
<tr><td>
Content
</td></tr>
</table>
</body>

logischer sein soll als

Code

<body>
<div>
Content
</div>
</body>

?

Stefan

stefan999

Entwicklungsumgebung: Lokaler Webserver mit Apache, PHP, MySQL
Zum Erstellen der Webseiten: Quanta Plus
Bildbearbeitung: GIMP
Testen: Firefox, Opera, Konqueror, IE unter VMware.

Stefan

stefan999

Zitat von [sG|W00tkaeppi

]Du hast viele Sätze verfasst, die überhaupt nicht den Tatsachen entsprechen. Mit Tabellen kannst Du genau die 'gleichen' Effekte - die Du ansprichst - umsetzen, wie mit einem Boxen-Layout (DIV, etc ...).

Bitte realisiere mal folgenden Effekt in Tabellen:

Code

<div style="position:absolute; margin-left:0px; margin-top:0px; height: 120px; width: 120px; z-index:3>
Content</div>
<div style="position:absolute; margin-left:100px; margin-top:100px; height: 120px; width: 120px; z-index: 2>
Content</div>

Der Effekt ist nun, dass die rechte, untere Ecke der ersten Box von der zweiten Box verdeckt wird. Ich könnte nun mittels eines Event-Handlers durch eine Interaktion des Users den z-index der oberen Box auf 1 setzen und dadurch die Box "nach oben" holen.

Viel Spaß bei der Implementierung mit Tabellen.

Zitat von '[sG|W00tkaeppi

"]Ich selbst habe eine Zeit lang mit Boxen gearbeitet und auch schon sehr große Projekte mit diesem System realisiert. Ich greife für mich jedoch auf die Tabelle zurück, da der Bau mit einer Tabelle für mich 'logischer' und nachvollziehbarer ist.[/code]

Das ist aber ein rein subjektives Empfinden. Mir erscheint es nicht logisch, da Tabellen einzubauen, wo eigentlich keine sind.

Z.B. weil der Code beim Boxenlayout besser wartbar ist.

Das ist aber aufwändiger, wie ich geschrieben habe.

[quote=[sG|W00tkaeppi]]
Das begründest Du mir bitte ausführlich. Dann hätten wir eine Grundlage für eine Diskussion geschaffen.

Alles anzeigen

Ganz einfach: Ich have folgenden Code:

Code

<body>
<div id="navigation">
[img]seite1.png[/img]
[img]seite2.png[/img]
[img]seite3.png[/img]
[img]seite4.png[/img]
</div>


<div id="content">
Blahblubber
</div>
</body>

Alles anzeigen

Nun möchte ich das Layout ändern, um z.B. die bisher rechts öiegende Navigation nach links legen oder nach oben, wobei dann die Grafiken nebeneinander liegen müssten. Die CSS-Änderug ist schnell gemacht, die Tabellen müsste ich aber auf jeder Seite einzeln ändern.

Stefan

stefan999

Mal so eine Frage am Rande:

Wenn ich mir so die Codebeispiele ansehe, die hier so diskutiert werden, dann muss ich feststellen, dass bisher kaum vom Boxen-Modell Gebrauch gemacht wird und CSS nur sehr rudimentär eingesetzt wird.

Mögliche Gründe sind:

Man hat es so gelernt und macht es weiterhin aus Gewohnheit
Die meisten WYSIWYG-Editoren erzeugen immer noch Tabellenlayout
Probleme veralteter Browser (z.B. IE5) mit dem Box-Modell. Da gibt es zwar Workarounds, aber die machen die CSS-Erstellung aufwändiger
Man legt wert auf Effekte, die sich nur mit Tabellen umsetzen lassen oder einfacher damit sind

Was sind eure Gründe?

Für das Box-Modell spricht folgendes:

Einfachere, logisch strukturierte und damit leister wartbare HTML-Dateien
Sehr viele Effekte (z.B. Überlagerung von Boxen), die sichmit Tabellen nicht realisieren lassen
Höhere flexibilität

Stefan

stefan999

Zitat von T0b3

Dann baut sich allerdings der Text anders auf..!

Code

<div style="margin-left:auto; margin-right:auto; width:500px;">
Hier dein Text</div>

Stefan

stefan999

Zitat von 6_freddy

naja, Pat hat nach 'ner Tabelle gefragt, da würde ich nix mit

-Tags machen. Sondern eben die Tabelle entsprechend formatieren.

In seinem Codeausschnitt hat er ein

-Tag benutzt. Aber wir wissen ja nicht, was er genau vor hat. Wenn es nur darum geht, einen Text auf eine breite von 500 px zu begrenzen, dann würde ich dafür keine Tabelle anlegen.

stefan999

Zitat von 6_freddy
Hi,
also die Tabellenbreite wird im table-Tag bestimmt.
Code
<table width="500">

Bei <table> geht das ja noch, aber

hat kein width-Attribut.

stefan999

Zitat von pat

sers!!

kann man eine tabelle so aufteilen, dass oben und unten zB grau die borderfabre is und links und rechts zB rot? wenn ja wie?

wenn das nich geht wie pack ich hier die rahmenweite (zB 500 px) rein?:

<p style="border-right-color:#000000;
border-right-style:solid; border-left-color:#000000; border-left-style:solid">

DANKE!!!!!!

Alles anzeigen

Für die Briete kannst du die CSS-Angabe width benutzen.

Code

<p style="border-right-color:#000000;
 border-right-style:solid; border-left-color:#000000; border-left-style:solid; width:500px;">

stefan999

Zitat von CarstenF

Wenn ich auf
http://www.carsten-fries.de/abteilung/cfsys/cfsys.extern/
dann verutscht Firefox meinen Newstext. Der iexplorer stellt meinen Newstext aber richtig dar.

Woran liegt das?

Weil der HTML-Code auf
http://www.carsten-fries.de/abteilung/cfsy…ys.ext/news.php
völlig durcheinander ist. Der muss wirklich gründlich überarbeitet werden. Am besten machst du diese Seite völlig neu, denn der Code ist völlis unübersichtlich. Da kann man kaum ins detail gehen.

stefan999

Zitat von Rocco

....und wie es das attribut bordercolor gibt:

http://de.selfhtml.org/html/tabellen/….htm#farbrahmen

Bei <table> ja, aber nicht bei <td>
http://de.selfhtml.org/html/referenz/attribute.htm#td

stefan999

Zitat von Rocco

nächster fehler: bordercolor="0" ??? 0 ist keine farbe
mfg

Doch, 0 ist schwarz.

Der Fehler ist einfach, dass es ein bordercolor-Attribut nicht gibt. Daher muss man die Rahmenfarbe über CSS setzen, also z.B:

Code

<td style="border-color:#000000;">

stefan999

Zitat von GreenRover

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var detect = navigator.userAgent.toLowerCase();
var OS,browser,total,thestring;
var version = 0;


if (checkIt('konqueror'))
{
	browser = "Konqueror";
	OS = "Linux";
}
else if (checkIt('safari'))  browser = "Safari"
else if (checkIt('omniweb')) browser = "OmniWeb"
else if (checkIt('opera'))   browser = "Opera"
else if (checkIt('webtv'))   browser = "WebTV";
else if (checkIt('icab'))    browser = "iCab"
else if (checkIt('msie'))    browser = "Internet Explorer"
else if (!checkIt('compatible'))
{
	browser = "Netscape Navigator"
	version = detect.charAt(8);
}
else browser = "An unknown browser";


if (!version) version = detect.charAt(place + thestring.length);


if (!OS)
{
	if (checkIt('linux')) OS = "Linux";
	else if (checkIt('x11')) OS = "Unix";
	else if (checkIt('mac')) OS = "Mac"
	else if (checkIt('win')) OS = "Windows"
	else OS = "an unknown operating system";
}


function checkIt(string)
{
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}


// -->


switch (browser)
 {
  case 'Internet Explorer':   document.write('<link href="IE.css" rel="stylesheet" type="text/css" />'); break;
  case 'Netscape Navigator':  document.write('<link href="NE.css" rel="stylesheet" type="text/css" />'); break;
  case 'Opera':               document.write('<link href="OP.css" rel="stylesheet" type="text/css" />'); break;
  default: 					document.write('<link href="default.css" rel="stylesheet" type="text/css" />'); 
 }


</SCRIPT>
</head>


<body>


<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
document.write('<p class="accent">You\'re using ' + browser + ' ' + version + ' on ' + OS + '!</p>');
alert(navigator.userAgent);
alert(navigator.appName);
alert(navigator.appVersion);
// -->
</SCRIPT>


</body>
</html>

Alles anzeigen

In dem Code sind einige Fehler drin. Insbesondere die Abfrage nach dem OS ist fehlerhaft, wird aber für die CSS-Auswahl auch nicht benötigt. Endscheideni ist folgender Fehler:

Während Mozilla-Browser völlig ignoriert werden, wird bei Netscape nicht nach Versionen unterschieden. Aner die CSS-Unterstützung unterscheidet sich zwischen NN4 und NN7 doch erheblich.

Hier mal eine verbesserte Version des Codes:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<link rel="stylesheet" type="text/css" href="minimal.css">




<script type="text/javascript">
if (document.layers)
{
  document.write '<link rel="stylesheet" type="text/css" href="nn4.css">';
}
</script>




<style type="text/css">
@media screen {
@import url("modern.css");
}
</style>




<!--[if ie 4]>
<link rel="stylesheet" type="text/css" href="ie4.css">
<![endif]-->


<!--[if gte ie 5]>
<link rel="stylesheet" type="text/css" href="ie5.css">
<![endif]-->
</head>
<body>.......</body></html>

Alles anzeigen

Man beachte, dass alle CSS-fähigen Browser "minimal.css" laden. NN4 lädt zusätzlich noch "nn4.css".

Der IE lädt dann drei Stylesheety, in "ie4.css" bzw. "ie5.css" muss alles überschrieben werden, was in "modern.css" definiert, aber inkompatibel zum Ie ist, z.B. Korrektur des Box-Model-Bugs.

stefan999

Zitat von GreenRover

ersetze mal deien index.htm mit folgenden code.

das ist dein kram ein wenig besser.:

das JS kann komplett raus, da es nicht benutzt wird.

stefan999

Zitat von Mülla

für das thumbnail/linktext

Code

<a href="javascript:;" onClick="JustSoPicWindow('http://www.url.de','890','590','::--::Klicken zum schließen::--::','#336699','hug image','0');return document.MM_returnValue">
Linktext</a>

Die Methode document.MM_returnValue gibt es nicht. Die müsstest du in deinem Skript schon definieren.

stefan999

Zitat von Wais

Machs doch einfach mit Frames....

Das geht nicht immer, Frames haben viele Nachteile, was den Bedienkomfort betrifft.

stefan999

Zitat von Batze

ich bin dabei eine Webseite zu erstellen, welche ohne Frames auskommen soll.

Nun habe ich einige Grfiken erstellt, die als Menü dienen sollen. Beim MouseOver erscheint dann unterhalb der Grafiken ein JS-Popup-Menü.

Soweit so gut.

Wie kann ich es auf einfache Weise lösen, das dieses gleiche Menü auf allen verlinkten HTML-Dokumenten an gleicher Stelle erscheint?

Unterstützt dein Webhoster SSI (Server Side Includes)?

stefan999

Zitat von Ronald

Und was nützt das, wenn nur "$_GET" nicht funktioniert, z.B. weil auf dem Server noch eine ältere Apache-Version installiert ist?

Dann muss die Apache-Version aber uralt sein. Bei so alten Versionen ist fragwürdig, ob dafür überhaupt noch Sicherheits-Patches zur Verfügung gestellt werden. Da sollte man upgraden bzw. den Hoster wechseln.

stefan999

Zitat von tunisie-online.net

Kann mit niemand helfen?

In dem gezeigten Code-Fragment ist das Script nirgendwo eingebunden, daher kann man nicht sagen, wo der Fehler liegt. Du musst schon deinen HTML-Code komplett posten.

stefan999

Zitat von BloodyIce

Also photoshop kostet "nur" 1200 € und keine 5000 !
Außerdem ist Photoshop um Welten besser!!

Aber nicht jeder hat 1200 Euro!

stefan999

Da sind drei Fehler drin, aber nur einer hat mit deinem Problem zu tun.

Am Anang fehlt ein DOCTYPE-Statement.

Zitat von Anonymous

HTML

<html>


<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

Hier wird eine Windows-interne Zeichentabelle verwendet. Dies könnte zu Darstellungsproblemen auf Nicht-Windows-Systemen führen. Ersetzt "windows-1252" durch "iso-8859-15".

Zitat von Anonymous

Code

<title>Neue Seite 1</title>
<link rel="stylesheet" type="text/css" href="file:///C:/Dokumente%20und%20Einstellungen/Ich/Desktop/Vorlagen/hp01/hp01z/format.css">

Hier ist schließlich dein Problem. Der hier genannte Link führt auf deine Festplatte, vom Internet aus ist da natürlich kein Zugriff möglich. Ändere das Statement so ab: (Vorausgesetzt, HTML- und CSS-Datei befinden sich im selben Verzeichnis)

Code

<link rel="stylesheet" type="text/css" href="format.css">

Zitat von Anonymous

Code

</head>


<body>


DAS FUNKTIONIERT EINFACH NICHT!!!!! EGAL WAS ICH DA MACHE!!!!! BITTE HELFT MIR


</body>


</html>

Alles anzeigen

Beiträge von stefan999

Warum werden noch so viele Tabellen benutzt?

was benutzt ihr?

Warum werden noch so viele Tabellen benutzt?

Warum werden noch so viele Tabellen benutzt?

hey wisst ihr wie man ein leerzeichen bei html macht ?

frage zu tabellenfarben -> aufteilung

frage zu tabellenfarben -> aufteilung

frage zu tabellenfarben -> aufteilung

iexplorer Page auf Firefox anpassen

iexplorer Page auf Firefox anpassen

iexplorer Page auf Firefox anpassen

jeder browser eine eigene css datei

Browser fehler??

Script: Popup dass sich bei jedem Klick schließt

Gleiches Menü auf mehreren HTML-Seiten?

Gleiches Menü auf mehreren HTML-Seiten?

GET ? automatisch setzen ?

Menu

Wie kriege ich es hin das schrift leucht

Hilfe beim Code