Coding Kritiken und Anregungen bitte!

keine tabellen? so rein garnicht oder wie?

da hab ich dann wohl auch was verpennt :)

oder meinste das jetz mit den ganzen ausrichtungen, für center und alles?
das mach ich alles mitlerweile mit CSS.....
würd mich mal interessieren

wenn ich jetz nen kleinen Button habe und daneben soll der text sein, is der text ja nicht so auf mittiger höhe vom bild

Code:
|---------|
| BILD |
|---------| text

geht das dann ohne tabelle auf so?

Code:
|---------|
| BILD | text
|---------|

würde mich jetz echt mal interessieren, wenn das dann mit div oder so geht, dann muss ich echt nochmal nen bischen was nachlesen
 

LordSavage

Revenant
Originally posted by der Provokant@27.08.05, 13:00
Glückwunsch, dann gehörst du, sorry, zu den Pfuschern.
Nein, gehöre ich nicht. Sitze in der Grafikabteilung mit der Programmierung hab ich nix am Hut :P.
 

LordSavage

Revenant
Originally posted by der Provokant@27.08.05, 03:13
Dir fehlen wichtige Attribute wie z.B. alt="text" im <img> Tag.
Das werde ich nie einbauen, da es mir tierisch auf den Geist geht, dass der Text erscheint sobald man die Maus über das Bild bewegt.

Edit: Sorry 4 doublepost.

Kennst du ne Seite außer selfhtml, wo man was über divs lernen kann? Auf deutsch wenn möglich.

Edit2: Habe hier noch einen sehr schönen Artikel gefunden: http://yatil.de/Webentwicklung/der-div-wahnsinn
 

Adan0s

Administrator
Staff member
musst keinen text dazwischen knallen, alt="" reicht auch ;)

btw, bis auf den code ne sehr schöne page, weiter so :)
 

McGunn0r

Chthon
Die Ladezeit ließe sich dramatisch reduzieren, wenn man CSS anstatt den fetten Tabellen benutzen würde. Ich hab keine Lust wieder das Rechenexampel auszugraben, frag McGunnor nach dem Thread wo er eine Kritik von mir erhalten hat.

HALT STOP..... :eek:

Ich nix Kritik von dir, ich gesagt haben: Endlich denkt mal jemand an uns ISDN'ler...

OMG; was schreib ich für shit...

Nun hab ich mir diese seite mal angewschaut, um festzustellen: Gefällt mir nicht, ka warum...

MFG Gun
 

Burzum

Fiend
Originally posted by LordSavage+27.08.05, 13:01--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE (LordSavage @ 27.08.05, 13:01)</td></tr><tr><td id='QUOTE'> <!--QuoteBegin-der Provokant@27.08.05, 13:00
Glückwunsch, dann gehörst du, sorry, zu den Pfuschern.
Nein, gehöre ich nicht. Sitze in der Grafikabteilung mit der Programmierung hab ich nix am Hut :P.

[/b][/quote]
Ok, was schreibst du dann (schlechtes) HTML? Mach deine Grafiken und lass die Leute die es können HTML schreiben. Du kannst gern die Kritik an die Leute weiterreichen die den HTML-Code verbrochen haben.

Das hier, was du ausgegraben hast, wäre dann der nächste Schritt.
http://yatil.de/Webentwicklung/der-div-wahnsinn

Benutze ich selber aber noch nicht da einige (HALLO M$!) Browser u.a. Probleme damit kriegen können.

Ich glaube mich erinnern zu können, dass ich mal p:first-child oder so was definiert hatte. Das ging z.B. im IE nicht korrekt, ließe sich aber anders Lösen über irgendeinen Workaround. Der IE ist halt ein Krüppel. Die Arbeit könnte so viel Spaß machen ohne das Ding. ;(

@Manhunter
http://www.w3schools.com/tags/tag_img.asp
Das Attribut "align" mal genauer anschauen.

Wenn unter dem Text Platz sein soll mach halt 2 Divs nebeneinander, das geht mittels float:left; und right, je nach gewünschter Seite.

Falls du es nicht hinkriegst google bitte erst, dann frag mich wenns nicht klappen sollte via PM oder Email. Oder im IRC Quakenet #css -> burzum anlabern.

@LordSavage
http://www.css4you.de (deutsch)
http://www.w3schools.com (englisch)

Gute CSS-Beispiele findest du hier:
http://www.csszengarden.com/

@McGunn0r
Sorry, hab dich mit Manhunter verwechselt, fängt beides mit M an ;).

@Ramius
Danke für den Link!
 

Adan0s

Administrator
Staff member
du hast des charset noch nicht fest definiert :)

ersetz den bisherigen header

Code:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <title>masse-design.com/user</title>
 <link rel="stylesheet" type="text/css" href="css.css">
 </head>

mit dem hier:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 <title>masse-design.com/user</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
 

Grey

B.J. Blazkowicz
hm naja


