Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Brauche Hilfe mit CSS

  1. #1
    Youngster
    Registriert seit
    03.03.2007
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Brauche Hilfe mit CSS

    Hi kann mir bitte jemand das folgende Stückchen HTML-Code in CSS umformen?

    Code:
    <div align="right">
    <table style="border-collapse&#58; collapse; width&#58; 100px; height&#58; 25px;"
     border="1" bordercolor="#000000" cellpadding="0">
      <tbody>
        <tr>
          <td></td>
        </tr>
      </tbody>
    </table>
    </div>
    lg pokecamp
    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 Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    <style type="text/css">
    table &#123;
    border-collapse&#58; collapse;
    width&#58; 110px;
    heigth&#58; 25px;
    border&#58; 1px solid #000000;
    &#125;
    </style>
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    03.03.2007
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke ich habe es jetz in meiner externen CSS-Datei reingetan und es funktioniert aber nicht. Es erscheint nur der Text den ich zwischen das <div></div> eingegeben habe ohne die CSS-Attribute.

    Was soll ich tun?

  4. #4
    Teeny
    Registriert seit
    05.04.2007
    Beiträge
    39
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Du hast ja auch eine <table> und kein <div>!

    Gruß
    STEPHAN

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    03.03.2007
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hat sich schon erledigt..

    EDIT: Neues Problem:
    Ich habe das ganze als Div abgespeichert und die Tabelle kommt auch so wie sie soll nur kommt sie immer untereinander. Logisch, nur wie kann ich es machen das das ganze von rechts nach links geht, also das die Tabellen nebeneinander sind?

  6. #6
    Teeny
    Registriert seit
    05.04.2007
    Beiträge
    39
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Setz mal jede Tabelle in ein <div class="tabelle"> und definiere im css eine neue Klasse div.tabelle {float:left;}. Jetzt floaten die <div> linksseitig nebeneinander.

    Gruß
    STEPHAN

  7. #7
    Teeny
    Registriert seit
    05.04.2007
    Beiträge
    39
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Oder ersetzte die <div> durch <span>. <div> wird Absatzmäßig formatiert, dass heißt jedes <div> in neu Zeile! <span> werden standardmäßig nebeneinander geschrieben...
    Dürfte beides funktionieren...

    Gruß
    STEPHAN

  8. #8
    Youngster
    Themenstarter

    Registriert seit
    03.03.2007
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Sorry aber das klappt alles nicht, was soll ich tun??

    Hier das CSS:
    Code:
    body &#123;
    	background&#58; #006600;
    	font-family&#58; "Trebuchet MS", Verdana;
    	font-size&#58; 13px;
    &#125;
    div#header &#123;
    	width&#58; 90%;
    	margin&#58; 0px 50px;
    	padding&#58; 5px;
    	text-align&#58; center;
    &#125;
    div#links &#123;
    	position&#58; absolute;
    	left&#58; 50px;
    	margin-top&#58; 20px;
    	width&#58; 180px;
    &#125;
    div#rechts &#123;
    	position&#58; absolute;
    	right&#58; 50px;
    	margin-top&#58; 20px;
    	width&#58; 180px;
    &#125;
    div#oben &#123;
    	float&#58; right;
    	right&#58; 15px;
    	margin-top&#58; 20px;
    	width&#58; 75px;
    &#125;
    div#inhalt &#123;
    	margin&#58; 20px 230px 0px 230px;
    	padding&#58; 2px;
    	border&#58; 1px solid #000000;
    	background&#58; #666666;
    	color&#58; #FFFFFF;
    &#125;
    div#unten &#123;
    	margin&#58; 0px 230px;
    	border&#58; 1px solid #000000;
    	border-top&#58; none;
    	padding&#58; 5px;
    	background&#58; #009900;
    	color&#58; #FFFFFF;
    &#125;
    div.linkoben &#123; 
    	border-collapse&#58; collapse; 
    	width&#58; 110px; 
    	heigth&#58; 25px; 
    	border&#58; 1px solid #000000;
    &#125;
    div.naviname &#123;
    	border&#58; 1px solid #000000;
    	width&#58; 160px;
    	max-height&#58; 25px;
    	margin-top&#58; 5px;
    	padding&#58; 2px;
    	color&#58; #FFFFFF;
    	font-weight&#58; bold; margin-left&#58;auto; margin-right&#58;auto; margin-bottom&#58;auto
    &#125;
    div.menulink &#123;
    	border&#58; 1px solid #000000;
    	border-top&#58; none;
    	background&#58; #009900;
    	color&#58; #FFFFFF;
    	width&#58; 156px;
    	margin&#58; auto;
    	padding&#58; 1px 4px;
    	display&#58; block;
    &#125;
    div.menulink a &#123;
    	color&#58; #FFFFFF;
    	text-decoration&#58; none;
    	display&#58; block;
    &#125;
    div.menulink&#58;hover &#123;
    	background&#58; #669966;
    &#125;
    div#content p &#123;
    	padding&#58; 3px;
    	margin&#58; 0px;
    &#125;
    h1 &#123;
    	color&#58; #FFFFFF;
    	font-weight&#58; bold;
    	font-size&#58; 18px;
    	padding&#58; 4px;
    &#125;
    h2 &#123;
    	color&#58; #FFFFFF;
    	font-weight&#58; bold;
    	font-size&#58; 16px;
    	padding&#58; 4px;
    &#125;
    h3 &#123;
    	color&#58; #CC0000;
    	font-weight&#58; bold;
    	font-size&#58; 13px;
    	padding&#58; 2px;
    &#125;
    
    a&#58;link, a&#58;visited, a&#58;active &#123;
    	color&#58; #FFFFCC;
    	text-decoration&#58; none;
    &#125;
    a&#58;hover &#123;
    	color&#58; #FFCC00;
    	text-decoration&#58; none;
    &#125;
    
    x &#123;
    	color&#58; #00CCCC;
    	font-size&#58; 13px;
    	padding&#58; 2px;
    	font-family&#58; "Trebuchet MS", Verdana;
    &#125;
    Und hier der Quellcode:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
    <html>
    <head>
      <link href="style.css" type="text/css"
     rel="stylesheet">
      <title></title>
    </head>
    <body>
    <div id="oben">
    <div class="linkoben">Test 3</div>
    <div class="linkoben">Test 4</div>
    <div class="linkoben">Test 5
    <div>
    <div class="linkoben">Test 6</div>
    </div>
    <div id="links">
    <div class="naviname">Test</div>
    <div class="menulink">Test 2</div>
    </div>
    
    
    </div>
    </div>
    </body>
    </html>

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Offensichtlich willst du zwei unterschiedliche Navis haben. Hierzu musst du den Links und nicht den div's die Klassen zuordnen.

    Sieh dir mal die FAQ's I/2. und 5. an.

    Zur Positionsbestimmung der beiden Menues brauchst du dann lediglich zwei div's, in die du den jeweiligen Navi-Code packst.

  10. #10
    Youngster
    Themenstarter

    Registriert seit
    03.03.2007
    Beiträge
    17
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke ich hab eine andere Möglichkeit gefunden...

    Code:
    <div align="right">
    <div style="text-align&#58; center;"></div>
    <table style="border-collapse&#58; collapse; width&#58; 404px; height&#58; 21px;"
     bgcolor="#800000" border="1" bordercolor="#000000"
     cellpadding="0">
      <tbody>
        <tr>
          <td>
          <center></center>
          <span style="color&#58; rgb&#40;255, 255, 255&#41;;"></span></td>
          <td>
          <center></center>
          </td>
          <td>
          <center></center>
          </td>
          <td>
          <center></center>
          </td>
          <td>
          <center></center>
          </td>
        </tr>
      </tbody>
    </table>
    </div>
    Kann mir irgendwer diesen Code so umschreiben das beliebig viele(hier 5) Tabellen auch per CSS dazukommen, die BG-Farbe #800000 und die Schriftfarbe #ffffff ist? Und die Zellen sollten 81*30 Pixel sein. Bitte das wäre sehr nett.

Ähnliche Themen

  1. Hilfe webspace speicher voll brauche dringend hilfe
    Von Claudi im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.03.2006, 10:29
  2. Brauche hilfe!!
    Von gast im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 3
    Letzter Beitrag: 22.03.2005, 22:32
  3. Hilfe ich brauche hilfe wer kennt sich bei beepworld aus ???
    Von TheGodGame im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 03.02.2005, 10:09
  4. Antworten: 19
    Letzter Beitrag: 20.12.2004, 17:49
  5. HILFE brauche dringend Hilfe bei meiner Formular Abfrage
    Von Traction1977 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 28.04.2004, 11:43

Stichworte

Berechtigungen

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