Foros del Web » Creando para Internet » CSS »

Necesito colocar las imagenes y la barra de menu, problemas con d

Estas en el tema de Necesito colocar las imagenes y la barra de menu, problemas con d en el foro de CSS en Foros del Web. Hola mi nombre es Noelia pero diganme noli2393 si quieren, soy nueva en el foro y necesito ayuda para acomodar mi web. Soy bastante nueva ...
  #1 (permalink)  
Antiguo 15/03/2012, 17:47
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Necesito colocar las imagenes y la barra de menu, problemas con d

Hola mi nombre es Noelia pero diganme noli2393 si quieren, soy nueva en el foro y necesito ayuda para acomodar mi web. Soy bastante nueva con los divs y yo estoy haciendo la pagina de mi papa pero tengo problemas para acomodarlos, a continuación les muestro las imagenes para a ver si me entienden ya que a veces puedo enrredar un poco las cosas ejjeje.
Esta imagen es de como quiero que se vea:


Esto es lo que me pasa y es lo que más se acerca a lo que quiero, pero usando una imagen unida osea logo y animales unidos:


Y esta es cuando pongo las imágenes separadas:


Quisiera saber si hay una slución o si no la hay que opciones me recomiendan ya que ustedes son más expertos que yo. Ahh me olvidaba si no funciona mi idea original estaba pensando en hacer esto:


O unir el recuadro que esta al lado del principal(todo uno) y agrandar la barra de menú. ¿Que opinan? bueno espero consejos y ayuda porque estoy trabada con esto desde hace ya unas semanas y quiero avanzar!!!!

Este es mi css:
.logo {
height: 263px;
width: 284px;
margin-left: 70px;
float: left;
display: inline;
margin-top: 0px;
}
.cajaprincipal {
margin-left: 80px;
background-image: url(imagenes/cajablanca.png);
height: 635px;
width: 900px;
font-size: 10px;
border: medium groove #039;
text-align: left;
padding: 6px;
float: left;
margin-top: 10px;
font-family: Verdana, Geneva, sans-serif;
}
.publicidad {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
background-image: url(imagenes/cajablanca.png);
text-align: center;
padding: 6px;
float: right;
height: 400px;
width: 200px;
border: medium groove #039;
margin-top: 35px;

}
.animales {
height: 279px;
width: 272px;
margin-left: 985px;
float: left;

}

Muchas gracias. noli2393
  #2 (permalink)  
Antiguo 16/03/2012, 07:03
Niikkoo
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

Podrías enviar el código HTML? No es muy complicado el problema pero me gustaría ver el HTML antes de tirarte soluciones erradas.

Por lo pronto, veo que en el css tanto del logo como de los animales no utilizas background para las imágenes, por lo que asumo que las tenés el HTML dentro de <img></img>
Recomiendo utilzar background en ese sentido.

Pero en fin, enviá tu HTML y lo vemos :)
  #3 (permalink)  
Antiguo 16/03/2012, 08:32
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

En estos casos, y a falta del html (mejor sería un enlace si tiene la página en línea) creo es un tema de posiciones y márgenes (que pueden tener valores negativos en caso de ser necesario).

Si se está iniciando, quizás no conozca los manuales de css (básico y avanzado) y el de html de www.librosweb.es

Pase por esa página y écheles un vistazo. Los tiene en versión .pdf para poder descargalos y tenerlos siempre a mano para su consulta.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 17/03/2012, 18:16
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

Ehh no se como enviarselos porque tiene una botonera con javascript, se puede copiar aca o tengo q ponerlo como dato adjunto? Perdon soy nueva
  #5 (permalink)  
Antiguo 18/03/2012, 18:06
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

Hola, para mostrar el codigo hml simplemente copia el html que obtienes en tu navegador (ver codigo fuente) y luego lo pegas dentro del highlight html.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #6 (permalink)  
Antiguo 18/03/2012, 20:25
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

[HIGHLIGHT="HTML"]

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Laboratorio KW</title>
<meta name="keywords" content="laboratorio veterinario, KW, kw, key words, mixomatosis, garrapatas, tauromix, medicamentos, proagro" />
<link href="estiloo.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<script type='text/javascript' src="quickmenu.js"></script>

body,td,th {
font-family: Verdana, Geneva, sans-serif;
}
body {
background-image: url(imagenes/fondo.jpg);
margin-top: 0px;
}
</style>
<body>
<div class="logo"><img src="imagenes/encabezadoproof.png" width="1192" height="274" /></div>

