Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje09-02-2013, 04:39 (UTC)    
Título del mensaje: Problema diseño CSS
Responder citando
Hola, hace poco cree mi página, busque un diseño en internet y lo acomode para mi web, pero el contenido de las paginas internas sale corrido muy abajo, no se que estara mal en el diseño, me ayude con lo que sabia de mi pagina anterior, y unos video de youtube.
Aquí estan los codigos con los links de imagenes acomodados:
Texto por encima de la página:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<title>Alchicorp</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="style_ie.css" /><![endif]-->
</head>
<body>
<div id="page">
  <div id="page-top">
    <div id="page-bottom">
      <div id="header">
        <div id="header-info">
          <h1><a href="http://alchicorp.es.tl/">Alchicorp</a></h1>
          <div class="description">New Alchi's page</div>
        </div>
        <div id="header-menu">
          <ul>
            <li><a href="http://alchicorp.es.tl/">Home</a></li>
            <li class="page_item"><a href="about.html">About</a></li>
            <li class="page_item"><a href="http://www.free-css.com/">Contact</a></li>
            <li class="page_item"><a href="http://www.free-css.com/">Forum</a></li>
          </ul>
        </div>
        <div id="header-search">
          <form method="get" id="searchform" action="">
            <input type="text" value="Aqui estaran los temas de la pagina" onfocus="if (this.value == 'Search: Type text and hit enter!') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search: Type text and hit enter!';}" name="s" id="s" />
            <input type="submit" id="searchsubmit" value="" />
          </form>
        </div>
        <div id="header-feed"> <a href="http://www.alchicorp.es.tl/"><img src="http://img.webme.com/pic/a/alchicorp/mini.logio.png"/></a> </div>
     </div>
      <div id="main">
        <div id="sidebar">
          <div id="sidebar-left">
            <div class="sidebar-box">
              <h3>Pages</h3>
              <ul>
                <li class="page_item"><a href="http://www.free-css.com/">About</a></li>
                <li class="page_item"><a href="http://www.free-css.com/">Contact</a></li>
                <li class="page_item"><a href="http://www.free-css.com/">Forum</a></li>
              </ul>
            </div>
            <div class="sidebar-box">
              <h3>Categories</h3>
              <ul>
                <li class="cat-item"><a href="http://www.free-css.com/">Blockquote</a> </li>
                <li class="cat-item"><a href="http://www.free-css.com/">List</a> </li>
                <li class="cat-item"><a href="http://www.free-css.com/">Lorem</a> </li>
                <li class="cat-item"><a href="http://www.free-css.com/">Post</a> </li>
                <li class="cat-item"><a href="http://www.free-css.com/">Simple</a> </li>
              </ul>
            </div>
            <div class="sidebar-box">
              <h3>Meta</h3>
              <ul>
                <li><a href="http://www.free-css.com/">Log in</a></li>
                <li><a href="http://www.free-css.com/">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
                <li><a href="http://www.free-css.com/">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
                <li><a href="http://www.free-css.com/">WordPress.org</a></li>
              </ul>
            </div>
          </div>
          <div id="sidebar-right">
            <div class="sidebar-box">
              <h3>Archives</h3>
              <ul>
                <li><a href="http://www.free-css.com/">May 2008</a></li>
              </ul>
            </div>
            <div class="sidebar-box">
              <h3>Blogroll</h3>
              <ul>
                <li><a href="http://www.free-css.com/">Development Blog</a></li>
                <li><a href="http://www.free-css.com/">Documentation</a></li>
                <li><a href="http://www.free-css.com/">Plugins</a></li>
                <li><a href="http://www.free-css.com/">Suggest Ideas</a></li>
                <li><a href="http://www.free-css.com/">Support Forum</a></li>
                <li><a href="http://www.free-css.com/">Themes</a></li>
                <li><a href="http://www.free-css.com/">WordPress Planet</a></li>
              </ul>
            </div>
          </div>
        </div>


Texto por debajo de la página:
Código:
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="navigation">
            <div class="navigation-previous"></div>
            <div class="navigation-next"></div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div id="footer"> <a href="http://wpjunction.com" class="wt">Web Design</a> by <a href="http://www.ledgerservices.co.uk/construct_advanced.htm">Construct</a> for <a href="http://www.mangosteensupersite.com/">Xango</a>, <a href="http://www.artopportunity.com">Home Improvement</a> and <a href="http://www.inkent.info/">Kent Information</a>. </div>
    </div>
  </div>
</div>
</body>
</html>

