Hallo Holywut
viele Profis empfehlen, von einer geplanten Webseite erst mal eine Skizze (Papier und/oder Computer) zu erstellen. So ist Dein gewähltes Szenario schon mal sehr gut, sogar mustergültig.
holywut schrieb:würde ich gerne wissen, warum corel das so macht?
Warum das Corel so macht?
Nicht Corel macht es, sondern das sind die Browser.
Selbst der IE interpretiert in seinen verschieden Versionen (sogar 5.1 wird noch benutzt) das HTML unterschiedlich oder die Browser kennen manche Befehle nicht. Wenn man nach "Browserbug" googelt, werden 5.770.000 Ergebnisse angezeigt. An der Trefferzahl siehst Du, welches Wespennest die Browserbugs sind. Entweder man lebt mit ihnen oder baut kleine Weichen ein, was wiederum den Code aufbläht. (je nach Zielgruppe einer Webseite, sind auch noch Einige mit einem 56kb Modem unterwegs) Oder befolgt den alten Rat: „keep it simple, clean and stupid“
Da man nicht alle Browser auf dem eigenen Computer haben kann, um schwere Bugs auszuschließen, gibt es eine Seite, die Seitenansichten in den verschiedenen Browser erstellt. (ob ein „hover“ funktioniert, kann man dort natürlich auch nicht sehen)
http://browsershots.org/
holywut schrieb:leider gibt es dazu niergendwo infos oder hilfe. oder doch?
Die Hilfen zu den Corel-Webfunktionen sind minimal, weil sie kaum jemand benutzt. Außerdem was unter „F1“ zu finden ist, braucht man wohl nicht weiterzusuchen.
Viel Spaß mit html & css wünscht das Unkraut
Nur mal so zum Jux. Eine ganz einfache Seite (siehe Anhang) Der Code davon (Doctype wird nicht generiert aus Schrift "Hallo Welt" 8 Bildchen gemacht )
Code:
<HTML>
<HEAD>
<TITLE>Grafik1</TITLE>
<META http-equiv="Content-Type" Content="text/html; charset=utf-8">
<META NAME="Generator" CONTENT="CorelDRAW 12">
<META NAME="Date" CONTENT="01/12/2009">
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<TABLE BORDER=0 WIDTH=795 CELLSPACING=0 CELLPADDING=0>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=35 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=35 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=177 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=177 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=38 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=38 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=6 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=6 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=32 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=32 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=5 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=5 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=8 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=8 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=6 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=6 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=8 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=8 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=5 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=5 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=32 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=32 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=5 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=5 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=14 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=14 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=23 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=23 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=71 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=71 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=5 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=5 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=8 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=8 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=21 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=21 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=199 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=199 HEIGHT=1></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=96 HEIGHT=1><IMG SRC="images/hex1.gif" WIDTH=96 HEIGHT=1></TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=44></TD>
<TD COLSPAN=20 ROWSPAN=1 WIDTH=794 HEIGHT=44></TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=11></TD>
<TD COLSPAN=2 ROWSPAN=2 WIDTH=212 HEIGHT=49></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=38 HEIGHT=49><IMG SRC="images/hex1.jpg" HEIGHT=49 WIDTH=38 ALIGN=TOP BORDER=0></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=6 HEIGHT=49></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=32 HEIGHT=11></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=5 HEIGHT=49></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=8 HEIGHT=49><IMG SRC="images/hex2.jpg" HEIGHT=49 WIDTH=8 ALIGN=TOP BORDER=0></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=6 HEIGHT=49></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=8 HEIGHT=49><IMG SRC="images/hex3.jpg" HEIGHT=49 WIDTH=8 ALIGN=TOP BORDER=0></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=5 HEIGHT=49></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=32 HEIGHT=11></TD>
<TD COLSPAN=2 ROWSPAN=2 WIDTH=19 HEIGHT=49></TD>
<TD COLSPAN=2 ROWSPAN=2 WIDTH=94 HEIGHT=49><IMG SRC="images/hex4.jpg" HEIGHT=49 WIDTH=94 ALIGN=TOP BORDER=0></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=5 HEIGHT=49></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=8 HEIGHT=49><IMG SRC="images/hex5.jpg" HEIGHT=49 WIDTH=8 ALIGN=TOP BORDER=0></TD>
<TD COLSPAN=1 ROWSPAN=2 WIDTH=21 HEIGHT=49><IMG SRC="images/hex6.jpg" HEIGHT=49 WIDTH=21 ALIGN=TOP BORDER=0></TD>
<TD COLSPAN=2 ROWSPAN=2 WIDTH=295 HEIGHT=49></TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=38></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=32 HEIGHT=38><IMG SRC="images/hex7.jpg" HEIGHT=38 WIDTH=32 ALIGN=TOP BORDER=0></TD>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=32 HEIGHT=38><IMG SRC="images/hex8.jpg" HEIGHT=38 WIDTH=32 ALIGN=TOP BORDER=0></TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=71></TD>
<TD COLSPAN=20 ROWSPAN=1 WIDTH=794 HEIGHT=71></TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=27></TD>
<TD COLSPAN=14 ROWSPAN=1 WIDTH=394 HEIGHT=27></TD>
<TD COLSPAN=5 ROWSPAN=3 WIDTH=304 HEIGHT=257><IMG SRC="images/hex9.jpg" ALT="hex9.jpg" BORDER=0 HEIGHT=256 WIDTH=303 ALIGN=TOP>
</TD>
<TD COLSPAN=1 ROWSPAN=3 WIDTH=96 HEIGHT=257></TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=147></TD>
<TD COLSPAN=1 ROWSPAN=3 WIDTH=35 HEIGHT=931></TD>
<TD COLSPAN=11 ROWSPAN=3 WIDTH=322 HEIGHT=931><FONT FACE="Arial"><FONT COLOR="#000066"><FONT SIZE=medium>
Ich bin ein dummer Text und wünschen einen schönen Tag. Ich bin ein dummer
Text und wünschen einen schönen Tag. Ich bin ein dummer Text und wünschen
einen schönen Tag. </FONT></FONT></FONT><BR>
</TD>
<TD COLSPAN=2 ROWSPAN=1 WIDTH=37 HEIGHT=147></TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=83></TD>
<TD COLSPAN=2 ROWSPAN=2 WIDTH=37 HEIGHT=784></TD>
</TR>
<TR ALIGN=LEFT VALIGN=TOP>
<TD COLSPAN=1 ROWSPAN=1 WIDTH=1 HEIGHT=701></TD>
<TD COLSPAN=6 ROWSPAN=1 WIDTH=400 HEIGHT=701></TD>
</TR>
</TABLE>
</BODY>
</HTML>