Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje13-10-2009, 23:18 (UTC)    
Título del mensaje: Problema con diseño CSS

Bueno mi problema es lo siguiente...
encontre este diseño "Voip Company" adaptado...
y bueno el problema es q, todas las paginas q creo, se ven,
bueno es dificil de explicar xD
les dejo una imagen


Free file hosting from File Den!

no se por q, cada pagina q creo, se muestra ahi...
si alguien me puede ayudar, en darme algun code o algo
para q esto no salga ahi... estaria muy agradecido

les dejo la plantilla adaptada:









Por encima:

<!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">
<head>
<title>VOIP Company</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/tabcontent.css" />
<script type="text/javascript" src="http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/tabcontent.js"></script>
</head>
<body>
<div id="wrapper">
<div id="container">
<div id="menu">
<div id="pettabs" class="indentmenu">
<ul>
<li><a href="http://www.free-css.com/" rel="tab1" class="selected">Home</a></li>
<li><a href="http://www.free-css.com/" rel="tab2">Services</a></li>
<li><a href="http://www.free-css.com/" rel="tab3">Networks</a></li>
<li><a href="http://www.free-css.com/" rel="tab4">Your Account</a></li>
<li><a href="http://www.free-css.com/" rel="tab5">About Us</a></li>
<li><a href="http://www.free-css.com/" rel="tab6" style="border-right: none;">Contact Us</a></li>
</ul>
</div>
<div class="tabcontentstyle">
<div id="tab1" class="tabcontent"> Hello Guest! Welcome to our Website. </div>
<div id="tab2" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/">Service 1</a></li>
<li><a href="http://www.free-css.com/">Service 2</a></li>
<li><a href="http://www.free-css.com/">Service 3</a></li>
<li><a href="http://www.free-css.com/">Service 4</a></li>
<li><a href="http://www.free-css.com/">Service 5</a></li>
</ul>
</div>
<div id="tab3" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/">Product 1</a></li>
<li><a href="http://www.free-css.com/">Product 2</a></li>
<li><a href="http://www.free-css.com/">Product 3</a></li>
<li><a href="http://www.free-css.com/">Product 4</a></li>
</ul>
</div>
<div id="tab4" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/">Link 1</a></li>
<li><a href="http://www.free-css.com/">Link 2</a></li>
<li><a href="http://www.free-css.com/">Link 3</a></li>
<li><a href="http://www.free-css.com/">Link 4</a></li>
<li><a href="http://www.free-css.com/">Link 5</a></li>
<li><a href="http://www.free-css.com/">Link 6</a></li>
</ul>
</div>
<div id="tab5" class="tabcontent"> Something you might want to know about us. </div>
<div id="tab6" class="tabcontent"> Don't be hesitated to contact us if you have something to say. </div>
</div>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(false)
</script>
</div>
<!-- end of mneu -->
<div id="banner">
<h1>VOIP Company</h1>
<p>the most reliable connection, the best network and support</p>
</div>
<div id="content">
<div id="content_top"></div>
<div class="content_section_01">
<div class="section_01_left">
<h1>Welcome to VOIP Company</h1>























Por debajo:
</div>
<div class="section_01_right">
<h1>Site News</h1>
<h3>Etiam dictum nisi</h3>
<p>Donec enim enim, imperdiet quis, mollis a, elementum a, diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="http://www.free-css.com/">Read more</a> </div>
<div class="cleaner">&nbsp;</div>
</div>
<div class="content_section_02">
<div class="section_02_subsection">
<h2>Featured Services</h2>
<p>Suspen disse a nibh tristique justo rhoncus volutpat.</p>
<ul>
<li><a href="http://www.free-css.com/">Free Flash Templates</a></li>
<li><a href="http://www.free-css.com/">CSS Web Templates</a></li>
<li><a href="http://www.free-css.com/">Web Design Blog</a></li>
<li><a href="http://www.free-css.com/">Premium Templates</a></li>
</ul>
<a href="http://www.free-css.com/">read more...</a> </div>
<div class="section_02_subsection">
<h2>Why choose us?</h2>
<p>Pellentesque lectus justo, fermentum in, ornare vitae, vehicula eu, felis.</p>
<ul>
<li>Quisque facilisis suscipit elit</li>
<li>Lacus et dictum tristique</li>
<li>Eeros ac tincidunt aliquam</li>
<li>Nullam commodo arcu non facilisis</li>
</ul>
<a href="http://www.free-css.com/">read more...</a> </div>
<div class="section_02_subsection" style="border-right: none;">
<h2>Testimonials</h2>
<h3>Phasellus id purus</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque at nulla eu elit adipiscing tempor.</p>
<a href="http://www.free-css.com/">Flash Templates</a>
<div style="clear: both; margin-top: 30px;"> <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="" width="88" height="31" vspace="8" border="0" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="" vspace="8" border="0" /></a> </div>
</div>
<div class="cleaner">&nbsp;</div>
</div>
</div>
<div id="footer">
<p><a href="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/">Products</a> | <a href="http://www.free-css.com/">Services</a> | <a href="http://www.free-css.com/">FAQs</a> | <a href="http://www.free-css.com/">Contact Us</a> </p>
<p>Copyright &copy; 2024 <a href="http://www.free-css.com/"><strong>Your Company Name</strong></a> | Designed by <a href="http://www.templatemo.com">Free CSS Templates</a></p>
</div>
<!-- end of footer -->
</div>
</div>
</body>
</html>








