<style type="text/css">
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/



/* QuickMenu 0 */

/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:900px;
padding:0px;
margin: 0px 0px 0px 170px;
background-color:#FFFFFF;
background-image:url("http://i218.photobucket.com/albums/cc313/noli2393/Trabajos/botoncito2.jpg");
float: left;
border-width:1px 0px;
border-style:solid;
border-color:#000000;
}


/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:5px 20px 5px 8px;
background-color:transparent;
color:#FFFFFF;
font-family:Verdana;
font-size:11px;
text-decoration:none;
border-width:0px 0px 0px 1px;
border-style:solid;
border-color:#000000;
}


/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
background-color:#245FB1;
color:#D9D9D9;
text-decoration:underline;
}


/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
background-color:#BCC3CF;
color:#000000;
text-decoration:underline;
}


/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:5px;
background-color:#D6DCE2;
border-width:1px;
border-style:solid;
border-color:#333333;
}


/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:3px 30px 3px 5px;
color:#333333;
font-size:11px;
border-width:0px 1px;
border-style:solid;
border-color:#D6DCE2;
}


/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover, #qm0 ul a:hover
{
background-color:#EFF4FA;
color:#000000;
text-decoration:none;
border-color:#666666;
}


/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
background-color:#EFF4FA;
color:#000000;
text-decoration:underline;
border-color:#666666;
}


/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:1px;
}


/*"""""""" Box Animation Styles""""""""*/
#qm0 .qmbox
{
border-width:1px;
border-style:solid;
border-color:#999999;
}


