Ergebnis 1 bis 10 von 10

Thema: Hintergrund.

  1. #1
    Azubi(ne)
    Registriert seit
    20.11.2008
    Beiträge
    68
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hintergrund.

    Hallo,

    ich würde gerne dieses Bild:
    http://www.openwebgraphics.com/?page...&type=bg&id=16
    so:
    http://www.openwebgraphics.com/pages...bg&id=16&key=0
    auf einer Website einfügen.
    Wie muss der Qelltext angepasst werden?
    HTML-Code:
    /* for XHTML */body{
        margin: 0;
        padding: 0;
        background-color: #8b0505;
        background-image: url('../images/bg.gif');
        background-position: top center;
        background-repeat: repeat-y;
        text-align: left; /* your wysiwyg editor will use this in editing mode */
            
        font-family: Tahoma;
    font-size: 0.9em;
        color: #8b0505;    
    }
    MfG

    guuls
    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 AW: Hintergrund.

    ich tip mal auf

    Code:
    background-repeat: repeat;
    bei dir wiederholt sich nur die y-achse. du brauchst aber x und y.
    also musste repeat nehmen, da ises dann in beide...

    falls des nicht is, sag einfach mal was genau bei dir falsch angezeigt wird...
    >> 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
    Azubi(ne)
    Themenstarter

    Registriert seit
    20.11.2008
    Beiträge
    68
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund.

    Jetzt würde ich aber gerne den Content bereich links und rechts noch etwas größer haben ( so dass noch ein weißer streifen da ist) und der Contenbereich auf jeder Seite bis unten hin weiß ist.
    http://beta.ars-heusenstamm.de/

  4. #4
    Samurai
    Registriert seit
    16.01.2009
    Ort
    Hannover
    Beiträge
    248
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund.

    würde dir erstmal raten die tabelle da ganz schnell wieder raus zu nehmen und das ganze mit div's zu regeln. dann nimmst du einfach einen div der alles umschließt navi und content oder nur content und machst den ohne height was dafür sorgt, dass er sich soweit nach unten ausdehn wie er muss um allen inhalt anzuzeigen.

  5. #5
    Azubi(ne)
    Themenstarter

    Registriert seit
    20.11.2008
    Beiträge
    68
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund.

    Das ist ein Fertiges Template. Das ganze basiert auf Joomla. Möchte da nichts groß ändern nur wissen wie es geht.

  6. #6
    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 AW: Hintergrund.

    glaub dafür musst mehr css rausrücken...

    ich tip mal drauf, dass irgendwo ein "width" festgelegt ist...
    >> 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..."

  7. #7
    Azubi(ne)
    Themenstarter

    Registriert seit
    20.11.2008
    Beiträge
    68
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund.

    Code:
    /* for XHTML */body{
        margin: 0;
        padding: 0;
        background-color: #8b0505;
        background-image: url('../images/bg.gif');
        background-position: top center;
        background-repeat: repeat-x;
    
    
        text-align: left; /* your wysiwyg editor will use this in editing mode */
            
        font-family: Tahoma;
    font-size: 0.9em;
        color: #8b0505;    
    }
    
    
    fieldset.input {border: none;}
    form#com-form-login { font-size: 0.9em;}
    
    
    
    
    /* container div */
    #main{
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: transparent;
        width: 100%;
        text-align:center;
        height: 100%;
    }
    
    #kehys{
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 930px;
        height: 100%;
        background-color: transparent;
    }
    
    /* area for different parts */
    #boxes{
        width: 900px;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #ffffff;
        height: 100%;
    }
    
    #header{
        padding-top: 25px;
        width: 900px;
        height: 150px;
    }
    
    /* logo div, change width , if you want to change wider logo picture to your template */
    
    #logo{
        width: 500px;
        
        
        height: 125px;
    }
    
    /* small navigation at the top right corner of the template */
    
    #othernavi{
        width: 450px;
        float: right;
        text-align:right;
        margin-top: -10px;
        height: 13px;
        line-height: 13px;
    }
    
    /* main navigation top of the page with blue background */
    
    #mainnavi{
        background-image: url('../images/navibg.jpg');
        background-position: top left;
        background-repeat: no-repeat;
    
    font-family: Tahoma;
    color: #ffffff;
    font-size: 0.9em;
        
        width: 900px;
        height: 27px;
        text-align: left;
        line-height: 27px;
    }
    
    #navi{
        float: left;
        width: 700px;
        text-align: right;
    }
    
    /* pathaway part, breadcrumbs */
    
    #crumbs{
        height: 27px;
        line-height:27px;
        text-align:left;
        background-color: #ffffff;
        
        font-family: Tahoma;
        font-size: 0.9em;
        color: #7f7f7f;
        padding-left: 22px;
    }
    
    /* div dearch box module */
    #search{
        float: right;
        width: 184px;
        text-align: left;
        line-height: 27px;
        height: 23px;
        margin-top: 4px;
    }
    
    /* footer div */ 
    #footer{
        height: 43px;
        border-top: 1px solid #f2f2f2;
        clear:both;
    }
    
    /* left footer */
    
    #footerleft{
        height: 43px;
        width: 633px;
        text-align: left;
        float: left;
        padding-top: 11px;
        padding-left: 17px;
        
        color: #626262;
        font-size: 0.9em;
    }
    
    /* right footer */
    
    #footerright{
        height: 43px;
        width: 238px;
        text-align: right;
        float: right;
        padding-top: 11px;
        padding-right: 0.9em;
        
        color: #626262;
        font-size: 0.9em;
    }
    
    /* left column of the template */
    
    #left{
        float: left;
        width: 200px;
        text-align:center;
        margin-bottom: 100px;
        background-color: #f2f2f2;
        padding-top: 13px;
    }
    
    /* place for mainbody and components, different layouts have different widths. Change them. */
    
    #story{
        float: left;
        width: 480px;
        text-align:left;
        margin: 0px 10px 0px 10px;
        padding-bottom: 100px;
    }
    
    #story1{
        float: right;
        width: 680px;
        text-align:left;
        margin: 0px 10px 0px 10px;
        padding-bottom: 100px;
    }
    
    #story2{
        float: left;
        width: 680px;
        text-align:left;
        margin: 0px 10px 0px 10px;
        padding-bottom: 100px;
    }
    
    #story3{
        float: left;
        width: 880px;
        text-align:left;
        margin: 0px 10px 0px 10px;
        padding-bottom: 100px;
    }
    
    /* right column of the template */
    
    div.banneritem img {
    border: none;
    }
    
    #right{
        float: right;
        width: 170px;
        text-align: center;
        margin-bottom: 100px;
        background-color: #ffffff;
        padding-top: 13px;
    }
    
    /* layout for frontpage text and image */
    
    #frontpage{
        float: right;
        text-align: left;
        width: 683px;
        padding-left: 17px;
        
    }
    
    #user1{
        float: left;
        width:683px;
        text-align: left;
    }
    
    #mainbody{
        float: left;
        width:683px;
        text-align: left;
        padding-top: 20px;
    }
    
    #frontleft{
        padding-top: 10px;
        float: left;
        width: 340px;
        text-align:left;
    }
    
    #frontright{
        padding-top: 10px;
        float: right;
        width: 340px;
        text-align: left;
    }
    
    #frontpage div{
        text-align: left;
    }
    
    /* Joomla styles */
    
    /* top navigation */
    ul#mainlevel-nav{
        list-style: none;
        padding: 0;
        margin: 0;
        float: right;
        background: none
    }
    
    ul#mainlevel-nav li{
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        margin: 0;
        font-size: 0.9em;
        line-height: 13px;
        white-space: nowrap;
        border-right: 1px solid #646464;
        background: none
    }
    
    ul#mainlevel-nav li a{
        display: block;
        padding-left: 14px;
        padding-right: 14px;
        text-decoration: none;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        color: #646464;
        background: transparent;
    }
    
    ul#mainlevel-nav li a:hover{
        color: #646464;
        text-decoration: underline;
    }
    
    /* for mainmenu flat list on the blue bg */
    ul#mainlevel-menu{
        list-style: none;
        padding: 0;
        margin: 0;
        float: left;
        background: none
    }
    
    ul#mainlevel-menu li{
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        margin: 0;
        font-size: 13px;
        line-height: 27px;
        white-space: nowrap;
        
        /* use this, if you don't want to use images */
        /* border-right: 1px solid #4077b2; */
        background: none;
        background-image: url('../images/line.gif');
        background-position: top right;
        background-repeat: no-repeat;
        
        font-weight: bold;
    }
    
    ul#mainlevel-menu li a{
        display: block;
        padding-left: 14px;
        padding-right: 14px;
        text-decoration: none;
        color: #ffffff;
        background: transparent;
    }
    
    ul#mainlevel-menu li a:hover{
        color: #ffffff;
        text-decoration: underline;
    }
    
    /* active page navigation style*/
    ul#mainlevel-menu li #active_menu-menu{
        background-image: url('../images/activebg.gif');
        background-position: top left;
        background-repeat:repeat-x;
        
        color: #444444;
    }
    
    /* for includes/footer.php styles */
    #footerleft div{
        padding-right: 5px;
        text-align:left;
    }
    
    /* for search box on the top right of the page */
    #mod_search_searchword{
        overflow: hidden;
        width: 176px;
        border: none;
        background: transparent;
        margin-bottom: 2px;
        color: #8b0505;
        font-size: 0.9em;
    }
    
    /* basic links on the site */
    
    a:link, a:visited {
        color: #c50707; text-decoration: none;
        font-weight: normal;
    }
    
    a:hover {
        color: #c50707;    text-decoration: underline;
        font-weight: normal;
    }
    
    a.footer:link, a.footer:visited {
        color: #c50707; text-decoration: none;
        font-weight: normal;
    }
    
    a.footer:hover {
        color: #c50707;    text-decoration: underline;
    }
    
    a.pathway:link, a.pathway:visited{
        color: #c50707;
    }
    
    a.pathway:hover{
        color: #c50707;
        text-decoration: underline;
    }
    
    a.toclink:link, a.toclink:visited{
        font-size: 0.9em;
    }
    
    a.toclink:hover{
        font-size: 0.9em;
        text-decoration: underline;
    }
    
    table.contentpaneopen {
          width: 100%;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        margin: 0px;
        font-size: 0.9em;
        line-height: 1.5em;
    }
    
    table.contentpaneopen td {
        padding-right: 5px;
        line-height: 1.5em;
    }
    
    table.contentpaneopen td.componentheading {
        font-family: Tahoma;
        color: #4a4a4a;
        text-align: left;    
        font-weight: normal;
        font-size: 18px;
    }
    
    table.contentpaneopen div{
        
    }
    
    ul{
        margin: 0;
        padding: 0px 0px 10px 0px;
        list-style: none;
    }
    
    li{
        list-style-type: none;
        margin: 0;
        padding: 0px 0px 0px 10px;
        background-image: url('../images/bullet.gif');
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    ol{
        margin: 0;
        padding: 0;
        list-style-type: decimal;
    }
    
    ol li{
        background: none;
    }
    
    table.contentpane{
          width: 100%;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        margin: 0px;
        font-size: 0.9em;
    }
    
    table.contentpane td {
        margin: 0px;
        padding: 0px;
    }
    
    table.contentpane table{
        
    }
    
    table.contentpane td.componentheading {
        font-family: Tahoma;
        color: #4a4a4a;
        text-align: left;    
        font-weight: normal;
        font-size: 1em;
    }
    
    table.contentpaneopen fieldset {
        border: 0px;
        border-bottom: 1px solid #ffffff;
    }
    
    .button {
      color: #8b0505;
      font-family: Tahoma;
      text-align: center;
      font-size: 0.9em;
      font-weight: bold;
      border: 1px solid #cccccc;
      width: auto;
      padding: 0px 5px;
      line-height: 18px !important;
      line-height: 16px;
      height: 26px !important;
      height: 24px;
      margin: 1px;
    }
    
    .inputbox {
        padding: 2px;
        border:solid 1px #cccccc;
        background-color: #ffffff;
    }
    
    .componentheading{
        font-family: Tahoma;
        color: #4a4a4a;
        text-align: left;    
        font-weight: normal;
        font-size: 18px;
    }
    
    div.componentheading{
        font-family: Tahoma;
        color: #4a4a4a;
        text-align: left;    
        font-weight: normal;
        font-size: 18px;
    }
    
    .contentcolumn{
        padding-right: 5px;
    }
    
    .contentheading{
        font-family: Tahoma;
    
    
    
    
        color: #4a4a4a;
        text-align: left;    
        font-weight: normal;
        font-size: 18px;
    }
    
    .contentpagetitle {
        font-size: 13px;
        font-weight: bold;
        color: #cccccc;
        text-align:left;
    }
    
    
    
    
    
    
    
    table.searchinto {
    
        width: 100%;
    }
    
    table.searchintro td {
        font-weight: normal;
        font-size: 0.9em;
    }
    
    table.moduletable {
        width: 100%;
        margin-bottom: 5px;
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
    }
    
    div.moduletable{
        margin:auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        
        padding: 0;
        margin-bottom: 27px;
        width: 170px;
        
        color: #646464;
        text-align:left;
        
        font-size: 0.9em;
    }
    
    div.moduletable table{
        font-family: Tahoma;
        font-size: 0.9em;
        color: #646464;
    }
    
    table.moduletable th, div.moduletable h3 {
        background-image: url('../images/moduletablebg_h3.jpg');
        background-position:top left;
        background-repeat: repeat-x;
        
        
        height: 28px;
        line-height: 28px;
        
        color: #4a4a4a;
        text-align: left;
        padding-left: 28px;
        padding-bottom: 10px;
        
        font-weight: bold;
        font-size: 0.9em;
        margin: 0;
    }
    
    table.moduletable td {
        font-size: 0.9em;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
    }
    
    table.pollstableborder td {
      padding: 2px;
    }
    
    .blogsection a{
        font-size: 0.9em;
    }
    
    .latestnews a{
        font-size: 0.9em;
    }
    
    div.back_button{
        font-size: 0.9em;
    }
    
    .pagenav_prev{
        font-size: 0.9em;
    }
    
    .pagenav_next{
        font-size: 0.9em;
    }
    
    span.pathway{
        height: 27px;
        line-height: 27px;
        color: #7f7f7f;
    }
    
    span.pathway a{
        height: 27px;
        line-height: 27px;
        color: #7f7f7f;
    }
    
    div.syndicate{
        text-align: left;
        padding-top: 10px;
    }
    
    div.blog_more{
        font-size: 0.9em;
    }
    
    table.blog table td{
        padding-right: 10px;
    }
    
    .sectiontableheader {
      font-weight: bold;
      background: #f0f0f0;
      padding: 4px;
    }
    
    .sectiontablefooter {
    
    }
    
    .sectiontableentry1 {
        background-color : #ffffff;
    }
    
    .sectiontableentry2 {
        background-color : #f2f2f2;
    }
    
    .small {
        color: #c6c6c6;
        font-size: 10px;
    }
    
    .createdate {
        height: 15px;
        padding-bottom: 10px;
        color: #c6c6c6;
        font-size: 10px;
    }
    
    .modifydate {
        height: 15px;
        padding-top: 10px;
        color: #c6c6c6;
        font-size: 10px;
    }
    
    table.contenttoc {
      border: 1px solid #ffffff;
      padding: 2px;
      margin-left: 2px;
      margin-bottom: 2px;
    }
    
    table.contenttoc td {
      padding: 2px;
    }
    
    table.contenttoc th {
        color: #666666;
        text-align: left;
        padding-top: 2px;
        padding-left: 4px;
        height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
    }
    
    a.mainlevel:link, a.mainlevel:visited {
        display: block;
        vertical-align: middle;
        font-size: 0.9em;
        font-weight: bold;
        color: #646464;
        text-align: left;
        padding-top: 5px;
        
        height: 20px !important;
        height: 25px;
        width: 100%;
        text-decoration: none;
    }
    
    a.mainlevel:hover {
        text-decoration: underline;
        color: #646464;
    }
    
    a.mainlevel#active_menu {
        text-decoration: underline;
        color:#646464;
    }
    
    a.mainlevel#active_menu:hover {
        text-decoration: underline;
        color: #646464;
    }
    
    a.sublevel:link, a.sublevel:visited {
        padding-left: 2px;
        vertical-align: middle;
        font-size: 0.9em;
        font-weight: bold;
        color: #e2292c;
        text-align: left;
    }
    
    a.sublevel:hover {
        color: #900;
        text-decoration: none;
    }
    
    a.sublevel#active_menu {
        color: #333;
    }
    
    .highlight {
        background-color: Yellow;
        color: Blue;
        padding: 0;
    }
    
    .code {
        background-color: #ddd;
        border: 1px solid #999999;
    }
    
    form {
    /* removes space below form elements */
        margin: 0;
         padding: 0;
    }
    
    div.mosimage {
      border: 1px solid #999999;
    }
    
    .mosimage {
      border: 1px solid #999999;
      margin: 5px
    }
    
    .mosimage_caption {
      margin-top: 2px;
      background: #efefef;
      padding: 1px 2px;
      color: #666;
      font-size: 0.9em;
      border-top: 1px solid #999999;
    }
    
    span.article_seperator {
        display: block;
        height: 1.5em;
    }
    
    h1{
        font-family: Tahoma;
        color: #ff9900;
        text-align: left;    
        font-weight: normal;
        font-size: 18px;
    }
    
    h2{
        color: #cccccc;
        font-family: Tahoma;
        font-size: 15px;
        font-weight: normal;
    }
    
    h3{
        color: #4a4a4a;
        font-family: Tahoma;
        font-size: 15px;
        font-weight: normal;
    }

  8. #8
    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 AW: Hintergrund.

    du brauchst erstmal den container mit der id kehys. dort erhöhe
    mal den wert bei width (z.b. auf 1000px). dann schau mal was passiert.
    gut möglich, dass du noch boxes usw erhöhen musst...
    >> 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..."

  9. #9
    Azubi(ne)
    Themenstarter

    Registriert seit
    20.11.2008
    Beiträge
    68
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund.

    Ja das geht. Aber nicht wenn ich es auf 100% stehen habe. Aber so sollte es ja stehen damit es auf jeder Seite passt.oder nicht?

  10. #10
    Azubi(ne)
    Themenstarter

    Registriert seit
    20.11.2008
    Beiträge
    68
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrund.

    Jetzt stimmts. Danke an euch

Ähnliche Themen

  1. Hintergrund
    Von Kampfgnom1993 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 12.05.2008, 15:30
  2. Hintergrund
    Von nickido im Forum HTML & CSS Forum
    Antworten: 23
    Letzter Beitrag: 06.05.2007, 15:48
  3. Hintergrund
    Von vision2003 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 11.11.2006, 12:40
  4. Hintergrund?!
    Von Pitchfork im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 24.09.2005, 13:25
  5. Hintergrund
    Von Tim im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 28.06.2004, 14:58

Stichworte

Berechtigungen

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