CSS Code:

/*
CSS Credit: http://www.templatemo.com
*/

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Arial, san-serif;
font-size: 12px;
color: #e7eaeb;
background: #6d6a6b url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/bg.jpg) repeat;
}

a:link, a:visited { color: #00a1ff; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #00a1ff; text-decoration: underline; }

p {
margin: 0px;
padding: 0px;
}

img {
margin: 0px;
padding: 0px;
border: none;
}


.cleaner {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}

.cleaner_with_height {
clear: both;
width: 100%;
height: 30px;
font-size: 1px;
}

.cleaner_with_width {
float: left;
width: 20px;
height: 30px;
font-size: 1px;
}

#wrapper {
margin: 0 auto;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/gradient_bg.jpg) top repeat-x;
}


#container {
width: 960px;
margin: 0 auto;
padding: 0 10px 10px 10px;
}

/* banner */
#banner {
clear: both;
width: 880px;
height: 250px;
padding: 0 40px;
margin: 0 0 5px 0;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/banner_bg.jpg) no-repeat;
}

#banner h1 {
margin: 0px;
padding: 0px;
padding: 80px 0 20px 0;
font-size: 50px;
font-weight: bold;
color: #fff;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#banner p {
font-size: 30px;
width: 400px;
line-height: 30px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* end of banner */

#content {
clear: both;
position: relative;
width: 956px;
padding: 0 2px;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/content_middle.jpg) repeat-y;
}

#content #content_top {
position: absolute;
width: 960px;
height: 10px;
top: 0;
left: 0;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/content_top.jpg) no-repeat;
}

#content h1 {
font-size: 24px;
color: #009dff;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#content h2 {
font-size: 20px;
color: #009dff;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#content h3 {
font-size: 16px;
color: #c6ca1d;
padding: 0 0 5px 30px;
margin: 0 0 5px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/list_icon.jpg) top left no-repeat;
}

#content img {
float: left;
border: 3px solid #221e1f;
margin: 3px 30px 5px 0;
}

#content .content_section_01 {
clear: both;
width: 876px;
padding: 40px;
background-color: #444041;
}

.content_section_01 .section_01_left {
float: left;
width: 556px;
padding-right: 40px;
border-right: 1px solid #333;
}

.content_section_01 .section_01_right {
float: right;
width: 238px;
}

.section_01_left p{
padding-bottom: 10px;
text-align: justify;
}

.section_01_right p{
padding-bottom: 5px;
text-align: justify;
}

#content .content_section_02 {
clear: both;
color: #CCC;
width: 956px;
padding: 0px;
border-top: 1px solid #2c2829;
background-color: #221e1f;
}

.content_section_02 p {
text-align: left;
}

.content_section_02 .section_02_subsection {
float: left;
width: 238px;
margin: 30px 0px;
padding: 0 40px;
border-right: 1px solid #332e30;
background-color: #221e1f;
}

.section_02_subsection li a {
color: #e7eaeb;
font-weight: normal;
}

.section_02_subsection ul {
margin: 20px 0 10px 10px;
padding: 0px;
list-style: none;
}

.section_02_subsection li {
margin: 0px;
padding: 0 0 15px 25px;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/list_icon_02.jpg) top left no-repeat;
}


/* footer */
#footer {
clear: both;
width: 960px;
height: 65px;
padding: 15px 0 0 0;
text-align: center;
color: #888;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/footer.jpg);
}

#footer p {
padding-bottom: 5px;
}

#footer a {
color: #888;
font-weight: normal;
}
/* end of footer */


Ultima edición por pruebacss el Mar Oct 13, 2009 7:26 pm; editado 1 vez
Mensaje13-10-2009, 23:23 (UTC)    
Título del mensaje:

Hola!,

Amigo tengo la solucion para tu problema es muy sencillo, as lo siguiente: pega este codigo en "CSS-Code sin Style Tags", lo pegas primero que todo.

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


mira pega este código en "CSS-Code sin Style Tags", es el css para que lo pegues directamente y soluciones el problema:


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

/*
CSS Credit: http://www.templatemo.com
*/

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Arial, san-serif;
font-size: 12px;
color: #e7eaeb;
background: #6d6a6b url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/bg.jpg) repeat;
}

a:link, a:visited { color: #00a1ff; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #00a1ff; text-decoration: underline; }

p {
margin: 0px;
padding: 0px;
}

img {
margin: 0px;
padding: 0px;
border: none;
}


.cleaner {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}

.cleaner_with_height {
clear: both;
width: 100%;
height: 30px;
font-size: 1px;
}

.cleaner_with_width {
float: left;
width: 20px;
height: 30px;
font-size: 1px;
}

#wrapper {
margin: 0 auto;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/gradient_bg.jpg) top repeat-x;
}


#container {
width: 960px;
margin: 0 auto;
padding: 0 10px 10px 10px;
}

/* banner */
#banner {
clear: both;
width: 880px;
height: 250px;
padding: 0 40px;
margin: 0 0 5px 0;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/banner_bg.jpg) no-repeat;
}

#banner h1 {
margin: 0px;
padding: 0px;
padding: 80px 0 20px 0;
font-size: 50px;
font-weight: bold;
color: #fff;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#banner p {
font-size: 30px;
width: 400px;
line-height: 30px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* end of banner */

#content {
clear: both;
position: relative;
width: 956px;
padding: 0 2px;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/content_middle.jpg) repeat-y;
}

#content #content_top {
position: absolute;
width: 960px;
height: 10px;
top: 0;
left: 0;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/content_top.jpg) no-repeat;
}

#content h1 {
font-size: 24px;
color: #009dff;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#content h2 {
font-size: 20px;
color: #009dff;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#content h3 {
font-size: 16px;
color: #c6ca1d;
padding: 0 0 5px 30px;
margin: 0 0 5px 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/list_icon.jpg) top left no-repeat;
}

#content img {
float: left;
border: 3px solid #221e1f;
margin: 3px 30px 5px 0;
}

#content .content_section_01 {
clear: both;
width: 876px;
padding: 40px;
background-color: #444041;
}

.content_section_01 .section_01_left {
float: left;
width: 556px;
padding-right: 40px;
border-right: 1px solid #333;
}

.content_section_01 .section_01_right {
float: right;
width: 238px;
}

.section_01_left p{
padding-bottom: 10px;
text-align: justify;
}

.section_01_right p{
padding-bottom: 5px;
text-align: justify;
}

#content .content_section_02 {
clear: both;
color: #CCC;
width: 956px;
padding: 0px;
border-top: 1px solid #2c2829;
background-color: #221e1f;
}

.content_section_02 p {
text-align: left;
}

.content_section_02 .section_02_subsection {
float: left;
width: 238px;
margin: 30px 0px;
padding: 0 40px;
border-right: 1px solid #332e30;
background-color: #221e1f;
}

.section_02_subsection li a {
color: #e7eaeb;
font-weight: normal;
}

.section_02_subsection ul {
margin: 20px 0 10px 10px;
padding: 0px;
list-style: none;
}

.section_02_subsection li {
margin: 0px;
padding: 0 0 15px 25px;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/list_icon_02.jpg) top left no-repeat;
}


/* footer */
#footer {
clear: both;
width: 960px;
height: 65px;
padding: 15px 0 0 0;
text-align: center;
color: #888;
background: url(http://hostingrodiex.webcindario.com/yonar-web/yonar-web-02/images/footer.jpg);
}

#footer p {
padding-bottom: 5px;
}

#footer a {
color: #888;
font-weight: normal;
}
/* end of footer */


Atte: Equipo Help-PwG!


Ultima edición por help-pwg el Mar Oct 13, 2009 7:29 pm; editado 2 veces
Mensaje13-10-2009, 23:30 (UTC)    
Título del mensaje:

La verdad, no esperaba una respuesta TAAN rapida : )
MUUUCHAS GRACIAS
me sirvio de mucho,
gracias
Saludos
Mensaje13-10-2009, 23:36 (UTC)    
Título del mensaje:

Hola!,

De nada amigo solo cuando tengas cualquier duda publicarla aquí en e foro , que bueno que te sirvió.

Atte: Equipo Help-PwG!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group