+ kein standard design, wenn du das weiter ausbaust (s. folgende kritiken) find ich das garnicht mal so schlecht.

- content: gibs nicht, überall 404 und db fehler
- optisch: mehr als mau, einfach nur einen filter über irgendwelche bilder geklatscht ... nene, das macht keine freude sowas anzuschauen (wobei die 3 mikriegen vorschau bilder ansich auf mehr hoffnung machen, und den anschein erwecken dass du auch noch mehr drauf hast)

- daraus resultierend: sinnlos.


mach die doch erstmal fertig (ok, für den code sicher gut dass du mal nachgefragt hast) und stell die dann mit anständig content online, so dass man auch den sinn dahinter erkennt. ATM gibt es da nicht besonders viel zu beurteilen.

:)
 

sinot

Revenant
Originally posted by R4miu5@26.08.05, 13:40
Hatte sich auf beide bezogen, aber jetzt laed er schneller, lag vlt. an meinem pc. Ich sehe grade dass du frames verwendest. das ist nicht gut...

*edit* und bei link 1 unter links :gaga: kommt das
Code:
Warning: main(content/links.txt): failed to open stream: No such file or directory in /Platz/www/docs/user/saatkamp/home.php on line 55

Warning: main(content/links.txt): failed to open stream: No such file or directory in /Platz/www/docs/user/saatkamp/home.php on line 55

Warning: main(): Failed opening 'content/links.txt' for inclusion (include_path='.:/usr/share/php') in /Platz/www/docs/user/saatkamp/home.php on line 55
aber hast ja selbst gesagt, dass es noch "development" ist, aber du solltest versuchen, das ganze ohne frames zu realisieren
ja in der tat arbeite mich selbst in html usw ein und frames sind immer so ne sache ich würde mit css eine fixe box machen und es umschmücken statt frames. frames sind (zumindest für mich war es bzw ist momentan noch so) der einfachere weg etwas zustande zu bringen wie man es will aber die probleme kommen hinterher.

tabellen kann man von mir au sbenutzen ist vollkommen ok. viele meinen immer css..css aber es gibt von allem nur paar gute dinge die man kombinieren sollte und layout mit tabellen halte ich für den einfachsten und unproblematischsten wegkombiniert mit css.

zur seite sieht doch gut aus.

mfg sinot
 

Burzum

Fiend
Originally posted by sinot+26.01.06, 15:08--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE (sinot @ 26.01.06, 15:08)</td></tr><tr><td id='QUOTE'> <!--QuoteBegin-R4miu5@26.08.05, 13:40
Hatte sich auf beide bezogen, aber jetzt laed er schneller, lag vlt. an meinem pc. Ich sehe grade dass du frames verwendest. das ist nicht gut...

*edit* und bei link 1 unter links :gaga: kommt das
Code:
Warning: main(content/links.txt): failed to open stream: No such file or directory in /Platz/www/docs/user/saatkamp/home.php on line 55

Warning: main(content/links.txt): failed to open stream: No such file or directory in /Platz/www/docs/user/saatkamp/home.php on line 55

Warning: main(): Failed opening 'content/links.txt' for inclusion (include_path='.:/usr/share/php') in /Platz/www/docs/user/saatkamp/home.php on line 55
aber hast ja selbst gesagt, dass es noch "development" ist, aber du solltest versuchen, das ganze ohne frames zu realisieren
ja in der tat arbeite mich selbst in html usw ein und frames sind immer so ne sache ich würde mit css eine fixe box machen und es umschmücken statt frames. frames sind (zumindest für mich war es bzw ist momentan noch so) der einfachere weg etwas zustande zu bringen wie man es will aber die probleme kommen hinterher.

tabellen kann man von mir au sbenutzen ist vollkommen ok. viele meinen immer css..css aber es gibt von allem nur paar gute dinge die man kombinieren sollte und layout mit tabellen halte ich für den einfachsten und unproblematischsten wegkombiniert mit css.

zur seite sieht doch gut aus.

mfg sinot [/b][/quote]
Code:
<?
include('html/header.html');
if(!isset($_GET['page']))
{
  $_GET['page'] = 'start';
}
include('html/'.$_GET['page'].'html')
include('html/footer.html');
?>

Das ersetzt ein Frame einwandfrei von der Funktion her, außer man will die Scrollbar haben. Selbst wenn man die haben will, kann man die auch in einem div + CSS realisieren und das ohne die üblichen Framebugs. Für die php-Kenner: Jaja, ich weiß, man kann noch prüfen ob die Datei existiert usw..., sollt nur ein Bsp. sein!

Tabellen haben nichts im Design verloren. Das erschwert u.a. den ordentlichen Druck. Beispiel: Links Menü, rechts Content in 2 Tabellenfeldern. Will ich das Ganze drucken habe ich links einen riesen Abstand von dem Menufeld weil ich ein einzelnes Feld nicht ausblenden kann, nur den Content darinnen wenn er in einem Div steckt.

