|
|||
Anfänger in CSS
Hallo zusammen,
ich arbeite seit einiger Zeit an meiner eigenen Internetseite. Hab noch nicht so viel Erfahrung mit HTML/CSS. Ich bekomm mein Layout einfach nicht so hin wie ich es gern haben würde. So sieht es zur Zeit aus: Code:
<html> <head> <title>baaa</title> <script language="JavaScript"> function mOver(bild) { bild.src = 'images/' + bild.name + '_on.gif'; } function mOut(bild) { bild.src = 'images/' + bild.name + '.gif'; } </script> <style type="text/css"> a {text-decoration: none;} #keine Unterstreichungen input { border: 1px solid black; font-family: Verdana; font-size: 8pt; width: 150; } input.but { border: 0px ; font-family: Verdana; font-size: 8pt; width: 200; } textarea { border: 1px solid black; font-family: Verdana; font-size: 8pt; width: 200; } </style> </head> <body bgcolor="#666666"> <table width="100%" border="0"> <tr align="center" valign="middle"> <td> <table vspace="0" hspace="0" cellpadding="0" cellspacing="0" width="800" height="600" border="0" bgcolor="#000000"> <tr> <td> <table cellpadding="0" vspace="0" hspace="0" cellspacing="1" width="100%" border="0" height="620"> <tr bgcolor="#999999"> <td colspan="2" height="5"> <div align="center">[img]http://mitglied.lycos.de/zzzerocool/blabla.jpg[/img]</div></td> </tr> <tr bgcolor="#cfcfcf" height="1%"> <td colspan="2"> <font face="Verdana" size="2"> Home </font> </td> </tr> <tr bgcolor="#999999"> <td valign="top" width="100" height="352"> <table hspace="0" vspace="0" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>::bla</font></td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>::bla</font></td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>::bla</font></td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>::bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>-bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>-bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>-bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>-bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>-bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>-bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>::bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>-bla</td> </tr> <tr> <td width="16" height="16" align="right" bgcolor="#CFCFCF"></td> <td><font face="Arial" size="2" color="#white"><font color=white>::bla</td> </tr> <tr> </table> </td> <td width="540" valign="top" align="center"> <table width="65%" bgcolor="BLACK" border="0" cellspacing="0" cellpadding="0"> <tr><td><table width="100%" border="0"><tr><td><font color="white" face="arial" size="2">bla</font></td><td align="right"><font color="white" face="Verdana" size="2">bla</font></td></tr></table></font></td></tr> <tr><td> <table height="100%" width="100%" border="0" cellspacing="1"> <tr bgcolor="white"><td> <font color="black" face="arial" size="2">blablabla,blablablablablablablablablablablabla,blablablablablablablablabla blablabla,blablablablablablablablabla blablabla,blablablablablablablablabla</font> </td></tr> </table> </td></tr> </table> </td></tr> </table> </td></tr> <tr bgcolor="#CFCFCF" height="1%"> <td colspan="2"> <font face="Verdana" size="2"> blablabla </font> </td> </tr> <tr bgcolor="#999999"> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <font face="Arial" size="2" color="#white"><font color=white><div align="center"> <div align="center"><font face="Arial" size="1" color="white"> <font color="#ffffff">blabla</center></div></a> </front> </body> </html> Und so möchte ich es gern so haben: http://mitglied.lycos.de/zzzerocool/SCREEN.jpg Also rechts soll immer das aktuelle Datum erscheinen,habs schon mit JavaScritp probiert und ist auch gelungen nur bekomme ich es nicht an die richtige Position. Zum anderen möchte ich die Tabelle in der Mitte nur noch einmal genau unter der ersten kopiert haben. PS: Ich weiss,das mein Code eine Katsatrophe ist,bin auch noch Anfänger. Wäre sehr dankbar für Hilfe,weiß nämlich nicht mehr was ich machen soll ich selber bekomm es einfach nicht hin cya Tom |
Sponsored Links |
|
|||
Zuerst mal ein paar grundsätzliche Dinge zum Code...... :
Wenn Du jetzt anfängst, dann fang am besten gleich richtig an. (Glaub mir, so ganz lange beschäftige ich mich auch noch nicht damit, das kann man lernen). - zuallererst mal fehlt der Doctype oben drüber - der sagt dem Browser, welcher "HTML-Dialekt" jetzt kommt und wie er jetzt den Code auswerten soll. Wenn Du nix angibst, glaubt der Browser, dass es eine uralte Webseite ist und parst die im sogenannten Quirks-Modus. Besser, Du gibst einen aktuellen Doctype an, dann sind alle Browser im Standard-Modus - das vereinfacht schon einiges. Und da wir hier im XHTML-Forum sind, mach es doch gleich ordentlich mit XHTML, z.B. so: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> HTML 4.01 wäre auch noch gültig und wird oft genommen - aber XHTML ist die Zukunft und warum nicht gleich? Dann benutzt Du viele Tabellen, die auch noch ineinander verschachtelt sind. Das hat man früher so gemacht, weil es nix besseres gab, um ein Layout zu machen. Aber richtig ist es nicht, und man sollte heute Inhalt und Layout trennen - den Inhalt korrekt mit XHTML auszeichnen und dann mit CSS layouten. Das ist viel übersichtlicher und schlanker im Code. Die Tabellen sind sehr unübersichtlich und werden nicht besser, wenn Du noch Inhalt rein füllst..... - ausserdem wimmelt es da von irgendwelchen <font>-Anweisungen ohne dass dann Text käme - welchen Editor benutzt Du? Sieht mir nach irgendsoeinem WYSIWYG-Teil aus. Nimm lieber einen einfachen HTML-Editor, bei dem Du den Code selber schreibst - ich nehm seit ein paar Wochen den title , der auch gut für XHTML ist. Ansonsten sind z.B. Weaverslave, phase 5, scribe gut geeignet, gibt auch noch mehr - dabei lernst Du es dann auch richtig. Die sind alle Freeware. Zum lesen für XHTML: http://jendryschik.de/wsdev/einfuehrung/ - dann wird vieles klar. Dann müßtest Du natürlich noch mal alles umkrempeln und von vorne anfangen - aber ich denke, es würde sich lohnen. |
Sponsored Links |
|
|||
Hi terrikay,
erst einmal danke für deine Tipps. Ich benutze zur Zeit Homesite 5.0,komme ich eigentlich recht gut mit klar. Werd deine Empfehlung aber auch mal probieren. Nun gut,ich werd jetzt erst mal versuchen den Inhalten richtig mit XHTML auszuzeichen. cya |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
(Anfänger) CSS Formatierungen/Tabelle | diNovoM | CSS | 5 | 20.07.2009 21:47 |
Doctype und CSS Problem | tech | CSS | 3 | 29.05.2009 21:16 |
CSS Anfänger HILFE | hallo2008 | CSS | 10 | 20.03.2009 12:10 |
CSS für Anfänger | Sephi | CSS | 1 | 03.12.2006 00:01 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 12:39 |