PDA

Ver la Versión Completa : AYUDA HTML porfavor

bamsbamx
20/01/13, 18:06:53
bueno, no sabia donde preguntr esto....

pero el caso es que estoy haciendo la pagina web de un proyecto importante en android... y resulta que no tengo conocimientos de html, asi que busco a alguien que me ayude...

tengo este codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="{%MetaCharset%}" />
<meta name="description" content="{%MetaDescription%}" />
<meta name="keywords" content="{%MetaKeywords%}" />
<title>{%MetaTitle%}</title>
<style>
/*
By Herreman David
http://www.free-css-templates.com
*/

body {
background: #FFF url(images/bg.jpg) repeat-x;
color: #000;
padding: 0; margin: 0; font: 0.7em Arial, sans-serif; line-height: 1.5em;
}

a { color: #46574D; background: inherit; }
a:hover { color: #647B6D; background: inherit;}

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #46574D; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #46574D; background: #FFF; }
p { margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }

input.search { width: 122px; height: 15px; border: 1px dotted #FF9C00; background: #FFF; padding: 3px; color: #616161; }
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #FFF; padding: 3px; color: #616161; }



.content { margin: 0 auto; padding: 0px; color: #000; }
.header { color: #000; width: 800px; height: 81px; margin: 0 auto; padding: 0; }
.hearder .leftside { width: 350px; float: left; }
.header h1 {

padding: 20px 0 0 0px;
color: #fff;
font: bold 2.5em Arial, sans-serif;

}

.header h2 {


padding: 0;
color: #FFF;
font: bold 1.8em Arial, sans-serif;


}

.header .searchf {
float: right;
margin-right: 15px;
clear: both;
margin-top: 35px;
}

.searchpad { padding-top: 15px; }

#lnews {
padding: 15px;
color: #FFF;
width: 800px;
height: 90px;
font: 1.3em Arial, sans-serif;
margin: 0 auto;
}

#lnews h2 { font: bold 1.4em Arial, sans-serif; color: #FFCF83; padding: 20px 0 0 5px; }
#lnews a { color: #FFCF83; text-decoration: none; }
#lnews a:hover { color: #FFDF83; text-decoration: underline; }




#nav {
margin: 10px auto 30px auto;
width: 800px;
height: 28px;

}

#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { display:block; font: bold 1.2em Arial, sans-serif; color:#fff; padding: 0px 10px 5px 10px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; margin:0; padding:0 0 0 0px; }
#nav #current a { float:left; color:#FFF; border-bottom: 12px solid #000; border-top: 3px solid #FF9C00; padding: 0 10px 5px 10px;}
#nav a:hover { float:left; color:#FFF; border-top: 3px solid #FF9C00; padding: 0 10px 5px 10px;}



#bottomb {
clear: both;
width: 100%;
background: #FFDEAB url(images/topb.jpg) repeat-x top;
font: 1.25em Arial, sans-serif;
}

#bottomb .padding {
width: 800px;
margin: 0 auto;
padding: 30px 40px 10px 60px;


}
#bottomb ul { margin:0; list-style:none; padding: 0; }
#bottomb li {
margin: 5px 0 5px 0px;
padding: 0px 0 3px 0px;
border-bottom: 1px dotted #ccc;
list-style: none;
}
#bottomb li a { color: #546078; text-decoration: none; padding: 5px 0 0 0; display: block; margin-bottom: 2px; }
#bottomb li a:hover { color: #075181; text-decoration: none; background: #FFDCA6; display: block; margin-bottom: 2px; }
#bottomb h2 {
padding: 5px 0 5px 0;
color: #FF9C00;
font: bold 1.6em Arial, sans-serif;
}

#bottomb .rights {
float: right;
width: 200px;
z-index: 1;
width: 200px;
}

#bottomb .bottomc {
width: 200px;
margin: 0 auto;
z-index: 2;
float: center;

}

#bottomb .bottomd {
width: 200px;
margin: 0;
z-index: 3;
float: left;

}

