Ergebnis 1 bis 4 von 4

Thema: div Container in html einbauen benötige dringend hilfe "

  1. #1
    Gast
    Gast

    Standard div Container in html einbauen benötige dringend hilfe "

    Hallo

    ich habe hier einen code für einen Container mit runden ecken.
    Nun bin ich aber noch ein ansoluter anfänger,ich habe den code eingefügt aber irgendwie klappt es nicht so recht.
    Kann mir vielleicht jemand sagen was ich falsch gemacht hab?
    Der Container ist so nämlich nicht zu sehen. Sondern nur die schrift,kann ich irgendwie die containergröße angeben?
    Das ist der code selbst
    [/code]#roundbox {
    display:block;
    background:transparent;
    font-weight:normal;
    margin:10px 20px;
    }
    #roundbox p {
    margin:0 2px;
    padding:2px 0;
    line-height:1.2em;
    }
    .roundboxcontent {
    display:block;
    background:#e0e0d5;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:0.5em;
    }

    .linie1, .linie2, .linie3, .linie4 {display:block; overflow:hidden; font-size:1px;}
    .linie1, .linie2, .linie3 {height:1px;}
    .linie2, .linie3, .linie4 {background:#e0e0d5; border-left:1px solid #fff; border-right:1px solid #fff;}
    .linie1 {margin:0 5px; background:#fff;}
    .linie2 {margin:0 3px; border-width:0 2px 0 2px;}
    .linie3 {margin:0 2px;}
    .linie4 {height:2px; margin:0 1px 0 1px;}
    Code:
    hier ist der eingefügte code
    <?php $font = "<font face='$global_fontface' color='$global_fontcolor_dark' size='$global_text_size'>"; $_font = "</font>"; php?>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Untitled</title>
    </head>
    <body BACKGROUND="<% EchoVar($toshopdata) %>img/hintergr.Ob.jpg"
    #roundbox {
    display:block;
    background:transparent;
    font-weight:normal;
    margin:10px 20px;
    }
    #roundbox p {
    margin:0 2px;
    padding:2px 0;
    line-height:1.2em;
    }
    .roundboxcontent {
    display:block;
    background:#e0e0d5;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:0.5em;
    }

    .linie1, .linie2, .linie3, .linie4 {display:block; overflow:hidden; font-size:1px;}
    .linie1, .linie2, .linie3 {height:1px;}
    .linie2, .linie3, .linie4 {background:#e0e0d5; border-left:1px solid #fff; border-right:1px solid #fff;}
    .linie1 {margin:0 5px; background:#fff;}
    .linie2 {margin:0 3px; border-width:0 2px 0 2px;}
    .linie3 {margin:0 2px;}
    .linie4 {height:2px; margin:0 1px 0 1px;}
    <div id="roundbox">
    <b class="linie1">[/b]
    <b class="linie2">[/b]
    <b class="linie3">[/b]
    <b class="linie4">[/b]

    <div class="roundboxcontent">
    <h1>Beispielbox</h1>


    Diese Box hat runde Ecken, die mit reinem CSS erzeugt wurden und benötigt keine Hintergrundgrafik !</p>
    </div>

    <b class="linie4">[/b]
    <b class="linie3">[/b]
    <b class="linie2">[/b]
    <b class="linie1">[/b]
    </div>
    </body>
    </html>
    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
    driver
    Gast

    Standard

    hm.... also ich denke du musst erstmal den code:
    Code:
    #roundbox &#123; 
    display&#58;block; 
    background&#58;transparent; 
    font-weight&#58;normal; 
    margin&#58;10px 20px; 
    &#125; 
    #roundbox p &#123; 
    margin&#58;0 2px; 
    padding&#58;2px 0; 
    line-height&#58;1.2em; 
    &#125; 
    .roundboxcontent &#123; 
    display&#58;block; 
    background&#58;#e0e0d5; 
    border-left&#58;1px solid #fff; 
    border-right&#58;1px solid #fff; 
    padding&#58;0.5em; 
    &#125; 
    
    .linie1, .linie2, .linie3, .linie4 &#123;display&#58;block; overflow&#58;hidden; font-size&#58;1px;&#125; 
    .linie1, .linie2, .linie3 &#123;height&#58;1px;&#125; 
    .linie2, .linie3, .linie4 &#123;background&#58;#e0e0d5; border-left&#58;1px solid #fff; border-right&#58;1px solid #fff;&#125; 
    .linie1 &#123;margin&#58;0 5px; background&#58;#fff;&#125; 
    .linie2 &#123;margin&#58;0 3px; border-width&#58;0 2px 0 2px;&#125; 
    .linie3 &#123;margin&#58;0 2px;&#125; 
    .linie4 &#123;height&#58;2px; margin&#58;0 1px 0 1px;&#125;
    entweder in ne css datei auslagern und die dann einbinden
    mit <link rel="stylesheet" type="text/css" href="dateiname.css">


    oder du setzt folgendes dazu:

    Code:
    <style type="text/css">
    <!--
    /* hier dann deinen text &#40;den wo ich oben schonmal kopiert habe&#41; */
    -->
    </style>

  3. #3
    Meister(in)
    Registriert seit
    22.02.2006
    Ort
    Franken
    Beiträge
    336
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    <?php $font = "<font face='$global_fontface' color='$global_fontcolor_dark' size='$global_text_size'>"; $_font = "</font>"; php?> 
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Untitled</title>
    <style type="text/css">
    
    #roundbox &#123;
    display&#58;block;
    background&#58;transparent;
    font-weight&#58;normal;
    margin&#58;10px 20px;
    &#125;
    #roundbox p &#123;
    margin&#58;0 2px;
    padding&#58;2px 0;
    line-height&#58;1.2em;
    &#125;
    .roundboxcontent &#123;
    display&#58;block;
    background&#58;#e0e0d5;
    border-left&#58;1px solid #fff;
    border-right&#58;1px solid #fff;
    padding&#58;0.5em;
    &#125;
    
    .linie1, .linie2, .linie3, .linie4 &#123;display&#58;block; overflow&#58;hidden; font-size&#58;1px;&#125;
    .linie1, .linie2, .linie3 &#123;height&#58;1px;&#125;
    .linie2, .linie3, .linie4 &#123;background&#58;#e0e0d5; border-left&#58;1px solid #fff; border-right&#58;1px solid #fff;&#125;
    .linie1 &#123;margin&#58;0 5px; background&#58;#fff;&#125;
    .linie2 &#123;margin&#58;0 3px; border-width&#58;0 2px 0 2px;&#125;
    .linie3 &#123;margin&#58;0 2px;&#125;
    .linie4 &#123;height&#58;2px; margin&#58;0 1px 0 1px;&#125;
    
    
    
    </style>
    </head>
    <body BACKGROUND="<% EchoVar&#40;$toshopdata&#41; %>img/hintergr.Ob.jpg"
    
    <div id="roundbox">
    <b class="linie1">[/b]
    <b class="linie2">[/b]
    <b class="linie3">[/b]
    <b class="linie4">[/b]
    
    <div class="roundboxcontent">
    <h1>Beispielbox</h1>
    
    
    Diese Box hat runde Ecken, die mit reinem CSS erzeugt wurden und benötigt keine Hintergrundgrafik !</p>
    </div>
    
    <b class="linie4">[/b]
    <b class="linie3">[/b]
    <b class="linie2">[/b]
    <b class="linie1">[/b]
    </div>
    </body>
    </html>
    aber was das mit den .linie classen sein soll *verwirrt*




  4. #4
    driver
    Gast

    Standard

    so meinte ich das

Ähnliche Themen

  1. Meine Seite hat kein Design! Benötige dringend Hilfe!
    Von QuickNick im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 15.10.2007, 17:22
  2. benötige dringend hilfe zum Thema Drucker
    Von Lifestyle16 im Forum Computer - Internet Forum
    Antworten: 0
    Letzter Beitrag: 24.10.2006, 10:20
  3. Benötige dringend Hilfe bei Counter
    Von JP im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.10.2006, 02:30
  4. Benötige dringend Hilfe - Frames + Links !
    Von gaedingar im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 26.08.2006, 22:03
  5. Ich benötige "dringend ;-)" Covermaterial !!!
    Von noname im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 0
    Letzter Beitrag: 18.07.2004, 01:08

Stichworte

Berechtigungen

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