zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Anfänger in CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.06.2004, 18:10
Tom Tom ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2004
Beiträge: 7
Tom befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.06.2004, 19:22
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.06.2004, 21:20
Tom Tom ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2004
Beiträge: 7
Tom befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 29.06.2004, 22:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Homesite ist doch ein reiner Quellcode-Editor, oder?

Dann bleib ruhig bei dem. Lies Dich mal ein wenig in XHTML und CSS ein - dann geht vieles übersichtlicher.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:26 Uhr.