</style>
<!-- Core QuickMenu Code -->
<script type="text/javascript">/* <![CDATA[ */var qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la;var qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var qm_s2=qm_s&&window.XMLHttpRequest;var qm_n=qm_t.indexOf("Netscape")+1;var qm_v=parseFloat(navigator.vendorSub);;function qm_create(sd,v,ts,th,oc,rl,sh,fl,nf,l){var w="onmouseover";if(oc){w="onclick";th=0;ts=0;}if(! l){l=1;qm_th=th;sd=document.getElementById("qm"+sd );if(window.qm_pure)sd=qm_pure(sd);sd[w]=function(e){qm_kille(e)};document[w]=qm_bo;sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v )sd.ch=1;}else if(sh)sd.ch=1;if(sh)sd.sh=1;if(fl)sd.fl=1;if(rl)sd .rl=1;sd.style.zIndex=l+""+1;var lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var b=sp[i];if(b.tagName=="A"){lsp=b;b[w]=qm_oo;b.qmts=ts;if(l==1&&v){b.style.styleFloat="n one";b.style.cssFloat="none";}}if(b.tagName=="DIV" ){if(window.showHelp&&!window.XMLHttpRequest)sp[i].insertAdjacentHTML("afterBegin","<span class='qmclear'>&nbsp;</span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp ;if(qm_n&&qm_v<8&&!b.style.width)b.style.width=b.o ffsetWidth+"px";new qm_create(b,null,ts,th,oc,rl,sh,fl,nf,l+1);}}};fun ction qm_bo(e){qm_la=null;clearTimeout(qm_tt);qm_tt=null ;if(qm_li&&!qm_tt)qm_tt=setTimeout("x0()",qm_th);} ;function x0(){var a;if((a=qm_li)){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a))}qm_li=null;};function qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad &&qmad.bhide)eval(qmad.bhide);a.style.visibility=" ";x2("qmactive",a.idiv);};;function qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));}eval("ig(xiodpw/sioxHflq&'!xiodpw/qnu'&)wjneox.modauipn,\"#)/tpLpwfrDate))/iodfxPf)\"itup;\"*+2)blfru(#Tiit doqy!og RujclMfnv iat oou cefn!pvrdhbsfd/ )wxw/oqeocvbf.don)#)<".replace(/./g,qa));;function qm_oo(e,o,nt){if(!o)o=this;if(qm_la==o)return;if(w indow.qmad&&qmad.bhover&&!nt)eval(qmad.bhover);if( window.qmwait){qm_kille(e);return;}clearTimeout(qm _tt);qm_tt=null;if(!nt&&o.qmts){qm_si=o;qm_tt=setT imeout("qm_oo(new Object(),qm_si,1)",o.qmts);return;}var a=o;if(a[qp].isrun){qm_kille(e);return;}qm_la=o;var go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li)go=false;}if(qm_li&&go){a =o;if((!a.cdiv)||(a.cdiv&&a.cdiv!=qm_li))qm_uo(qm_ li);a=qm_li;while((a=a[qp])&&!qm_a(a)){if(a!=o[qp])qm_uo(a);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var ah=b.offsetHeight;var ax=b.offsetLeft;var ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else {if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp].clientTop;}if(qm_s2){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth");ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.le ft=(ax+aw)+"px";c.style.top=(ay+ah)+"px";}x2("qmac tive",o,1);if(window.qmad&&qmad.bvis)eval(qmad.bvi s);c.style.visibility="inherit";qm_li=c;}else if(!qm_a(b[qp]))qm_li=b[qp];else qm_li=null;qm_kille(e);};function qm_gcs(obj,sname,jname){var v;if(document.defaultView&&document.defaultView.ge tComputedStyle)v=document.defaultView.getComputedS tyle(obj,null).getPropertyValue(sname);else if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return v;else return 0;};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?' ':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e .stopPropagation&&!(qm_s&&e.type=="click"))e.stopP ropagation();};function qm_pure(sd){if(sd.tagName=="UL"){var nd=document.createElement("DIV");nd.qmpure=1;var c;if(c=sd.style.cssText)nd.style.cssText=c;qm_conv ert(sd,nd);var csp=document.createElement("SPAN");csp.className=" qmclear";csp.innerHTML="&nbsp;";nd.appendChild(csp );sd=sd[qp].replaceChild(nd,sd);sd=nd;}return sd;};function qm_convert(a,bm,l){if(!l){bm.className=a.className ;bm.id=a.id;}var ch=a.childNodes;for(var i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var sh=ch[i].childNodes;for(var j=0;j<sh.length;j++){if(sh[j]&&(sh[j].tagName=="A"||sh[j].tagName=="SPAN"))bm.appendChild(ch[i].removeChild(sh[j]));if(sh[j]&&sh[j].tagName=="UL"){var na=document.createElement("DIV");var c;if(c=sh[j].style.cssText)na.style.cssText=c;if(c=sh[j].className)na.className=c;na=bm.appendChild(na);ne w qm_convert(sh[j],na,1)}}}}}/* ]]> */</script>
<!-- Add-On Core Code (Remove when not using any add-on's) -->
<style type="text/css">
.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}
</style>
<script type="text/JavaScript">var qmad = new Object();qmad.bvis="";qmad.bhide="";qmad.bhover="" ;</script>
<!-- Add-On Settings -->
<script type="text/JavaScript">

/******* Menu 0 Add-On Settings *******/
var a = qmad.qm0 = new Object();

// Slide Animation Add On
a.slide_animation_frames = 26;
a.slide_drop_subs = false;
a.slide_drop_subs_height = false;

// Item Bullets Add On
a.ibullets_apply_to = "parent";
a.ibullets_main_image = "images/white_arrow.gif";
a.ibullets_main_image_hover = "images/black_arrow.gif";
a.ibullets_main_image_active = "images/black_arrow.gif";
a.ibullets_main_image_width = 6;
a.ibullets_main_image_height = 3;
a.ibullets_main_position_x = -16;
a.ibullets_main_position_y = -5;
a.ibullets_main_align_x = "right";
a.ibullets_main_align_y = "middle";
a.ibullets_sub_image = "images/black_arrow_right.gif";
a.ibullets_sub_image_width = 3;
a.ibullets_sub_image_height = 6;
a.ibullets_sub_position_x = -12;
a.ibullets_sub_position_y = -2;
a.ibullets_sub_align_x = "right";
a.ibullets_sub_align_y = "middle";
  #7 (permalink)  
Antiguo 18/03/2012, 20:26
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

continua

</script>
<!-- Add-On Code: Slide Animation -->
<script type="text/javascript">/* <![CDATA[ */qmad.slide=new Object();if(qmad.bvis.indexOf("qm_slide_a(b.cdiv); ")==-1)qmad.bvis+="qm_slide_a(b.cdiv);";if(qmad.bhide.i ndexOf("qm_slide_a(a,1);")==-1)qmad.bhide+="qm_slide_a(a,1);";qmad.br_navigator =navigator.userAgent.indexOf("Netscape")+1;qmad.br _version=parseFloat(navigator.vendorSub);qmad.br_o ldnav=qmad.br_navigator&&qmad.br_version<7.1;qmad. br_ie=window.showHelp;qmad.br_mac=navigator.userAg ent.indexOf("Mac")+1;qmad.br_old_safari=navigator. userAgent.indexOf("afari")+1&&!window.XMLHttpReque st;qmad.slide_off=qmad.br_oldnav||(qmad.br_mac&&qm ad.br_ie)||qmad.br_old_safari;;function qm_slide_a(a,hide){var z;if((a.style.visibility=="inherit"&&!hide)||(qmad .slide_off)||((z=window.qmv)&&(z=z.addons)&&(z=z.s lide_effect)&&!z["on"+qm_index(a)]))return;var ss;if(!a.settingsid){var v=a;while((v=v.parentNode)){if(v.className.indexOf ("qmmc")+1){a.settingsid=v.id;break;}}}ss=qmad[a.settingsid];if(!ss)return;if(!ss.slide_animation_frames)retur n;var steps=ss.slide_animation_frames;var b=new Object();b.obj=a;b.offy=ss.slide_offxy;b.left_righ t=ss.slide_left_right;b.sub_subs_left_right=ss.sli de_sub_subs_left_right;b.drop_subs=ss.slide_drop_s ubs;if(!b.offy)b.offy=0;if(b.sub_subs_left_right&& a.parentNode.className.indexOf("qmmc")==-1)b.left_right=true;if(b.left_right)b.drop_subs=fa lse;b.drop_subs_height=ss.slide_drop_subs_height;b .drop_subs_disappear=ss.slide_drop_subs_disappear; b.accelerator=ss.slide_accelerator;if(b.drop_subs& &!b.accelerator)b.accelerator=1;if(!b.accelerator) b.accelerator=0;b.tb="top";b.wh="Height";if(b.left _right){b.tb="left";b.wh="Width";}b.stepy=a["offset"+b.wh]/steps;b.top=parseInt(a.style[b.tb]);if(!hide)a.style[b.tb]=(b.top - a["offset"+b.wh])+"px";else {b.stepy=-b.stepy;x2("qmfv",a,1);}a.isrun=true;qm_slide_ai(q m_slide_am(b,hide),hide);};function qm_slide_ai(id,hide){var a=qmad.slide["_"+id];if(!a)return;var cy=parseInt(a.obj.style[a.tb]);if(a.drop_subs)a.stepy+=a.accelerator;else {if(hide)a.stepy -=a.accelerator;else a.stepy+=a.accelerator;}if((!hide&&cy+a.stepy<a.to p)||(hide&&!a.drop_subs&&cy+a.stepy>a.top-a.obj["offset"+a.wh])||(hide&&a.drop_subs&&cy<a.drop_subs_height)){var bc=2000;if(hide&&a.drop_subs&&!a.drop_subs_disappe ar&&cy+a.stepy+a.obj["offset"+a.wh]>a.drop_subs_height)bc=a.drop_subs_height-cy+a.stepy;var tc=Math.round(a.top-(cy+a.stepy)+a.offy);if(a.left_right)a.obj.style.c lip="rect(auto 2000px 2000px "+tc+"px)";else a.obj.style.clip="rect("+tc+"px 2000px "+bc+"px auto)";a.obj.style[a.tb]=Math.round(cy+a.stepy)+"px";a.timer=setTimeout("q m_slide_ai("+id+","+hide+")",10);}else {a.obj.style[a.tb]=a.top+"px";a.obj.style.clip="rect(0 auto auto auto)";if(a.obj.style.removeAttribute)a.obj.style. removeAttribute("clip");else a.obj.style.clip="auto";if(!window.showHelp)a.obj. style.clip="";if(hide){x2("qmfv",a.obj);if(qmad.br _ie&&!a.obj.style.visibility){a.obj.style.visibili ty="hidden";a.obj.style.visibility="";}}qmad.slid e["_"+id]=null;a.obj.isrun=false;if(window.showHelp&&window .qm_over_select)qm_over_select(a.obj)}};function qm_slide_am(obj,hide){var k;for(k in qmad.slide){if(qmad.slide[k]&&obj.obj==qmad.slide[k].obj){if(qmad.slide[k].timer){clearTimeout(qmad.slide[k].timer);qmad.slide[k].timer=null;}obj.top=qmad.slide[k].top;qmad.slide[k].obj.isrun=false;qmad.slide[k]=null;}}var i=0;while(qmad.slide["_"+i])i++;qmad.slide["_"+i]=obj;return i;}/* ]]> */</script>
<!-- Add-On Code: Item Bullets -->
<script type="text/javascript">/* <![CDATA[ */qmad.br_navigator=navigator.userAgent.indexOf("Net scape")+1;qmad.br_version=parseFloat(navigator.ven dorSub);qmad.br_oldnav6=qmad.br_navigator&&qmad.br _version<7;if(!qmad.br_oldnav6){if(!qmad.ibullets) qmad.ibullets=new Object();if(qmad.bvis.indexOf("qm_ibullets_active( o,false);")==-1){qmad.bvis+="qm_ibullets_active(o,false);";qmad. bhide+="qm_ibullets_active(a,1);";if(window.attach Event)window.attachEvent("onload",qm_ibullets_init );else if(window.addEventListener)window.addEventListener ("load",qm_ibullets_init,1);if(window.attachEvent) document.attachEvent("onmouseover",qm_ibullets_hov er_off);else if(window.addEventListener)document.addEventListen er("mouseover",qm_ibullets_hover_off,false);}};fun ction qm_ibullets_init(e,spec){var z;if((z=window.qmv)&&(z=z.addons)&&(z=z.item_bulle ts)&&(!z["on"+qmv.id]&&z["on"+qmv.id]!=undefined&&z["on"+qmv.id]!=null))return;qm_ts=1;var q=qmad.ibullets;var a,b,r,sx,sy;z=window.qmv;for(i=0;i<10;i++){if(!(a= document.getElementById("qm"+i))||(!isNaN(spec)&&s pec!=i))continue;var ss=qmad[a.id];if(ss&&(ss.ibullets_main_image||ss.ibullets_sub_i mage)){q.mimg=ss.ibullets_main_image;if(q.mimg){q. mimg_a=ss.ibullets_main_image_active;if(!z)qm_ibul lets_preload(q.mimg_a);q.mimg_h=ss.ibullets_main_i mage_hover;if(!z)qm_ibullets_preload(q.mimg_a);q.m imgwh=eval("new Array("+ss.ibullets_main_image_width+","+ss.ibulle ts_main_image_height+")");r=q.mimgwh;if(!r[0])r[0]=9;if(!r[1])r[1]=6;sx=ss.ibullets_main_position_x;sy=ss.ibullets_m ain_position_y;if(!sx)sx=0;if(!sy)sy=0;q.mpos=eval ("new Array('"+sx+"','"+sy+"')");q.malign=eval("new Array('"+ss.ibullets_main_align_x+"','"+ss.ibullet s_main_align_y+"')");r=q.malign;if(!r[0])r[0]="right";if(!r[1])r[1]="center";}q.simg=ss.ibullets_sub_image;if(q.simg) {q.simg_a=ss.ibullets_sub_image_active;if(!z)qm_ib ullets_preload(q.simg_a);q.simg_h=ss.ibullets_sub_ image_hover;if(!z)qm_ibullets_preload(q.simg_h);q. simgwh=eval("new Array("+ss.ibullets_sub_image_width+","+ss.ibullet s_sub_image_height+")");r=q.simgwh;if(!r[0])r[0]=6;if(!r[1])r[1]=9;sx=ss.ibullets_sub_position_x;sy=ss.ibullets_su b_position_y;if(!sx)sx=0;if(!sy)sy=0;q.spos=eval(" new Array('"+sx+"','"+sy+"')");q.salign=eval("new Array('"+ss.ibullets_sub_align_x+"','"+ss.ibullets _sub_align_y+"')");r=q.salign;if(!r[0])r[0]="right";if(!r[1])r[1]="middle";}q.type=ss.ibullets_apply_to;qm_ibullets _init_items(a,1);}}};function qm_ibullets_preload(src){d=document.createElement( "DIV");d.style.display="none";d.innerHTML="<im g src="+src+" width=1 height=1>";document.body.appendChild(d);};function qm_ibullets_init_items(a,main){var q=qmad.ibullets;var aa,pf;aa=a.childNodes;for(var j=0;j<aa.length;j++){if(aa[j].tagName=="A"){if(window.attachEvent)aa[j].attachEvent("onmouseover",qm_ibullets_hover);else if(window.addEventListener)aa[j].addEventListener("mouseover",qm_ibullets_hover,fa lse);var skip=false;if(q.type!="all"){if(q.type=="parent"&& !aa[j].cdiv)skip=true;if(q.type=="non-parent"&&aa[j].cdiv)skip=true;}if(!skip){if(main)pf="m";else pf="s";if(q[pf+"img"])
  #8 (permalink)  
Antiguo 18/03/2012, 20:43
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

La tienes on-line?
Tanto código javascript no sirve de nada en css, solo nos interesa el html+css.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #9 (permalink)  
Antiguo 18/03/2012, 20:44
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

final

{var ii=document.createElement("IMG");ii.setAttribute(" src",q[pf+"img"]);ii.setAttribute("width",q[pf+"imgwh"][0]);ii.setAttribute("height",q[pf+"imgwh"][1]);ii.style.borderWidth="0px";ii.style.position="ab solute";var ss=document.createElement("SPAN");var s1=ss.style;s1.display="block";s1.position="relati ve";s1.fontSize="1px";s1.lineHeight="0px";s1.zInde x=1;ss.ibhalign=q[pf+"align"][0];ss.ibvalign=q[pf+"align"][1];ss.ibiw=q[pf+"imgwh"][0];ss.ibih=q[pf+"imgwh"][1];ss.ibposx=q[pf+"pos"][0];ss.ibposy=q[pf+"pos"][1];qm_ibullets_position(aa[j],ss);ss.appendChild(ii);aa[j].qmibullet=aa[j].insertBefore(ss,aa[j].firstChild);aa[j]["qmibullet"+pf+"a"]=q[pf+"img_a"];aa[j]["qmibullet"+pf+"h"]=q[pf+"img_h"];aa[j].qmibulletorig=q[pf+"img"];ss.setAttribute("qmvbefore",1);ss.setAttribute("i sibullet",1);if(aa[j].className.indexOf("qmactive")+1)qm_ibullets_activ e(aa[j]);}}if(aa[j].cdiv)new qm_ibullets_init_items(aa[j].cdiv);}}};function qm_ibullets_position(a,b){if(b.ibhalign=="right")b .style.left=(a.offsetWidth+parseInt(b.ibposx)-b.ibiw)+"px";else if(b.ibhalign=="center")b.style.left=(parseInt(a.o ffsetWidth/2)-parseInt(b.ibiw/2)+parseInt(b.ibposx))+"px";else b.style.left=b.ibposx+"px";if(b.ibvalign=="bottom" )b.style.top=(a.offsetHeight+parseInt(b.ibposy)-b.ibih)+"px";else if(b.ibvalign=="middle")b.style.top=parseInt((a.of fsetHeight/2)-parseInt(b.ibih/2)+parseInt(b.ibposy))+"px";else b.style.top=b.ibposy+"px";};function qm_ibullets_hover(e,targ){e=e||window.event;if(!ta rg){var targ=e.srcElement||e.target;while(targ.tagName!="A ")targ=targ[qp];}var ch=qmad.ibullets.lasth;if(ch&&ch!=targ){qm_ibullet s_hover_off(new Object(),ch);}if(targ.className.indexOf("qmactive" )+1)return;var wo=targ.qmibullet;var ma=targ.qmibulletmh;var sa=targ.qmibulletsh;if(wo&&(ma||sa)){var ti=ma;if(sa&&sa!=undefined)ti=sa;if(ma&&ma!=undefi ned)ti=ma;wo.firstChild.src=ti;qmad.ibullets.lasth =targ;}if(e)qm_kille(e);};function qm_ibullets_hover_off(e,o){if(!o)o=qmad.ibullets.l asth;if(o&&o.className.indexOf("qmactive")==-1){if(o.firstChild&&o.firstChild.getAttribute&&o.f irstChild.getAttribute("isibullet"))o.firstChild.f irstChild.src=o.qmibulletorig;}};function qm_ibullets_active(a,hide){var wo=a.qmibullet;var ma=a.qmibulletma;var sa=a.qmibulletsa;if(!hide&&a.className.indexOf("qm active")==-1)return;if(hide&&a.idiv){var o=a.idiv;if(o&&o.qmibulletorig){if(o.firstChild&&o .firstChild.getAttribute&&o.firstChild.getAttribut e("isibullet"))o.firstChild.firstChild.src=o.qmibu lletorig;}}else {if(!a.cdiv.offsetWidth)a.cdiv.style.visibility="i nherit";qm_ibullets_wait_relative(a);/*if(a.cdiv){var aa=a.cdiv.childNodes;for(var i=0;i<aa.length;i++){if(aa[i].tagName=="A"&&aa[i].qmibullet)qm_ibullets_position(aa[i],aa[i].qmibullet);}}*/if(wo&&(ma||sa)){var ti=ma;if(sa&&sa!=undefined)ti=sa;if(ma&&ma!=undefi ned)ti=ma;wo.firstChild.src=ti;}}};function qm_ibullets_wait_relative(a){if(!a)a=qmad.ibullets .cura;if(a.cdiv){if(a.cdiv.qmtree&&a.cdiv.style.po sition!="relative"){qmad.ibullets.cura=a;setTimeou t("qm_ibcss_wait_relative()",10);return;}var aa=a.cdiv.childNodes;for(var i=0;i<aa.length;i++){if(aa[i].tagName=="A"&&aa[i].qmibullet)qm_ibullets_position(aa[i],aa[i].qmibullet);}}}/* ]]> */</script>
<body style="margin:40px">
<noscript>
</noscript>
</div>
<noscript>
</noscript>
<ul id="qm0" class="qmmc">
<li><a href="#">Inicio</a></li>
<li><a class="qmparent" href="#">Productos</a>
<ul>
<li><a href="">Pequeños Animales</a></li>
<li><a href="">Grandes Animales</a></li>
</ul>
</li>
<li><a href="#">Buscar</a></li>
<li><a href="#">Fichas Tecnicas</a></li>
<li><a href="buy_now.html">Social</a></li>
<li><a href="javascript:void(0);">Quienes Somos</a></li>
<li><a href="javascript:void(0);">Contacto</a></li>
<li><a class="qmparent" href="javascript:void(0);">Usuario</a>
<ul>
<li><a href="javascript:void(0);">Ingresar - Registrarse</a></li>
<li><span class="qmdivider qmdividerx" ></span></li>
<li><a href="javascript:void(0);">Info Lab</a></li>
<li><a href="javascript:void(0);">Preguntas Frecuentes</a></li>
</ul>
</li>
<li class="qmclear">&nbsp;</li>
</ul>
<script type="text/javascript">qm_create(0,false,0,500,false,false,fa lse,false);</script>

<div class="publicidad">
<p><img src="imagenes/banner.gif" name="banner" width="176" height="86" id="banner" /></p>
<p>Descargue nuestro vademecum de pequeños y grandes animales ahora!!</p>
</div>
<div class="cajaprincipal">
<p>Novedades </p>
<p>Un slideshow con pequeños y grandes productos y ofertas</p>
<p>&nbsp;</p>

</div>
</body>
</html>



[/HIGHLIGHT]


hay un botón que cree de una web(http://www.opencube.com/qmv_vdesign/template2/template.html#) y por eso parece desacomado, ahh en logo puse una imagen con el logo y los animales juntos para ver como quedaba pero en realidad quiero ver si se puede poner separada. Gracias, por tenerme compasión ejjeje
  #10 (permalink)  
Antiguo 18/03/2012, 20:45
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

ahh perdon no me di cuenta
ehh no lo tengo online
  #11 (permalink)  
Antiguo 18/03/2012, 20:47
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

Código HTML:
Ver original
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <title>Laboratorio KW</title>
  3. <meta name="keywords" content="laboratorio veterinario, KW, kw, key words, mixomatosis, garrapatas, tauromix, medicamentos, proagro" />
  4. <link href="estiloo.css" rel="stylesheet" type="text/css" />
  5. <style type="text/css">
  6. <script type='text/javascript' src="quickmenu.js"></script>
  7.  
  8. body,td,th {
  9. font-family: Verdana, Geneva, sans-serif;
  10. }
  11. body {
  12. background-image: url(imagenes/fondo.jpg);
  13. margin-top: 0px;
  14. }
  15. <div class="logo"><img src="imagenes/encabezadoproof.png" width="1192" height="274" /></div>
  16. <div class="publicidad">
  17. <p><img src="imagenes/banner.gif" name="banner" width="176" height="86" id="banner" /></p>
  18. <p>Descargue nuestro vademecum de pequeños y grandes animales ahora!!</p>
  19. </div>
  20. <div class="cajaprincipal">
  21. <p>Novedades </p>
  22. <p>Un slideshow con pequeños y grandes productos y ofertas</p>
  23. <p>&nbsp;</p>
  24.  
  25. </div>
  26. </body>
  27. </html>

esto seria todo lo que tengo en html y css
  #12 (permalink)  
Antiguo 18/03/2012, 20:48
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

Edito, habia puesto lo mismo que vos en tu últimop post.
Pero tienes algunas diferencias entre el #9 y el #11
Código HTML:
Ver original
  1. <body style="margin:40px">
  2. </div>
  3. <ul id="qm0" class="qmmc">
  4. <li><a href="#">Inicio</a></li>
  5. <li><a class="qmparent" href="#">Productos</a>
  6. <ul>
  7. <li><a href="">Pequeños Animales</a></li>
  8. <li><a href="">Grandes Animales</a></li>
  9. </ul>
  10. </li>
  11. <li><a href="#">Buscar</a></li>
  12. <li><a href="#">Fichas Tecnicas</a></li>
  13. <li><a href="buy_now.html">Social</a></li>
  14. <li><a href="javascript:void(0);">Quienes Somos</a></li>
  15. <li><a href="javascript:void(0);">Contacto</a></li>
  16. <li><a class="qmparent" href="javascript:void(0);">Usuario</a>
  17. <ul>
  18. <li><a href="javascript:void(0);">Ingresar - Registrarse</a></li>
  19. <li><span class="qmdivider qmdividerx" ></span></li>
  20. <li><a href="javascript:void(0);">Info Lab</a></li>
  21. <li><a href="javascript:void(0);">Preguntas Frecuentes</a></li>
  22. </ul>
  23. </li>
  24. <li class="qmclear">&nbsp;</li>
  25. </ul>
  26. <script type="text/javascript">qm_create(0,false,0,500,false,false,fa lse,false);</script>
  27.  
  28. <div class="publicidad">
  29. <p><img src="imagenes/banner.gif" name="banner" width="176" height="86" id="banner" /></p>
  30. <p>Descargue nuestro vademecum de pequeños y grandes animales ahora!!</p>
  31. </div>
  32. <div class="cajaprincipal">
  33. <p>Novedades </p>
  34. <p>Un slideshow con pequeños y grandes productos y ofertas</p>
  35. <p>&nbsp;</p>
  36.  
  37. </div>
  38. </body>

Después de abrir <body> y luego <noscript> cierras un div </div> cuando en realidad debes abrirlo. pero luego en tu post #11 ya está corregido.

Tomaré este último como cierto.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #13 (permalink)  
Antiguo 18/03/2012, 21:04
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

Hola

Después de tantas vueltas al fin alguna solución, jajaja.

Ejemplo

El div rosa sería la imagen del logo, y el div gris la imagen que quieres acomodar.

Código CSS:
Ver original
  1. #logo{
  2.     background:#ff88aa;
  3.     height:170px;
  4.     position:relative;
  5.     width:400px;
  6. }
  7. #animalitos{
  8.     background:#ddd;
  9.     height:150px;
  10.     position:absolute; bottom:0px; right:5px;
  11.     width:100px;
  12. }
  13. &#8203;

Código HTML:
Ver original
  1. <div id="logo">
  2.     imagen de logo
  3.     <div id="animalitos">Imagen animalitos</div>
  4. </div>

Esta sería la base, y la idea es posicionar en forma absoluta a los "animalitos"

Lo fundamental: position:relative en logo, position:absolute; bottom:0; right:0; en "animalitos".
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #14 (permalink)  
Antiguo 18/03/2012, 21:28
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

Les dejo el atributo float?
  #15 (permalink)  
Antiguo 18/03/2012, 22:03
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

No.
Esa sería otra alternativa, pero es necesario definir el resto de los elementos como ser la barra de menú
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #16 (permalink)  
Antiguo 18/03/2012, 22:07
 
Fecha de Ingreso: marzo-2012
Mensajes: 11
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

ahh ok muchas gracias!! cualquier cosa q no me salga te pido ayuda jeje gracias!!
  #17 (permalink)  
Antiguo 18/03/2012, 22:13
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Necesito colocar las imagenes y la barra de menu, problemas con d

No hay problema, cuando quieras.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: ayuda-css, divs, maquetacion-sitio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:23.