http://www.hastings1066.de schau dir das mal in der Druckvorschau an, das geht rein über eine CSS-Datei die für den Druck da ist. Komplett ohne php oder js-Shit. media="print", thats all.

Die anderen Nachteile von den Tabellen habe ich u.a. rechnerisch schon vorher in diesem Thread eingebracht. Tabellen haben keine Vorteile gegenüber einem ORDENTLICHEN CSS-Layout außer das sie eben für tabellarische Darstellungen gut sind.

Bestenfalls ein Hybriddesign würde ich mit Tabellen durchgehen lassen, wo die Tabelle dazu da ist, die Seite auch mit älteren Browsern noch korrekt bzw. lesbar darzustellen.

Aber nun gut, auf das Level bzw. diese Einsicht muß man auch erstmal kommen und wird man auch nur kommen wenn man wirklich damit arbeitet. Vom labern und nicht machen wird das nix.

Falls dich die Thematik WIRKLICH interessiert und du bereit bis dazu zu lernen lies dieses Buch:
http://www.amazon.de/exec/obidos/ASIN/0735...d=1TWT1PMMM2UGV

Das gibts auch bei Emule als Ebook. ;) Habs selbst nur daher, da ich auf die neue Ausgabe warte. Die alte ist von 2003.
 

sinot

Revenant
aha ok danke für den tipp und das mit dem druck wie soll man drauf kommen nicht schlecht was man auf alles achten muss, hast du zufällig einen link der das aufgreift?

muss halt noch üben, mein Problem momentan aufgrund meines wissenstandes. wie mache ich eine seite wo der banner oben bleibt, sowie das linke menü und das ich dann eine praktisch in der mitte den wechselnden inhalt haben. Mit css habe ich zwar einige gute möglichkeiten aber irgendwo fehlt halt immer was .

Naja werde die seite jetzt zum dritten mal umstellen. DIe erste habe ich mit tabellen gemacht (sah sch.. aus). Beim zweiten mal habe ich frames benutzt (entstehen viel zuviele extradateien und probleme) kombiniert mit tabelen und css. Da hat mein Kopf schon geraucht.

Naja will jetzt ohne frames und zum größten teil mit css alles machen. Aber mal ne frage nebenbei iframes kann man doch bedenkenlos nutzen oder zeichnen sich da auch schwierigkeiten ab?

mfg sinot
 

Burzum

Fiend
http://www.css4you.de hat viele gute Tips und Tutorials. Bei spezifischen Fragen komm ins Quakenet #css, da kriegt man auch gute Hilfestellungen wenn man nicht gerade die dümmsten Fragen stellt. Ist allerdings ein englischer Channel, von den deutschen Helpchans halte ich nicht viel, da dort überwiegend Kotzbrocken sitzen die nur Selbstbestätigung brauchen. Speziell #php.de suckt ganz erbärmlich...

Quellcode von guten Seiten anschauen hilft auch viel. Besonders in Kombination mit der Webdev-Toolbar für den FF. Da kannst dir die Div-Elemente in einer Seite hervorheben lassen und dann den Quellcode anschauen.

http://www.csszengarden.com/

Schau dir die Seite(n) mal an. Immer der gleiche Content, nur eine andere CSS-File. Kein Templateparser oder so was.
 

sinot

Revenant
das mit deutschen Foren usw haste absolut recht.

danke für die links.

mfg sinot

EDIT:kannst du mir bitte den zu quakenet geben

Und da du dich auszukennen scheinst


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<style type="text/css">

</style>
<head>
<title>Orbitcom/Talkline Store</title>
<meta name="author" content="sinot">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="language" content="de">
<meta name="description" content="orbitcom">
<meta name="keywords" content="orbitcom,handys,LG,bluetooth,,communicator,umts,akkus,oberschalen,hüllen,freisprecheinrichtung,zubehör,motorola,nokia,siemens,samsung,prepaid,d1,d2,eplus,o2,sony ericsson">
<meta name="date" content="2006-01-07T17:02:37+02:00">
<frameset rows="33%,67%" border="2" bordercolor="#FF0000" framespacing="1">
<frame noresize name="banner" src="banner.html" >
<frameset noresize cols="15%,70%,15%" border="2" bordercolor="#FF0000" framespacing="1">
<frame noresize name="navigation" src="navigation.html" >
<frame name="inhalt" src="home.html" >
<frame name="rand" src="rand.html">
</frameset>
</frameset>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

</body>

</head>
</html>

wo gebe ich den namen ein damit dieser bei suchmaschinen angezeigt wird?

ich denke das ist die richtige literatur aber kapiert habe ich es wohl nicht.

->http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=suchmaschinen

hier die seite übrigens, naja zum optischen bin am ackern aber hauptsache mal alles in technischer hinsicht kapiert.

http://www.orbitcom.de/
 
Top