Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2008
    Messaggi
    1

    Layout a due colonne su file css.

    Ciao utilizzo Greatnews come feed reader desktop e i post sono affiancati in due colonne vicine, secondo voi in questo file css quale riga devo modificare per leggere i post in verticale, cioè uno sopra l’altro e non affiancati come di default?

    Grazie!

    I post affiancati:
    http://i29.tinypic.com/t8pz10.jpg



    /* body level */
    body
    {
    margin: 0px;
    color: #000000;
    font-family: Lucinda Grande;
    }

    a:link { text-decoration: none; color: #000000; font-weight: bold; }
    a:visited { text-decoration: none; color: #537986; }
    a:hover { text-decoration: underline; }
    a:active { text-decoration: none; }

    img
    {
    border: 0px;
    max-width: 100%;
    }

    /* pager */
    div.gn_pager
    {
    clear: both;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    margin: 1px;
    padding: 1px;
    }
    span.gn_pagenumber
    {
    padding-right: 70px;
    padding-left: 70px;
    color: white;
    background-color: gray;
    }
    a.gn_pagerlink
    {
    }

    /* channel level */
    div.gn_channeltitle
    {
    clear: both;
    background-color: #6666FF;
    border: 5px solid #000000;
    margin: 8px;
    padding: 4px;
    width: 97%
    }

    div.gn_channeltitletext
    {
    font-size: 150%;
    font-weight: bold;
    padding: 2px;
    }

    div.gn_channeldesc
    {
    font-size: 0%;
    font-weight: bold;
    margin: 10px;
    }

    div.gn_channelimage
    {
    display: none;
    }

    /* story level */
    div.gn_story, div.gn_stories
    {
    border: 5px solid #000000;
    vertical-align: top;
    margin: 5px;
    vertical-align: top;
    padding: 0px;
    }

    div.gn_story
    {
    width: 97%;
    overflow: visible;
    }

    div.gn_stories
    {
    width: 47%;
    float: right;
    overflow: visible;
    display: inline;
    }

    div.gn_storytitle
    {
    font-size: 130%;
    font-weight: bold;
    line-height: 1.1;
    background-color: #66FFCC;
    margin: 0px;
    padding: 5px 5px 8px 8px;
    }

    div.gn_storydetails,td
    {
    clear: both;
    font-size: 120%;
    margin: 0px;
    padding: 8px 10px;
    }

    div.gn_storydetails img {
    border: 0px solid rgb(153, 153, 153);
    padding: 1px;
    height: auto;
    float: right;
    margin-left: 0.6em;
    }

    div.gn_storyfooter
    {
    clear: both;
    margin: 0px;
    padding: 8px 10px;
    font-size: 80%;
    }

    span.gn_publishtime, a.noLabel, a.withLabel, span.noLabel, span.withLabel
    {
    text-align: right;
    font-size: 100%;
    font-family: Arial Black
    }

    div.comment
    {
    margin-top: 15px;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
    }

    div.comment p
    {
    margin: 1px;
    }

    span.commentTime
    {
    color: white;
    border-bottom: 1px solid;
    background-color: gray;
    margin: 1px 10px 1px 1px;
    }

  2. #2
    Secondo me è qualcosa relativo al float:right ma magari sbaglio.

    Prova a commentare il codice a quella riga.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.