Y
CSS-Code sin Style Tags:
Código:
/*
Theme Name: Furnoffice
Theme URI: http://wpjunction.com
Description: A theme by <a href="http://wpjunction.com">Website Designs</a>.
Version: 1.0
Author: HPA
Author URI: http://wpjunction.com
*/


/* General */

body {
   margin: 0;
   background: #232a34;
}

h1, h2, h3, h4 {
   margin: 0;
}

img {
   border: 0;
}

.clear {
   clear: both;
   height: 0;
   overflow: hidden;
}


/* Page */

#page {
   margin: 0 auto;
   width: 1004px;
   background: url("http://img.webme.com/pic/a/alchicorp/page.gif") repeat-y;
}

#page-top {
   width: 1004px;
   background: url("http://img.webme.com/pic/a/alchicorp/page_top4.jpg") no-repeat;
}

#page-bottom {
   width: 1004px;
   min-height: 555px;
   background: url("http://img.webme.com/pic/a/alchicorp/page_bottom.png") no-repeat left bottom;
}


/* Header */

#header {
   width: 1004px;
   height: 394px;
   position: relative;
}

   /* Header - Info */
   
   #header #header-info {
      position: absolute;
      top: 293px;
      left: 20px;
   }
   
   #header #header-info h1 {
      color: #29303b;
      font: normal 36px Verdana;
      padding-bottom: 3px;
   }
   
   #header #header-info h1 a {
      color: #29303b;
      text-decoration: none;
   }
   
   #header #header-info .description {
      color: #3b4802;
      font: normal 18px Verdana;
   }
   
   /* Header - Menu */
   
   #header #header-menu {
      position: absolute;
      top: 13px;
      left: 24px;
      width: 955px;
      height: 38px;
   }
   
   #header #header-menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      width: 955px;
      height: 38px;
   }
   
   #header #header-menu ul li {
      float: left;
      height: 38px;
      font: normal 14px/38px Georgia, Verdana;
      color: #d1d1d3;
      margin-right: 25px;
   }
   
   #header #header-menu ul li a {
      color: #d1d1d3;
      text-decoration: none;
   }
   
   #header #header-menu ul li a:hover {
      color: #b9c966;
   }
   
      /* Header - Menu - Submenu */
      
      #header #header-menu ul li ul {
         display: none;
      }
   
   /* Header - Search */
   
   #header #header-search {
      position: absolute;
      top: 410px;
      left: 35px;
      width: 250px;
      height: 23px;
   }
   
   #header #header-search #searchform {
      margin: 0;
      padding: 0;
      width: 250px;
      height: 23px;
   }
   
   #header #header-search #s {
      width: 250px;
      height: 17px;
      border: 0;
      padding: 3px 0;
      font: normal 14px Georgia, Verdana;
      color: #11151b;
      background: transparent;
      float: left;
   }
   
   #header #header-search #searchsubmit {
      background: transparent;
      border: none;
      width: 0;
      height: 23px;
      padding: 0;
      float: right;
      display: none;
   }
   
   /* Header - Feed */
   
   #header #header-feed {
      position: absolute;
      top: 388px;
      left: 289px;
      width: 66px;
      height: 66px;
   }


/* Main */

