Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje28-06-2010, 21:57 (UTC)    
Título del mensaje: Problemon :(

Hola tengo un proble con mi web, veran el texto se sale de control y pasa por el menu que tengo ahi.

Imagen:
http://img.webme.com/pic/c/cydots/dibujo.bmp

Como Lo Soluciono?

este es el design que le puse.

Encima
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" xml:lang="en">
  <head>
    <title>Cydots Codes</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="title" content="Cydots Codes" />
    <meta name="description" content="Encutra todo lo necesario para convertirte en el mejor WebMaster del mundo." />
    <meta name="keywords" content="cydots" />
    <meta name="language" content="en" />
    <meta name="subject" content="Encutra todo lo necesario para convertirte en el mejor WebMaster del mundo." />
    <meta name="robots" content="All" />
    <meta name="copyright" content="Cy Dots" />
    <meta name="abstract" content="Encutra todo lo necesario para convertirte en el mejor WebMaster del mundo." />
    <meta name="MSSmartTagsPreventParsing" content="true" />
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <div id="wrapper">
      <div id="bg">
        <div id="header"></div>
        <div id="page">
          <div id="container">
            <!-- banner -->
            <div id="banner"></div>
            <!-- end banner -->
            <!-- horizontal navigation -->
            <div id="nav1">
              <ul>
               
               
               
               
               
              </ul>
            </div>
            <!-- end horizontal navigation -->
            <!--  content -->
            <div id="content">
              <div id="center">
                <div id="welcome">


Debajo
Código:
     </div>
              </div>
              <div id="right">
                <div id="sidebar">
                  <h3>Codigos</h3>
                  <ul class="vmenu">
                    <li>
                      <a href="http://cydots.es.tl/Html_Codes.htm" shape="rect">Html</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 2</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 3</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 4</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 5</a>
                    </li>
                  </ul>

    <h3>Categories</h3>
                  <ul class="vmenu">
                    <li>
                      <a href="#" shape="rect">Category 1</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 2</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 3</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 4</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 5</a>
                    </li>
                  </ul>
<h3>Categories</h3>
                  <ul class="vmenu">
                    <li>
                      <a href="#" shape="rect">Category 1</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 2</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 3</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 4</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 5</a>
                    </li>
                  </ul>
                 
                  </div>
                </div>
              </div>
              <div class="clear" style="height:40px"/>
            </div>
            <!-- end content -->
          </div>
          <!-- end container -->
        </div>
        <div id="footerWrapper">
          <div id="footer">
            <p style="padding-top:10px">Copyright 2010
              <strong>Cy-Dots</strong>
            </p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>


Css Code
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;}


*/




html {
   background: #e0e0e0;
   margin:0 0 0 -1px;
   padding:0;   
   overflow-Y: scroll;
}


body {
   padding:0;
   margin :0;
   display:table;
   width:100%;   
}


 
 
body {
   color:#505050;
   font-family: Helvetica, Arial, sans-serif ;
   font-size: 12px;
   font-style: normal ;
   font-weight: normal ;
   text-transform: normal;
}


p {
   letter-spacing: normal ;
   line-height: 20px ;
}

h1 {
   color:#202020;
   font-size:24px ;
   margin:25px 0 10px 0;
   clear:both;
}


h2 {
   color:#202020;
   font-size:18px ;
   margin:20px 0 10px 0;
   clear:both;
}


h3 {
   color:#202020;
   font-size:16px;
   margin:20px 0 5px 0;
   clear:both;
}



a:link, a:visited {
   color:#005cc6 ;
   text-decoration:none;
}


a:hover {
   color:#0984e2;
   text-decoration:underline;
}




 
 

#wrapper {
   background: transparent url( http://img43.xooimage.com/files/2/9/8/page-vbg-1c9d6dc.jpg ) repeat-y scroll 50% 0px ;
   margin:0 auto ;
   width:100%;
}

 
 
body {
   background-color:#e0e0e0;
}





#bg {
   margin:0 auto;
   padding:0;
   background:transparent ;
   background-image: url( http://img46.xooimage.com/files/f/9/3/hat-1c9d68e.jpg ) ;
    background-repeat:no-repeat;   
   background-position: center top ;
}



 
 
#header {
   margin: 0 auto;
   min-height:25px;
   height: 25px;
   width: 800px;
}


#page {
   background: transparent url(http://img.webme.com/pic/c/cydots/page-bg-1c9d63a.jpg ) no-repeat center top;
}



 
 

#container {
   margin:0 auto;
   width:800px;
}


#banner {
   margin: 0 auto;
   height:150px;
   width:100%;
}


 
 





#nav1 {
   height:35px;
   margin:0 auto ;
   width:780px;   
   text-align:center;
}


#nav1 ul {
   display:table;
   margin:0 auto;
   padding:0;
   list-style-type:none;
   position:relative;
   height:35px;
   text-transform:uppercase;
   font-size:12px;
   font-family:Arial,sans-serif;
}


#nav1 ul li {
   display:block;
   float:left;
   margin:0;
   padding:0;
   background:transparent url("http://img45.xooimage.com/files/6/9/d/hmenu-1c9d6f9.jpg") repeat-x top left;
   border-left:1px solid #1e1e1e ;

}


#nav1 ul li a {
   display:block;
   float:left;
   color:#FFFFFF;
   text-decoration:none;
   padding:0px 50px ;
   line-height:35px;
   font-weight:bold;
}


#nav1 ul li a:hover, #nav1 li#current a {
   color:#FFFFFF;
   background:transparent url("http://img41.xooimage.com/files/e/3/2/hmenu-sel-1c9d713.jpg") repeat-x top left;
}



#content {
   width:780px;
   margin:0 auto ;
   text-align:left;
   min-height:800px;
}


#content p {
   text-align:justify;
}






#footerWrapper {
   margin:0 auto;
   height:130px;
   padding:0;
   background:transparent url( http://img48.xooimage.com/files/3/c/6/footerwrapper-bg-1c9d65c.jpg ) no-repeat scroll center

top ;
}


#footer {
   margin:0 auto;
   padding:0;
   width:800px;
   height:50px;
}


 
 
#footer {
   color:#FFFFFF;
   text-align:center;
}

#footer a:link, #footer a:visited {
   color:#FFFFFF;
}


#footer a:hover{
   color:#0891e0;
   text-decoration:none;
}


 
 




#right {
   width:200px;
   padding:10px 20px 20px 20px;
   float:left;
}


#center {
   width:500px;   
   padding:10px 20px 20px 20px ;
   float:left;
}

 
#content p {
   margin-top:10px;
   text-align:justify;
}


 
 
 
 

#sidebar ul.vmenu {
   list-style: none;
   text-align: left;
   margin: 7px 0px 8px 0px;
   padding: 0;
   text-decoration: none;   
   border-top: 1px solid #d0d0d0;   
}


#sidebar ul.vmenu li {
   list-style: none;
   padding: 4px 0 4px 0px;
   margin: 0 2px;   
   border-bottom: 1px solid #d0d0d0;
}



#sidebar ul.vmenu li a {
   text-decoration: none;
   color:#00588e;
}


#sidebar ul.vmenu li a:hover {
   color:#0866d8;
}


#sidebar ul.vmenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.vmenu ul li { border: none; }







.clear
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group