Ergebnis 1 bis 2 von 2

Thema: Tabellen absolut mit css positionieren

  1. #1
    Euro2k
    Gast

    Standard Tabellen absolut mit css positionieren

    Ich habe kein bock mehr dass meine Tabellen im IE und anderen browsern so scheiße anders ausehen.
    man hat mir gesagt das ginge mit css besser.
    bloß ka wie. kann mir pls wer helfen.
    hier die quelltexte:
    html:
    Code:
    <html>
    <head>
    <title>Pronova GmbH</title>
    <link rel="stylesheet" type="text/css" href="format.css" >
    <script src="java2.js" type="text/javascript"></script>
    <script src="java.js" type="text/javascript"></script>
    </head>
    <body onload="JSCTimeOutID = window.setTimeout&#40;'setMessage&#40;&#41;',500&#41;;">
    
    <table align="center" border="0" cellpadding="0" cellspacing="3"  width="760">
    <tr>
    <td>
    <table  bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="760" >
    
    <tr>
    <td ><table border="0" cellpadding="2" cellspacing="1"  width="852">
    <tr>
    <td height="25" background="images/balken.jpg"  bgcolor="#C0C0C0"  ></td>
    </tr>
    <tr>
    <td bgcolor="#C0C0C0" height="62">[img]images/[/img]</td>
    </tr>
    <tr>
    <td height="25" background="images/balken.jpg"    bgcolor="#C0C0C0">
    <table border="0" cellpadding="0" cellspacing="0"  width="100%" >
    <tr>
    <td align="right" width="100%"></td><td ></td><td valign="top"  ></td><td></td>
    
    </tr>
    </table>
    </td>
    </tr>
    
    </table></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td  valign="top"   >
    <table border="0" cellpadding="0" cellspacing="0"  width="750" height="197">
    <tr>
    <td  valign="top" height="197">
    <table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="160" >
    <tr>
    <td valign="top" >
    <table width="160"  border="0" cellpadding="0" cellspacing="1" id="menu1" >
    <tr>
    <td  bgcolor="#FFFFFF" width="160"   height=20 style="padding&#58;4px"  background="images/balken.jpg"  >Men&uuml;</td>
    
    </tr>
    <tr>
    <td  width="160">&raquo;Home</td>
    </tr>
    <tr>
    <td  width="160">&raquo;Unsere Arbeiten</td>
    </tr>
    <tr>
    <td   width="160">&raquo;Haustypen</td>
    </tr>
    <tr>
    <td   width="160">&raquo;&Uuml;ber Uns</td>
    </tr>
    <tr>
    <td   width="160">&raquo;Kontakt</td>
    </tr>
    </table>
    </td>
    </tr></table>
    
    
    
    
    
    </td>
    <td  ></td>
    <td  width="100%" valign="top" height="197" >
    
    <table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="680" >
    <tr>
    <td valign="top"  height="100%"><table border="0" cellpadding="15" cellspacing="1"  width="680">
    <tr>
    <td  valign="top"  bgcolor="white" height="390">
    
    <div align="center"><font size="+1">Willkommen auf der Seite der Pronova GmbH   </font></div>
    
    </td>
    </tr>
    </table></td>
    </tr>
    </table>
    
    
    </td>
    </tr>
    </table>
    
    </td>
    </tr>
    <tr>
    
    
    <table align="center" bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="750" >
    <tr>
    
    <td><table border="0" cellpadding="2" cellspacing="1"  width="100%">
    <tr>
    <td width="100%" background="images/balken.jpg">[img]images/space_trans.gif[/img]</td>
    </tr>
    <tr>
    <td  width="100%"     bgcolor="#C0C0C0" >
    <table align="left" border="0" cellpadding="0" cellspacing="0"    width="849">
    <tr>
    <td  style="font-size&#58;8pt;" ></td><td></td>
    </tr>
    </table>
    </td>
    <tr>
    <td width="100%" background="images/balken.jpg">[img]images/space_trans.gif[/img]</td>
    </tr>
    </tr>
    </table></td>
    
    </tr>
    </table>
    
    </td>
    <td>
    </tr>
    
    </table></div>
    
    </body>
    </html>
    css:
    Code:
    body
    &#123;
    	color&#58; #000000;
    	background-color&#58; #C0C0C0;
    	; font-family&#58; verdana,arial;
    	font-size&#58; 10pt;
    &#125;
    
    
    table,tr,td
    &#123;margin-top&#58; 0px; margin-left&#58; 0px; margin-right&#58; 0px; color&#58; #000000;font-family&#58; verdana,arial; font-size&#58; 10pt; &#125;
    
    /* scrolleiste internet explorer ab vers.5.5 */
    
    
    /* menue links */
    
    
    #menu1 a &#123;display&#58; block; background-image&#58;url&#40;images/back_button.jpg&#41;; color&#58;black; text-decoration&#58;none ;font-family&#58;verdana, sans-serif; font-size&#58; 10pt;width&#58;160px;
    padding-left&#58; 4px; padding-bottom&#58; 4px;   padding-top&#58; 4px;margin&#58; 0px auto;border&#58;solid 1px #BFFBCE;
    background-color&#58; #C0C0C0;&#125;
    
    #menu1 a&#58;visited&#123;
    	background-image&#58; url&#40;images/back_button.jpg&#41;;
    	color&#58; black;
    	text-decoration&#58; none;
    	font-family&#58; verdana, sans-serif;
    	font-size&#58; 10pt;
    	width&#58; 160px;
    	padding-left&#58; 4px;
    	padding-bottom&#58; 4px;
    	padding-top&#58; 4px;
    	margin&#58; 0px auto;
    	border&#58; solid 1px #BFFBCE;
    	background-color&#58; #C0C0C0;
    &#125;
    
    #menu1 a&#58;active&#123;background-image&#58;url&#40;images/back_button.jpg&#41;; color&#58;black;text-decoration&#58;none;font-family&#58;verdana, sans-serif; font-size&#58; 10pt;width&#58;160px;
    padding-left&#58; 4px; padding-bottom&#58; 4px;   padding-top&#58; 4px;margin&#58; 0px auto;border&#58;solid 1px #BFFBCE;
    background-color&#58; #C0C0C0;&#125;
    
    #menu1 a&#58;hover &#123;
    	background-color&#58; #C0C0C0;
    	color&#58; black;
    	text-decoration&#58; none;
    	font-family&#58; verdana, sans-serif;
    	font-size&#58; 10pt;
    	width&#58; 160px;
    	padding-left&#58; 4px;
    	padding-bottom&#58; 4px;
    	padding-top&#58; 4px;
    	margin&#58; 0px auto;
    	border&#58; solid 1px #BFFBCE;
    	background-image&#58; url&#40;images/back_button_b.jpg&#41;;
    &#125;
    
    
    /* allgemeine links */
    
    a&#58;link&#123; color&#58; black; text-decoration&#58;underline; ;font-family&#58; verdana; font-size&#58; 10pt;padding&#58;1px &#125;
    
    a&#58;visited&#123;color&#58; black;text-decoration&#58;underline;font-family&#58; verdana; font-size&#58; 10pt;padding&#58;1px &#125;
    
    a&#58;active&#123; color&#58;black;text-decoration&#58;underline;font-family&#58; verdana; font-size&#58; 10pt;padding&#58;1px  &#125;
    
    a&#58;hover&#123; color&#58; #808080;background-color&#58;white;  text-decoration&#58;none;font-family&#58; verdana; font-size&#58; 10pt;padding&#58;1px  &#125;
    
    
     input
    &#123;
    width&#58; 100px;
    height&#58; 25px;
    color&#58; black;
    
    
    
    &#125;
    
    h5
    
    &#123;
    	font-weight&#58; bold;
    &#125;
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru
    Registriert seit
    13.01.2005
    Ort
    Schweiz
    Beiträge
    5.240
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ...und jetzt erhoffst du dir dass dir jeman dein layout auf css umschreibt ?
    falsch gedacht...


    kannst ja mal hier nachlesen:
    - http://www.frixon.de/tuts.html
    - http://www.alistapart.com/
    - http://css4you.de/wslayout1/

Ähnliche Themen

  1. Ich habe absolut keine Ahnung
    Von phpfan im Forum Off Topic und Quasselbox
    Antworten: 18
    Letzter Beitrag: 02.12.2007, 19:30
  2. absolut dämlich^^
    Von Dan im Forum Computer - Internet Forum
    Antworten: 5
    Letzter Beitrag: 06.09.2007, 21:58
  3. Was absolut niemanden interessiert!
    Von rattefrey im Forum Off Topic und Quasselbox
    Antworten: 3
    Letzter Beitrag: 09.07.2007, 14:53
  4. os-community.. Die absolut geilste commuity
    Von sibbiiii im Forum Link Tipps
    Antworten: 86
    Letzter Beitrag: 03.12.2005, 20:13
  5. Absolut keinen Rahmen bei Popup's?
    Von Ivanman im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 20.07.2005, 11:32

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •