Visualizzazione dei risultati da 1 a 7 su 7

Discussione: 1px di bordino

  1. #1
    Utente di HTML.it L'avatar di urulela
    Registrato dal
    Sep 2001
    Messaggi
    356

    1px di bordino

    scusate ma stò diventando matto...
    in allegato è mostrato il mio problema.
    ho messo il bg di sfondo ripetuto in verticale conquesto codice

    codice:
    background:#BBBBBB url(images/bg.gif) repeat-y center;
    su opera, firefox, epiphany e camino no problem, mentre su IE mi lascia un margine bianco (nell'allegato l'immagine a sx -sx IE dx firefox) di c.ca un px che mi da un fastidio enorme
    non capisco da cosa possa dipendere
    ne sapte qualcosa? grazie
    Immagini allegate Immagini allegate
    nechine, nechine, nasanucolò...

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Scrivendo così la tua immagine la posiziona esattamente al centro,é questo che volevi?
    In genere di default la posizione del background è center top.

  3. #3
    Utente di HTML.it L'avatar di urulela
    Registrato dal
    Sep 2001
    Messaggi
    356
    ciao scusa per il ritardo, ma ero fuori per lavoro
    si l'immagine deve essere centrata ma cmq niente da fare, pur mettendo "top" rimaneil fastidioso bordino di un px a dx
    un espediente ci sarebbe fare il bg di 959px invce che 960, ma non ha ragione di esistere una cose del genere
    ho riguardato tutto il css e l'html, ma non c'e niente di anomalo
    nechine, nechine, nasanucolò...

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Puoi postare il link o il codice?

  5. #5
    Utente di HTML.it L'avatar di urulela
    Registrato dal
    Sep 2001
    Messaggi
    356
    eccolo

    codice:
    /* Normal, standard links. */
    a:link {
       color: #000099;
       text-decoration: none;
    }
    
    a:visited {
       color: #000099;
          text-decoration: none;
    }
    
    a:hover {
       color: #000066;
       text-decoration: underline;
    }
    
    /* Navigation links - for the link tree. */
    .nav, .nav:link, .nav:visited {
       color: #000099;
       text-decoration: none;
    }
    
    a.nav:hover {
       color: #000066;
       text-decoration: underline;
    }
    
    /* Tables should show empty cells. */
    table {
       empty-cells: show;
    }
    
    /* By default (td, body..) use verdana in black. */
    body, td, th , tr {
       line-height: 150%;
        font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
       color: #222;
       font-size: 12px;
    }
    
    /* The main body of the entire forum. */
    body {
       background: #bbb url(images/bg.gif) center top repeat-y;
          margin: 0;
       padding: 0;
    }
    
    /* Input boxes - just a bit smaller than normal so they align well. */
    input, textarea, button {
       color: #222;
       font-family: verdana, sans-serif;
    }
    
    input, button {
       font-size: 110%;
    }
    
    textarea {
       font-size: 110%;
       color: #000;
       font-family: verdana, sans-serif;
    }
    
    /* All input elements that are checkboxes or radio buttons. */
    input.check {
    }
    
    /* Selects are a bit smaller, because it makes them look even better 8). */
    select {
       font-size: 110%;
       font-weight: normal;
       color: #222;
       font-family: verdana, sans-serif;
    }
    
    /* Standard horizontal rule.. ([hr], etc.) */
    hr, .hrcolor {
       height: 1px;
       border: 0;
       color: #222;
       background-color: #bbb;
    }
    
    /* No image should have a border when linked */
    a img {
          border: 0;
    }
    
    /* A quote, perhaps from another post. */
    .quote {
       color: #222;
       background-color: #fff;
       border: 1px solid #b4d1e7;
       margin: 5px;
       padding: 5px;
       font-size: x-small;
       line-height: 1.5em;
    }
    
    /* A code block - maybe even PHP ;). */
    .code {
       color: #222;
       background-color: #FFFF99;
       /*font-family: "courier new", "times new roman", monospace;*/
       font-size: x-small;
       line-height: 1.3em;
       /* Put a nice border around it. */
       border: 1px solid #bbb;
       margin: 1px auto 1px auto;
       padding: 1px;
       width: 99%;
       /* Don't wrap its contents, and show scrollbars. */
       white-space: nowrap;
       overflow: auto;
       /* Stop after about 24 lines, and just show a scrollbar. */
       max-height: 24em;
    }
    
    /* The "Quote:" and "Code:" header parts... */
    .quoteheader, .codeheader {
       color: #222;
       text-decoration: none;
       font-style: normal;
       font-weight: bold;
       font-size: x-small;
       line-height: 1.2em;
    }
    
    /* Generally, those [?] icons.  This makes your cursor a help icon. */
    .help {
       cursor: help;
    }
    
    /* /me uses this a lot. (emote, try typing /me in a post.) */
    .meaction {
       color: red;
    }
    
    /* The main post box - this makes it as wide as possible. */
    .editor {
       width: 96%;
    }
    
    /* Highlighted text - such as search results. */
    .highlight {
       background-color: yellow;
       font-weight: bold;
       color: #222;
    }
    
    /* Alternating backgrounds for posts, and several other sections of the forum. */
    .windowbg {
       padding: 5px; 
       color: #222;
       background-color: #E7EFF5;
       
    }
    
    .windowbg2 {
       padding: 5px;
       background-color: #D5E6F3;
       
    }
    
    .windowbg3 {
       padding: 5px;
       background-color: #b4d1e7;
       
    }
    
    /* the today container in calendar */
    .calendar_today {
       background-color: #fff;
    }
    
    /* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
    .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
       color: #222;
       font-style: normal;
       background: #B4D1E7;
       padding-left: 10px;
       padding-right: 10px;
          line-height: 20px;
    }
    
    .titlebg, .titlebg a:link, .titlebg a:visited {
       font-weight: bold;
       color: #222;
       font-style: normal;
    }
    
    .titlebg a:hover {
       text-decoration:underline
    }
    
    /* same as titlebg, but used where bold text is not needed */
    .titlebg2 a:link, .titlebg2 a:visited {
       color: #222;
       font-style: normal;
       text-decoration: none;
    }
    
    .titlebg, .titlebg2 {
       font-size: 8pt;
       font-family: verdana, sans-serif;
    }
    
    .titlebg2 a:hover {
       text-decoration: underline;
    }
    
    /* This is used for categories, page indexes, and several other areas in the forum.
    .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
    .catbg , tr.catbg td , .catbg3 , tr.catbg3 td {
       background: #000099;
       color: #ffffff;
       padding-left: 10px;
       padding-right: 10px;
          line-height: 20px;
    }
    
    .catbg2 , tr.catbg2 td {
       background: #000099;
       color: #ffffff;
       padding-left: 10px;
       padding-right: 10px;
          line-height: 20px;
    }
    
    .catbg, .catbg2, .catbg3 {
       font-size: 8pt;
       font-family: verdana, sans-serif;
    }
    
    .catbg, .catbg2 {
       font-weight: bold;
    }
    
    .catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
       font-size: 95%;
       color: white;
       text-decoration: none;
    }
    
    .catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {
       color: white;
       text-decoration: none;
    }
    
    .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
       color: #bbb;
    }
    
    /* This is used for tables that have a grid/border background color (such as the topic listing.) */
    .bordercolor {
    }
    
    /* This is used on tables that should just have a border around them. */
    .tborder {
       border: none;
       padding: 0px;
    }
    
    /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
    .smalltext {
       font-size: x-small;
       font-family: verdana, sans-serif;
    }
    
    .middletext { 
       line-height: 18px;
       text-indent: 10px;
    }
    
    .normaltext {
       font-size: small;
    }
    
    .largetext {
       font-size: large;
    }
    
    /* Posts and personal messages displayed throughout the forum. */
    .post, .personalmessage {
       width: 100%;
       overflow: auto;
       line-height: 1.5em;
       
       
    }
    
    /* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
    .signature {
       width: 100%;
       overflow: auto;
       padding-bottom: 3px;
       line-height: 1.3em;
    }
    
    /* Sometimes there will be an error when you post */
    .error {
          color: red;
    }
    
    /* definitions for the main tab, active means the tab reflects which page is displayed */
    .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last {
       background-position: left bottom;
       color: white;
       vertical-align: top;
    }
    
    .maintab_back, .maintab_active_back {
       color: white;
       text-decoration: none;
       font-size: 11px;
       vertical-align: top;
       padding: 4px;
       font-family: Verdana, sans-serif;
    }
    
    .maintab_first {
       display: none;
    }
    
    .maintab_back {
       background: #000066;
       color: white;
    }
    
    .maintab_last {
       display: none;
    }
    
    .maintab_active_first {
       display: none;
    }
    
    .maintab_active_back {
       background: #000066;
       color: white;
    }
    
    .maintab_active_last {
       display: none;
    }
    
    /* how links behave in main tab. */
    .maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited {
       color: white;
       text-decoration: none;
    }
    
    .maintab_back a:hover, .maintab_active_back a:hover {
       color: #FFFFFF;
       text-decoration: underline;
    }
    
    /* definitions for the mirror tab */
    .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
       background-position: left top;
       color: white;
       vertical-align: top;
    }
    
    .mirrortab_back, .mirrortab_active_back {
       color: white;
       text-decoration: none;
       font-size: 11px;
       vertical-align: bottom;
       padding: 4px;
       font-family: Verdana, sans-serif;
    }
    
    .mirrortab_first {
       display: none;
    }
    
    .mirrortab_back {
       background: #000066;
       color: white;
    }
    
    .mirrortab_last {
       display: none;
    }
    
    .mirrortab_active_first {
       display: none;
    }
    
    .mirrortab_active_back {
       background: #000066;
       color: white;
    }
    
    .mirrortab_active_last {
       display: none;
    }
    
    /* how links behave in mirror tab. */
    .mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited {
       color: white;
       text-decoration: none;
    }
    
    .mirrortab_back a:hover, .mirrortab_active_back a:hover {
       color: #fff;
       text-decoration: underline;
    }
    
    #linktree {
       padding: 1ex;
       font-size: x-small;
    }
    
    #linktree a {
       text-decoration: none;
    }
    
    /* navbar */
    #toolbar {
       height: 30px;
       background: url(images/bg_nav.gif) no-repeat;
         }
    
    #navsx li a {
       color: #fff;
       font-size:11px;
       text-transform:uppercase;
    }
    
    #navsx a:hover {
       text-decoration: underline;
    }
    
    #navsx {
       margin: 0;
       padding: 0;
       height: 30px;
      }
    
    #navsx ul {
       padding: 0;
       margin: 0;
       
       }
    
    #navsx li {
       margin: 0;
       padding: 0;
       float: left;
       display: block;
       background:#000066
    }
    
    #navsx a {
       text-decoration: none;
       cursor: pointer;
       font-weight: bold;
    }
    
    #navsx li.on li.on a {
       text-decoration: underline;
    }
    
    #navsx li a {
       display: block;
       float: left;
       height: 30px;
       line-height: 30px;
       padding: 0 8px;
    }
    
    
    
    #navdx li a {
       color: #fff;
       font-size:11px;
       text-transform: capitalize;
    }
    
    #navdx a:hover {
       text-decoration: underline;
    }
    
    #navdx {
       margin: 0;
       padding: 0;
       height: 30px;
       float: right;
       
    }
    
    #navdx ul {
       padding: 0;
       margin: 0;
       
       }
    
    #navdx li {
       margin: 0;
       padding: 0;
       float: left;
       display: block;
       background:#000066
    }
    
    #navdx a {
       text-decoration: none;
       cursor: pointer;
       font-weight: bold;
    }
    
    #navdx li.on li.on a {
       text-decoration: underline;
    }
    
    #navdx li a {
       display: block;
       float: left;
       height: 30px;
       line-height: 30px;
       padding: 0 8px;
    }
    
    #wrapper {
       margin: auto;
       width: 960px;
       
    }
    
    #mainarea {
       background: #fff;
       padding:10px;
       min-height: 800px;
    }
    
    #header {
       position: relative;
       height: 120px;
       overflow: hidden;
       background: url(images/bg_header.gif) repeat-y center;
    }
    
    #logo {
       position: absolute;
       top: 25px;
       left: 20px;
       display: block;
       width: 390px;
       height: 70px;
       background: url(images/logo.gif) no-repeat;
          cursor: pointer;
    }
    
    #welcome {
       font-size: 12px;
       font-weight:bold;
       color: #fff;
       font-family: verdana, tahoma, sans-serif;
       float: right;
       padding: 30px 70px 0 0 ;
       text-align: right;
    }
    
    #welcome a:link, #welcome a:visited {
          color: #FFFF00;
    }
    
    #welcome a:hover {
          text-decoration: underline;
    }
    
    #footer {
       padding: 25px 0;
       text-align: center;
       font-size: 11px;
       color: #fff;
       background: #000099  url(images/bg_footer.gif) repeat-y center;
       border-top: #000066 10px solid
    }
    
    #footer a:link , #footer a:visited {
       color: #fff;
    }
    
    #footer a:hover {
       color: #fff;
       text-decoration:underline;
    }
    nechine, nechine, nasanucolò...

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    L'avessi mai detto =). Mi serve anche il codice di struttura.

    Cmq prima di postarlo prova dichiarare all'inizio del css:

    codice:
    *{
       margin:0;
       padding:0;
    }
    Sperando che a questo punto non faccia danni.
    Quando inizi a scrivere il css, ti consiglio di utilizzare sempre il selettore universale per azzerare i margini e i padding
    Ti permette di avere una condizione uniforme per tutti gli interpreti.

  7. #7
    Utente di HTML.it L'avatar di urulela
    Registrato dal
    Sep 2001
    Messaggi
    356
    Originariamente inviato da gengix
    L'avessi mai detto =). Mi serve anche il codice di struttura.

    Cmq prima di postarlo prova dichiarare all'inizio del css:

    codice:
    *{
       margin:0;
       padding:0;
    }
    Sperando che a questo punto non faccia danni.
    Quando inizi a scrivere il css, ti consiglio di utilizzare sempre il selettore universale per azzerare i margini e i padding
    Ti permette di avere una condizione uniforme per tutti gli interpreti.
    ciao gengix, scusa ma sono sempre fuori per lavoro
    ho provato con il code qua in cima, ma non succede niente... cmq non sono solo io ad avere questo dai un'occhiata (se puoi) qui http://www.extenzilla.org/. guardalo prima con firefox e poi con IE... l'header a dx ha il bordino (in IE) come il mio e la cosa mi fa divetare matto perchè nonc apisco dove/come/quando
    nechine, nechine, nasanucolò...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.