.imgd {
border: 1px solid #ccc;
padding: 5px;

}


.main_content {
margin: 10px auto;
width: 800px;
}


.sd_left {
float: left;
color: #000;
margin: 0 0 0px 5px;
padding: 0px 20px 0px 5px;
width: 500px;
font: 1.3em arial, helvetica, verdana, sans-serif;
}

.sd_right {
clear:both;
float: right;
color: #000;
margin: 0 5px 0 0;
padding: 0px 0px 0 0px;
width: 250px;
font: 1.3em arial, helvetica, verdana, sans-serif;
}



.text_padding {
padding: 15px 0 0 0;
}

.main_content h2 {
padding: 5px 0 5px 0;
color: #FF9C00;
font: bold 1.6em Arial, sans-serif;
}


.date {
color: #46574D;
background: #FFFFFF;
text-align: right;
margin: 10px 0 5px 0;
padding: 0.4em 0 0 0;
border-top: 1px solid #FFDEAB;
}
.date img {
vertical-align: middle;
}

input.button {
background: #FFFFF4;
color: #808080;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.comments {
padding: 10px 10px 8px 10px;
margin: 0 0 7px 0;
background: #f8f8f8;
color: #000;
}

.commentsbox {
padding: 8px 0 10px 10px;
margin: 0 0 10px 0;
background: #f4f4f4;
color: #000;
}

.error {
color: #990000;
background-color: #FFF0F0;
padding: 7px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px dashed #990000;
}
.error h2 {
color: #990000;
background: inherit;
}

.success {
color: #000000;
background: #F5FBE1;
padding: 7px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px dashed #7BA813;
}
.success h2 {
color: #7BA813;
background: inherit;
}

.footer {
background: #000 url(images/footer.jpg) repeat-x top;
width: 100%;
color:#eee;
text-align:center;
clear:both;
font: 1.3em arial, helvetica, verdana, sans-serif;

}
.footer .padding { padding: 25px 70px 25px 70px; }
.footer a { color:#FFCF83; text-decoration: none;}
.footer a:hover { color:#FFDF83; text-decoration: underline; }

.sd_right, .sd_left {
margin: 0 0 30px 0 !important;
}

</style>
</head>
<body>
<div class="content">
<div class="header">
<div class="leftside">
<h1>{%WebsiteName%}</h1>
</div>
</div>
<div class="main_content">
<div class="sd_right">
<div class="text_padding">
<h2><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />News:</h2>
<div>{%news%}</div>
</div>
</div>
<div class="sd_left">
<div class="text_padding">
<h2></h2>
{%content%}</div>
</div>
</div>
<div class="footer">
<div class="padding">{%WebsiteFooter%}<br />Powered by: <a href="http://www.hosting24.com/">Best Web Hosting</a> and <a href="http://www.000webhost.com/affiliate-program">Affiliate Programs Directory</a>. Created with <a href="http://www.000webhost.com/website-builder">Free Website Builder</a></div>
</div>
</div>
</body>
</html>

y quiero quitar esa barra negra que aparece justo debajo de la barra naranja del principio:

http://imm.io/Tv5e
pa459
22/01/13, 20:20:14
Soy diseñador web, si quieres acordamos precio y te llevo el proyecto, pero lo de intentar comertelo tu solo sin saber casi..

Un saludo!
bamsbamx
22/01/13, 20:38:15
Soy diseñador web, si quieres acordamos precio y te llevo el proyecto, pero lo de intentar comertelo tu solo sin saber casi..

Un saludo!

No dejalo, pero gracias por responder... Ya lo solucione, era una imagen de fondo...

Asi es como ha quedado
http://requestanapp.comyr.com
pa459
23/01/13, 12:40:06
De nada, aún así para estas cosas, cuanto quede mas profesionales mejor, ya que si quieres vender una app, lo mejor para dar soporte a una app es una web bien hecha, yo todavia no la tengo subida ya que la unica app que he progrmado es esta:ç

https://play.google.com/store/apps/details?id=es.borlaf.rubius

Un saludo :)!