#main {
   width: 1004px;
}

   /* Main - Sidebar */
   
   #sidebar {
      float: left;
      width: 341px;
      font: normal 12px/18px Verdana;
      color: #8b919b;
      margin-top: 68px;
      padding: 0 31px 0 19px;
   }
   
   #sidebar a {
      color: #9cb72f;
      text-decoration: none;
   }
   
   #sidebar a:hover {
      text-decoration: underline;
   }
   
   /* Main - Sidebar - Sides */
   
   #sidebar #sidebar-left {
      float: left;
      width: 168px;
   }
   
   #sidebar #sidebar-right {
      float: right;
      width: 168px;
   }
   
   /* Main - Sidebar - Boxes */
   
   #sidebar .sidebar-box {
      width: 168px;
      margin-bottom: 10px;
   }
   
      /* Sidebar - Titles */
      
      #sidebar h3 {
         width: 160px;
         height: 29px;
         padding-left: 8px;
         font: normal 14px/29px Arial, Verdana;
         color: #2c333f;
         margin-bottom: 5px;
         background: url("http://img.webme.com/pic/a/alchicorp/sidebar_title.gif") no-repeat;
      }
      
      /* Sidebar - Menus */
      
      #sidebar ul {
         margin: 0;
         padding: 0 0 0 5px;
         list-style-type: none;
      }
      
      #sidebar ul li {
         color: #8b919b;
         font: normal 12px/24px Verdana;
         background: url("http://img.webme.com/pic/a/alchicorp/sidebar_menu.gif") no-repeat;
         padding-left: 12px;
      }
      
      #sidebar ul li a {
         color: #8b919b;
         text-decoration: none;
      }
      
      #sidebar ul li a:hover {
         text-decoration: underline;
      }
      
         /* Sidebar - Menus - Submenus */
         
         #sidebar ul li ul {
            padding: 0;
         }
      
      /* Sidebar - Forms */
      
      #sidebar #searchform {
         margin: 0;
         padding: 10px 0;
         text-align: center;
      }
      
      #sidebar #searchform #s {
         width: 140px;
      }
      
      /* Sidebar - Tables */
      
      #sidebar #calendar_wrap {
         width: 145px;
         margin: 0 auto;
      }
      
      #sidebar #calendar_wrap table {
         width: 145px;
      }
      
      #sidebar #calendar_wrap caption {
         margin: 0 auto;
         font-weight: bold;
      }
      
      #sidebar #calendar_wrap tbody {
         text-align: right;
      }
      
      #sidebar #calendar_wrap tfoot #next {
         text-align: right;
      }
      
      #sidebar #calendar_wrap #today {
         font-weight: bold;
      }
      
      /* Sidebar - Texts */
      
      #sidebar .textwidget {
         padding: 0 1px;
      }
   
   /* Main - Content */
   
   #content {
      float: left;
      width: 599px;
   }
   
   /* Main - Content - Post */
   
   #content .post {
      float: left;
      margin-bottom: 20px;
      width: 599px;
   }
   
      /* Post - Title */
      
      #content .post .post-title {
         width: 599px;
         height: 59px;
         color: #8da3a8;
         font: normal 12px Verdana;
         margin-bottom: 8px;
         background: url("http://img.webme.com/pic/a/alchicorp/post_title.gif") repeat-x left bottom;
      }
      
         #content .post .post-title-page {
            height: 36px;
         }
      
      #content .post .post-title a {
         color: #8da3a8;
         text-decoration: none;
      }
      
      #content .post .post-title a:hover {
         text-decoration: underline;
      }
      
      #content .post .post-title .post-date {
         float: left;
         width: 50px;
         height: 50px;
         padding: 0 4px 3px 0;
         margin-right: 9px;
         color: #c1c4c6;
         font: normal 24px/34px Verdana;
         text-align: center;
         background: url("http://img.webme.com/pic/a/alchicorp/post_date.gif") no-repeat;
      }
      
      #content .post .post-title .post-date span {
         display: block;
         text-transform: uppercase;
         font-size: 10px;
         color: #71808e;
         line-height: 16px;
      }
      
      #content .post .post-title h2 {
         color: #9cb72f;
         font: normal 24px/32px Verdana;
      }
      
      #content .post .post-title h2 a {
         color: #9cb72f;
         text-decoration: none;
      }
      
      #content .post .post-title h2 a:hover {
         text-decoration: underline;
      }
      
      #content .post .post-title .post-title-info {
         height: 20px;
         line-height: 20px;
         overflow: hidden;
      }
      
         #content .post .post-title .post-title-info .post-title-author {
            float: left;
            background: url("http://img.webme.com/pic/a/alchicorp/icon_author.gif") no-repeat left center;
            padding: 0 10px 0 20px;
            height: 20px;
            line-height: 20px;
         }
         
         #content .post .post-title .post-title-info .post-title-category {
            float: left;
            background: url("http://img.webme.com/pic/a/alchicorp/icon_category.gif") no-repeat left center;
            padding: 0 10px 0 20px;
            height: 20px;
            line-height: 20px;
         }
         
         #content .post .post-title .post-title-info .post-title-comments {
            float: left;
            background: url("http://img.webme.com/pic/a/alchicorp/icon_comments.gif") no-repeat left center;
            padding: 0 0 0 20px;
            height: 20px;
            line-height: 20px;
         }
      
      /* Post - Entry */
      
      #content .post .post-entry {
         font: normal 12px/20px Arial, Verdana;
         color: #797f88;
         width: 599px;
         background: url("http://img.webme.com/pic/a/alchicorp/post_entry.gif") repeat-y;
      }
      
         #content .post .post-entry-top {
            background: url("http://img.webme.com/pic/a/alchicorp/post_entry_top.gif") no-repeat;
            width: 599px;
         }
         
         #content .post .post-entry-bottom {
            background: url("http://img.webme.com/pic/a/alchicorp/post_entry_bottom.gif") no-repeat left bottom;
            padding: 1px 9px 1px 6px;
            width: 584px;
         }
      
      #content .post .post-entry a {
         color: #9cb72f;
         text-decoration: none;
      }
      
      #content .post .post-entry a:hover {
         text-decoration: underline;
      }
      
      #content .post .post-entry a.more-link {
         font-weight: bold;
      }
      
      #content .post .post-entry blockquote {
         border-left: 10px solid #1b2129;
         margin: 0px 30px;
         padding-left: 15px;
      }
      
      /* Post - Subtitle */
      
      #content .post h3 {
         margin: 20px 0 5px 0;
         color: #9cb72f;
         font: normal 18px Verdana;
      }
      
      /* Post - Comments */
      
      #content .post .comments {
         font: normal 12px/20px Arial, Verdana;
         color: #797f88;
         width: 584px;
      }
      
      #content .post .comments ol {
         margin: 10px 0;
         padding-left: 25px;
      }
      
      #content .post .comments ol li {
         padding: 5px;
      }
      
      #content .post .comments ol li a {
         color: #9cb72f;
         text-decoration: none;
      }
      
      #content .post .comments ol li a:hover {
         text-decoration: underline;
      }
      
      #content .post .comments ol li.alt {
         background: #1b2129;
      }
      
      #content .post .comments ol li cite {
         color: #797f88;
         font-style: normal;
         font-weight: bold;
      }
      
      #content .post .comments ol li cite a {
         color: #797f88;
         text-decoration: none;
      }
      
      #content .post .comments ol li cite a:hover {
         text-decoration: underline;
      }
      
      #content .post .comments ol li .commentmetadata a {
         color: #9cb72f;
         text-decoration: none;
      }
      
      #content .post .comments ol li .commentmetadata a:hover {
         text-decoration: underline;
      }
      
      /* Post - Comment Form */
      
      #content .post #commentform {
         font: normal 12px/20px Arial, Verdana;
         color: #797f88;
         width: 559px;
         padding-left: 25px;
         margin: 0;
      }
      
      #content .post #commentform a {
         color: #9cb72f;
         text-decoration: none;
      }
      
      #content .post #commentform a:hover {
         text-decoration: underline;
      }
   
   /* Main - Content - Navigation */
   
   #content .navigation {
      color: #9cb72f;
      float: left;
      width: 599px;
   }
   
   #content .navigation a {
      font: bold 12px Arial, Verdana;
      color: #9cb72f;
      text-decoration: none;
      margin-bottom: 20px;
   }
   
   #content .navigation a:hover {
      text-decoration: underline;
   }
   
      #content .navigation .navigation-previous {
         float: left;
      }
      
      #content .navigation .navigation-next {
         float: right;
      }


