ilch Forum » Ilch Clan 1.1 » Allgemein » Border Farbe

Geschlossen
  1. #1
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    Hi,

    kann mir bitte jemand sagen wo ich bei diesen border hier <table width="100%" border="1" align="center" cellpadding="1" cellspacing="0" class="Newsbanner"> die farbe definiere?
    habe hier schon im forum geguckt und auch auf diversen anderen html seiten aber finde das einfach nicht -.-

    danke im vorraus


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    <table width="100%" border="1" bordercolor="#FF0000" align="center" cellpadding="1" cellspacing="0" class="Newsbanner">

    das #FF0000 durch deine gewünschte Farbe ersetzen. Falls du die Farben nicht weisst hier: externer Link


    Zuletzt modifiziert von -saarlonz- am 06.09.2010 - 03:51:54
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    danke für deine antwort

    so macht er aber 2 border und wenn ich das border="1" entferne, garnichts mehr

    ich denke ich muss die farbe in der stylesheet festlegen aber wo^^


    Zuletzt modifiziert von sCar am 06.09.2010 - 15:14:13
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1218 Beitragspunkte
    Ich vermute mal .borderals Hintergrundfarbe und durch table mit padding/margin erscheint der zweite Rahmen! Außer es sind wirklich noch andere Klassen für table,th,tr,td definiert, aber solltest Du an der Table anhand class="..." erkennen!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    Hi Lord danke für deine Info, allerdings komme ich immernoch nicht weiter,
    also ich habe es ausprobiert ohne eine zusätzliche class zu definieren.
    aber es wird immernoch ein weisser border ausgespuckt,

    ich poste mal meine sytle.css evtl findet ihr warum das so ist

    body   
    { 
      text-align: center;
        background-color: #000000;
        background-repeat:repeat-x;
        background-attachment:fixed; 
        scrollbar-face-color: #DDDDDD;
        scrollbar-highlight-color: #EFEFEF;
        scrollbar-shadow-color: #003366;
        scrollbar-3dlight-color: #000000;
        scrollbar-arrow-color:  #003366;
        scrollbar-track-color: #EFEFEF;
        scrollbar-darkshadow-color: #DDDDDD;
    }
    
    
    
    #wrap {
      position: relative;
      width: 967px;
      text-align: left;
      margin: 0 auto 0 auto;
    }
    
    #top {
      background: url('img/top.gif');
      height: 67px
    }
    
    #header {
      background: url('img/logo.gif');
      height: 153px;
      text-align: center;
      vertical-align:middle
    }
    
    #header h1 {
      display: inline;
      position: absolute; 
      top: 110px; left: 100px;
      color: #fff;
      font-family: 'Trebuchet MS';
      font-weight: normal;
      font-size: 24px;
    }
    
    #top2 {
      background: url('img/top2.gif');
      height: 31px
    }
    
    #top2 font {
      display: inline;
      position: absolute; 
      left: 172px;
      margin-top: 2px;
      font-size: 10px;
        text-decoration: none; 
    }
    
    #content {
      background: url('img/contentbg.gif');
      background-repeat:repeat-x;
      background-attachment:fixed;
      
    }
    
    #footer {
      background: url('img/footer.gif');
      height: 33px;
      text-align: center;
      vertical-align: middle
    }
    
    #left_col {
      width: 158px;
      float: left;
      padding-top: 0px;
      padding-left: 9px;
      padding-right: 18px;
      padding-bottom: 0px;
      color: #fff;
      overflow: hidden;
    }
    
    #left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
      color: #ff0000;
    }
    
    #left_col a {
      color: #CCCCCC;
    }
    
    #left_col .menu_heading
    {
      color: #000;
      display:block;
      letter-spacing: 1px;
      font-size: 11px;
      padding: 0  0 3px 5px;
    }
    
    #main_col {
      width: 440px;
      float: left;
      padding-top: 0px;
      padding-left: 5px;
      padding-right: 20px;
      padding-bottom: 0px;
      clear: none;
      min-height: 100px;
      overflow: auto;
    }
    #right_col1 { 
      width: 141px;
      float: left;
      padding-top: 0px;
      padding-left: 7px;
      padding-right: 10px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    #right_col2 { 
      width: 141px;
      float: right;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 14px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #right_col1 .menu_heading,
    #right_col2 .menu_heading 
    {
      color:#fff;
      font-size:11px;
      letter-spacing: 1px;
    }
    
    #left_col ul
    {
      padding: 0;
      margin: 0;
      width: 149px; list-style-position:inside; list-style-image:url('img/box_menu_pfeil.gif')
    }
    
    #left_col li
    {
      margin:0;
      background: url('img/box_menu_trennlinie.gif') no-repeat bottom;; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0
    } 
    
    #left_col li ul
    {
      width: 146px;
      background: url('img/box_menu_trennlinie.gif') no-repeat top;
    }
    
    #left_col li li
    {
        padding-left: 16px;
    }
    #left_col li a
    {
      color: #fff;
      padding-left: 8px;
      font-size: 11px;
      font-weight: normal;
      text-decoration: none;
    }
    
    .boxnews a {
    display: block;
    float:Left;
    margin-left : 50px;
    width : 52px;
    height : 13px;
    background-image : url(naviboxswitch/news.png);
    }
    
    .boxnews a:hover {
    background-image : url(naviboxswitch/news_hover.png);
    }
    
    
    
    .boxnewsaktiv {
    display: block;
    float:Left;
    width : 52px;
    height : 13px;
    background-image : url(naviboxswitch/news_hover.png);
    }
    
    
    .boxforum a {
    display: block;
    float:Left;
    margin-left : 3px;
    width : 50px;
    height : 13px;
    background-image : url(naviboxswitch/forum.png);
    }
    
    .boxforum a:hover {
    background-image : url(naviboxswitch/forum_hover.png);
    }
    .boxloads a {
    display: block;
    float:Left;
    margin-left : 3px;
    width : 50px;
    height : 13px;
    background-image : url(naviboxswitch/loads.png);
    }
    
    .boxloads a:hover {
    background-image : url(naviboxswitch/loads_hover.png);
    }
    
    .boxnext a {
    display: block;
    float:Left;
    margin-left : 42px;
    width : 52px;
    height : 13px;
    background-image : url(naviboxswitch/next.png);
    }
    
    .boxnext a:hover {
    background-image : url(naviboxswitch/next_hover.png);
    }
    
    .boxlast a {
    display: block;
    float:Left;
    margin-left : 3px;
    width : 52px;
    height : 13px;
    background-image : url(naviboxswitch/last.png);
    }
    
    .boxlast a:hover {
    background-image : url(naviboxswitch/last_hover.png);
    }
    
    .boxwarstats a {
    display: block;
    float:Left;
    margin-left : 3px;
    width : 52px;
    height : 13px;
    background-image : url(naviboxswitch/stats.png);
    }
    
    .boxwarstats a:hover {
    background-image : url(naviboxswitch/stats_hover.png);
    }
    
    
    
    .lastboxbutton 
    {
    font-family: Arial;
    font-size: 7pt;
    padding: 0 1px;
    float:Left;
    margin-left : 28px;
    line-height: 12px;
    text-center: left;
    letter-spacing: 0px;
    }
     
    .lastboxbutton a
    {
    font-family: Arial;
    font-size: 7pt;
    float:Left;
    margin-left : 28px;
    padding: 0 1px;
    line-height: 12px;
    text-decoration: none;
    color:#999999;
    background-image:url(boxen/dunkel.jpg); 
    }
     
    .lastboxbutton a:hover, .lastboxbutton a.selected
    {
    font-family: Arial;
    font-size: 7pt;
    float:Left;
    margin-left : 28px;
    padding: 0 1px;
    line-height: 12px;
    color:#000000;
    background-image:url(boxen/hell.jpg); 
    }
     
    .lastboxbuttonaktiv 
    {
    font-family: Arial;
    font-size: 7pt;
    float:Left;
    margin-left : 28px;
    padding: 0 1px;
    line-height: 12px;
    text-center: left;
    letter-spacing: 0px; 
    }
     
    .lastboxbuttonaktiv a
    {
    font-family: Arial;
    font-size: 7pt;
    float:Left;
    margin-left : 28px;
    padding: 0 1px;
    line-height: 12px;
    color:#000000;
    background-image:url(boxen/hell.jpg); 
    }
     
    .lastboxbuttonaktiv a:hover, .lastboxbuttonaktiv a.selected
    {
    font-family: Arial;
    font-size: 7pt;
    float:Left;
    margin-left : 28px;
    padding: 0 1px;
    line-height: 12px;
    color:#000000;
    background-image:url(boxen/hell.jpg); 
    } 
    
    
    
    border
    {
    border-color: #000000;
    color:#000000;
    }
    
    
    td 
    {
      font-family: Arial; 
      font-size: 12px;
      color: #FFFFFF;                // Textfarbe
    }
    
    
    hr 
    { 
        height: 0px; 
            border: solid #006600 0px; 
            border-top-width: 1px; 
    }
    
    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a 
    {
      color: #FFFFFF;                  // Hyperlinks
        font-family: Verdana; 
        font-size: 10px; 
        text-decoration: none; 
    }
    
    
    
    c
    {
      color: #696969;
        text-align: right;
        font-size: 10px; 
    }
    
    .Chead
    {
      background-color: #273b4e;
        background: url(bilder/windowbar.gif) no-repeat;
      color: #ffffff;
      text-align: center;
      font-family: 'Arial';
        font-size: 12px; 
    }
    
    .CheaBAckup
    {
      background-color: #273b4e;
        background: url(bilder/navibar.gif) no-repeat;
      color: #696969;
      text-align: center;
      font-family: 'Arial';
        font-size: 12px; 
    }
    
    .Frage
    {
      background-color: #273b4e;
        background: url(Bilder/xdxdxd.gif) no-repeat;
      color: #b68400;
    }
    
    .Serverbar
    {
      background-color: #273b4e;
        background: url(Bilder/serverbar.gif) no-repeat;
      color: #ffffff;
    }
    
    .Serverbar2
    {
      background-color: #273b4e;
        background: url(Bilder/serverbar2.gif) no-repeat;
      color: #ffffff;
    }
    
    
    
    .Switchboxcalender
    {
        background: url(box/boxklein2.gif) no-repeat;
    }
    .Switchboxstats
    {
        background: url(box/boxsliderklein.gif) no-repeat;
    }
    .Switchboxslider
    {
        background: url(box/boxslider.gif) no-repeat;
    }
    .Switchboxklein
    {
        background: url(box/boxklein.gif) no-repeat;
    }
    
    .switchhome
    {
        background: url(box/boxklein.gif) no-repeat;
    }
    
    .menu:link, .menu:visited, .menu:active
    {
        display: block;
        color: #FFFFFF;
        font-size: 11px;
        background: url(images/button.jpg);
        width: 160px;
        height: 20px;
        text-indent: 15px;
        text-decoration: none;
        font-family: Arial, sans-serif;
        line-height: 20px;
    }
     
    .menu:hover
    {
        display: block;
        color: #FFFFFF;
        font-size: 11px;
        background:url(images/button_hover.jpg);
        width: 160px;
        height: 20px;
        text-indent: 15px;
        text-decoration: none;
        font-family: Arial, sans-serif;
        line-height: 20px;
        font-style: italic;
    }
    
    .Cx1
    {
      background-color: #000000;
    }
    .Cx2
    {
      color: #474747; 
    }
    .Cx3
    {
      color: #F0F8FF; 
    }
    
    .Cx4
    {
      background-color: #292728;
    }
    .Cx5
    {
      background-color: #201e1f;
    }
    .Cx4
    {
      background-color: #111111;
    }
    
    .Csonst
    {
      background-color: #273b4e;
        background: url(bilder/windowbar.gif) no-repeat;
      text-align: center;
        font-size: 11px;
      font-family: Tahoma;
      color: #959595;
    }
    
    .CsonstX
    {
      background-color: #000000;
        background: url(bilder/navibarrr.gif) no-repeat;
      text-align: center;
        font-size: 11px;
      color: #696969;
    }
    
    .Csview
    {
      background-color: #273b4e;
        background: url(bilder/windowbar.gif) no-repeat;
        text-color: #000000;
      color: #000000;
    }
    
    .Csonst2
    {
      background-color: #273b4e;
        background: url(bilder/menu_bg.gif) no-repeat;
      color: #718296;
    }
    
    .Csonst3
    {
      background-color: #273b4e;
        background: url(bilder/CSSource.jpg) no-repeat;
      color: #718296;
    }
    
    .Csonst4
    {
      background-color: #273b4e;
        background: url(bilder/bgngt.gif) no-repeat;
      color: #718296;
    }
    
    .Cngtnavi
    {
      background-color: #000000;
    }
    
    .Cnavi
    {
      background-color: #000000;
        background: url(images/img_4.gif) repeat;
      color: #718296;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      background: #000000;
      color: #ffffff;                // überschriften
    }
    
    .Callg
    {
      background-color: #EFEFEF;
        color: #000000;
    }
    
    .Callg td
    {
      color: #000000;
    }
    
    .Cwhite 
    {
      background-color: #e6e6e6;
      overflow: auto;
            border: solid #696969 1px; 
            border-top-width: 1px; 
    }
    .Cnorm 
    {
      background-color: #494949;
    }
    .Cmite
    {
      background-color: #3d3d3d;
    }
    .Cdark2
    {
      background-color: #aaaaaa;
        color:#000000;
    }
    .Cdark
    {
      background-color: #494949;
    }
    .Cxd 
    {
      background-color: #494949;
      padding-left: 5px;
    }
    .Cheute
    {
      background-color: #292728;
      padding-left: 0px;
    }
    .Ctermin
    {
    
      background-color: #770000;
      padding-left: 0px;
    }
    .Ccallender
    {
      background-color: #423434;
      padding-left: 0px;
    }
    
    
    .rand
    {
      border: solid #696969 1px;
    }
    
    .smalfont 
    { 
        font-size: 10px;
            text-decoration: none; 
    }
    .smalfont2 
    { 
        font-size: 11px;
            text-decoration: none; 
    }
    
    
    hr 
    { 
        height: 0px; 
            border: solid #6B6B6B 0px; 
            border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 10px Verdana;  
        border-color: #1D1D1D;        
          border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
        background-color: #EFEFEF;  
    
    .weisschrift
    {
        text-color: #FFFFFF;
    }
    .Newsbanner
    {
      background-color: #273b4e;
        background: url(ngtnewsbanner.gif) no-repeat;
      color: #b68400;
        border-color: #1D1D1D;
    }
    
    .invisible 
    {
        font-family:sans-serif;
        font-size: 6px;
        color:#FFFFFF;
        text-align:justify;
        line-height:5px;
        filter:alpha(opacity=30);
        -moz-opacity:.30;
        opacity:.30;
    }
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1218 Beitragspunkte
    Schau mal ganz untern in deiner style.css

    .Newsbanner 
    { 
    background-color: #273b4e; 
    background: url(ngtnewsbanner.gif) no-repeat; 
    color: #b68400; 
    border-color: #1D1D1D; 
    }
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    das ist es leider nicht, da ich den table nicht mit einer class versehen hatte, das oben war ein beispiel wo zufällig eine class bestimmt war,
    ne ich denke dass ich sowas definieren muss wie...

    .table
    {
    background-color: #273b4e;
    background: url(ngtnewsbanner.gif) no-repeat;
    color: #b68400;
    border-color: #1D1D1D;
    }
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1218 Beitragspunkte
    Wenn deine Tabelle schon einen weißen Rahmen zeigt, muss dieser ja definiert sein! So gib mal ein Link zu der Seite wo ich mir das ansehen kann! Warum eigentlich keiner mehr seine WebSite/Problem verlinkt, so könnte man viel einfacher helfen!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    www.atf-zone.de

    wie du in den news sehen kannst, ist der border weiss


    Zuletzt modifiziert von sCar am 08.09.2010 - 16:12:10
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1218 Beitragspunkte
    Da haben wir doch das Problem! In der include/templates/news/news.htm hat die erste Tabelle ein border="1" drin!

    Noch zu allgemeinen Info Du schließt fast überall den <font> mit </front>!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    richtig das habe ich gesetzt da ich in der ersten tabelle auch ein border haben will, nur soll der nicht weiss sein sondern schwarz, wie auch immer..

    Danke für die Info, ja das mit der font mag ich oft falsch getippt haben da ich alles von hand schreibe und keinen editor benutze
    wurde also auch gefixt..

    wie bekomm ichs nun hin dass der border eine farbe hat die ich festlege und nicht einfach weiss ist
    meine frage war ja auch nicht wie ich den border wegbekomme, sondern wie ich dessen farbe veränder...^^


    Zuletzt modifiziert von sCar am 08.09.2010 - 16:54:23
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1218 Beitragspunkte
    Wenn du diesen Border keine Farbe gibst, wird er halt so dargestellt! Die Lösung wurde schon von -saarlonz- im 2. Post gegeben!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    <table width="100%" border="1" bordercolor="#FF0000" align="center" cellpadding="0" cellspacing="0"><tr><td>


    schon habe ich 2 border einmal den schwarzen was ich auch will, und einmal den dick weissen den kein mensch haben will

    top und leftside ist der border wie ich ihn haben will, aber unten und rechts ist einfach nur weiss


    bin immernoch der meinung das wird in der stylesheet festgesetzt..
    omg strange, habe gerade gesehen, beim ie ist der border schwarz nur beim ff ist er weiss^^

    deswegen hab ich das jetz so gelöst:
    <table width="100%" style="border-top-color:#363535; border-left-color:#696969;border-right-color:#363535; border-bottom-color:#363535; border-width:2px;border-style:solid; padding:1px" align="center" cellpadding="0" cellspacing="0">

    zwinker


    Zuletzt modifiziert von sCar am 08.09.2010 - 17:52:48
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1218 Beitragspunkte
    style="border-top-color:#363535; border-left-color:#363535;border-right-color:#363535; border-bottom-color:#363535; border-width:2px;border-style:solid;


    =

    style="border:2px #363535 solid">



    Zuletzt modifiziert von Lord|Schirmer am 08.09.2010 - 18:04:45
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    oder so;D danke
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten