Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Why the UL is not appearing like it normally is (unordered and every li on top of the next)

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #38685
    oespinozai
    Member

    Please see “Marketing Online Box”
    link: http://savoir-faire.pe/test/index.html




    Marketing Online



    • Generación y Mantenimiento de Plataformas de Comunicación

    • Estrategias de Posicionamiento Online

    • Elaboración de Estrategias de Marketing






    Fotografía de Moda



    • Editoriales

    • Lookbooks

    • Tenidas

    • Fotografía Publicitaria





    Marketing Online



    • Generación y Mantenimiento de Plataformas de Comunicación

    • Estrategias de Posicionamiento Online

    • Elaboración de Estrategias de Marketing

















    @charset "utf-8";
    /* CSS Document */

    * {
    margin:0px;
    padding:0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    }


    #containerslice{
    width:100%;
    background-image:url(images/bckslice_02.png);
    background-repeat:repeat-x repeat-y;
    min-height:1080px;

    }

    #containerimage {
    width:100%;
    background-image:url(images/top_container_bakground_02.png);
    background-repeat:no-repeat;
    background-position:center;
    min-height:400px;
    }

    #header {
    width: 100%;
    border: 1px solid black;
    position:relative;

    }

    #lineash{
    background-image:url(images/lineash.png);
    background-repeat:repeat-x;
    height: 20px;

    }

    #logo {
    background-image:url(images/logo_03.png);
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    text-indent:-9999px;
    margin: 10px auto;
    width: 20%;
    height:117px;
    margin-left: 40%;
    }

    li {
    display: inline;
    width:40%;
    text-align:center;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size:1em;
    text-transform:uppercase;
    font-weight:500;
    text-shadow: 1px 1px 1px #666;
    float:left;
    }

    #wrapper li {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-transform:lowercase;
    text-align:left;
    font-size:0.6em;
    min-height:inherit;
    }

    .nav1{
    width: 40%;
    float:left;
    margin-top:70px;
    margin-left:-10px;
    }
    .nav1 a {
    color:#FFF;
    text-decoration:none;
    color:#141414;
    }

    .nav2{
    width: 40%;
    float:right;
    margin-top:70px;
    margin-right:10px;
    }
    .nav2 a {
    color:#FFF;
    text-decoration:none;
    color:#141414;
    }

    .nav2 li { /**MODIFICA EXCLUSIVAMENTE LI DE NAV2 PA ALINEAR DERECHA**/
    float:right;
    }

    /**CONTENT**/

    #content {
    width:90%;
    position:relative;
    float:left;
    min-height:475px;
    margin:60px auto;
    margin-bottom:30px;
    margin-left:5%;
    }

    #slider {
    background-image:url(images/slider.png);
    background-repeat:no-repeat;
    background-position:center;
    width:100%;
    height:250px;
    float:inherit;
    position:relative;
    margin-bottom:25px;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    }

    #servicios{
    float:inherit;
    width:75%;
    min-height:200px;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:#7E7E7E;
    }

    #mktonline {
    float:inherit;
    width:32%;
    min-height:200px;
    border:1px solid black;
    margin-right:10px;
    background-color:white;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    }

    #foto {
    float:inherit;
    width:32%;
    min-height:200px;
    border:1px solid black;
    margin-right:10px;
    background-color:white;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    }

    #prensa {
    float:inherit;
    width:32%;
    min-height:200px;
    border:1px solid black;
    margin-right:10px;
    background-color:white;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    }

    h2 {
    font-family: "Times New Roman", Times, serif;
    font-style:italic;
    font-size:2em;
    text-align:center;
    }

    #wrapper ul{
    display:inline;
    }

    #qrcodecontact{
    float:right;
    width:23.5%;
    height:200px;
    border:1px solid black;
    }

    #footer {
    background-color:#141414;
    color:#ececec;
    min-height:150px;
    position:relative;
    width:100%;
    height:100%;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size:1em;
    clear:both;


    }

    #footer .wrapper {
    padding:30px;
    width:960px;
    margin:0 auto;
    vertical-align:baseline;
    display:block;
    border: 1px solid #F00;

    }

    .footerlinks {
    border:1px solid #096;
    text-align:left;
    width:40%;
    }

    .footerlinks a {
    width:20%;
    text-decoration:none;
    text-align:center;
    color:#ececec;
    font-size:1em;
    text-align:center;
    border:1px solid #096;
    }

    .footerlinks ul{
    border:1px solid #C99;
    list-style-type:none;
    margin: auto;
    padding:0;
    }
    .footerlinks li {
    margin-bottom:10px;
    }

    #copyright {
    width:30%;
    float:left;
    border:1px solid #096;
    font-size:0.8em;
    text-align:center;
    margin: 10px 0 0 35%;
    }

    .socialicons {
    width:30%;
    border:1px solid #096;
    float:right;
    font-size:1em;
    font-family:"Socialico";

    }

    .socialicons li {
    width:20%;
    margin-left:10%;
    display:inline;
    border:1px solid #096;
    font-family:Socialico;
    }
    #104963
    TheDoc
    Member

    On line 56 of your stylesheet you have declared ALL list items be displayed inline and floated to the left.

    #104987
    oespinozai
    Member

    Lol, my brain had had enough last night! Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.