/* Footer */

#footer {
   width: 590px;
   height: 36px;
   padding: 5px 17px 37px 397px;
   color: #4c576a;
   font: normal 12px/36px Arial, Verdana;
}

#footer a {
   color: #4c576a;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}

.wt {
   color: #4c576a;
text-decoration: none;
}

Si algien sabe que me ayude porfavor, de antemano gracias.
Salu2
↑
Mensaje09-02-2013, 04:50 (UTC)    
Título del mensaje: Otra cosa
Responder citando
ahora que me acuerdo en mi pagina me aparece un rectangulo blanco a la derecha arriba, no se si es solo en mi pc.
↑
Mensaje10-02-2013, 00:38 (UTC)    
Título del mensaje:
Responder citando
Hola,

Primero, la adaptación es un desastre, hay códigos que no van y ademas les faltan muchos códigos utiles.
Entra denuevo a la página donde conseguistes la plantilla, y subes todo lo que te pide, ya que no deja la url.

Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


Con esto desapareces los menu.

Saludos.
______________
↑
Mensaje11-02-2013, 03:53 (UTC)    
Título del mensaje:
Responder citando
Gracias "master-nemesis" puse el código y se arreglo lo del menú. Lo que me molesta es ese rectángulo blanco (que no es la publicidad) que aparece en mi página. El diseño al lado izquierdo se modifico al poner el code.

El diseño lo saque de la pagina: http://www.free-css.com/free-css-templates/page90/furn-office#shout


Ultima edición por alchicorp el Dom Feb 10, 2013 11:56 pm; editado 1 vez
↑
Mensaje11-02-2013, 18:51 (UTC)    
Título del mensaje:
Responder citando
alchicorp escribió:
Gracias "master-nemesis" puse el código y se arreglo lo del menú. Lo que me molesta es ese rectángulo blanco (que no es la publicidad) que aparece en mi página. El diseño al lado izquierdo se modifico al poner el code.

El diseño lo saque de la pagina: http://www.free-css.com/free-css-templates/page90/furn-office#shout


Hola,

Yo no veo un rectangulo blanco, asi es como se ve la página.


Saludos.
______________
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.