Cita:
Iniciado por pzin 
Para poner código, lo seleccionas y usas la opción highlight en el editor.
Ambos problemas podrías solucionarlos con float: left.
Hola! Acá de nuevo finalmente pude encontrar el highliht, tuve que tocar las preferencias de mi perfil...
Luego de tu sugerencia pzin finalmente logre que los textos se centren pero si le pongo a los tres divs float:left desaparecen... con dos se centran pero al sacarle las xxxxxxxxxx a la tercer linea del div del medio se descentra todo, y con el menú sigo igual sin poder hacer que el logo se muestre a la izq y lo demas alineado a la derecha y todo centrado verticalmente. Ojalá alguien me pueda destrabar y pueda seguir, se me acaban los tiempo y todavía tengo que investigar como hacer toda esta pagina responsive...
Quedo atento y ansioso! Saludos y gracias de nuevo a todos! Ahi va el código
Código HTML:
Ver original<!doctype html>
<meta charset="windows-1250">
<!-- NECESARIOS para fancyBox-->
<!-- Add jQuery library -->
<script type="text/javascript" src="img/look/lib/jquery-1.10.1.min.js"></script> <!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="img/look/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="img/look/source/jquery.fancybox.js?v=2.1.5"></script> <link rel="stylesheet" type="text/css" href="img/look/source/jquery.fancybox.css?v=2.1.5" media="screen" />
<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="img/look/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" /> <script type="text/javascript" src="img/look/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="img/look/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" /> <script type="text/javascript" src="img/look/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<!-- Add Media helper (this is optional) -->
<script type="text/javascript" src="img/look/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<script type="text/javascript"> $(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox();
/*
* Different effects
*/
// Change title type, overlay closing speed
$(".fancybox-effects-a").fancybox({
helpers: {
title : {
type : 'outside'
},
overlay : {
speedOut : 0
}
}
});
// Disable opening and closing animations, change title type
$(".fancybox-effects-b").fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
title : {
type : 'over'
}
}
});
// Set custom style, close if clicked, change title type and overlay color
$(".fancybox-effects-c").fancybox({
wrapCSS : 'fancybox-custom',
closeClick : true,
openEffect : 'none',
helpers : {
title : {
type : 'inside'
},
overlay : {
css : {
'background' : 'rgba(238,238,238,0.85)'
}
}
}
});
// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(".fancybox-effects-d").fancybox({
padding: 0,
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
helpers : {
overlay : null
}
});
/*
* Button helper. Disable animations, hide close button, change title type and content
*/
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
},
buttons : {}
},
afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
}
});
/*
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
*/
$('.fancybox-thumbs').fancybox({
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
arrows : false,
nextClick : true,
helpers : {
thumbs : {
width : 50,
height : 50
}
}
});
/*
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
*/
$('.fancybox-media')
.attr('rel', 'media-gallery')
.fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
arrows : false,
helpers : {
media : {},
buttons : {}
}
});
/*
* Open manually
*/
$("#fancybox-manual-a").click(function() {
$.fancybox.open('1_b.jpg');
});
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
});
});
$("#fancybox-manual-c").click(function() {
$.fancybox.open([
{
href : '1_b.jpg',
title : 'My title'
}, {
href : '2_b.jpg',
title : '2nd title'
}, {
href : '3_b.jpg'
}
], {
helpers : {
thumbs : {
width: 75,
height: 50
}
}
});
});
});
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
body {
max-width: 1100px;
margin: 0 auto;
}
<!-- FIN fancyBox-->
.centrado {
margin: 0 auto;
max-width: 1100px;
clear:both;
}
.caja {
width: 85%;
margin: 0 auto;
}
.caja2 {
width: 85%;
margin: 0 auto;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:16px;
color:#fff;
text-align:center;
}
.caja2 div {
display:block;
}
.menu ul{
list-style:none;
}
.menu ul li{
}
#nav{
background-color:#fff;
border:1px solid #fff;
border-width:1px 0;
list-style:none;
margin:0;
padding:0;
text-align:right;
}
#nav li{
display:inline;
}
#nav a{
display:inline-block;
padding:12px;
}
a {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size: 20px;
color: #999999;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #999999;
}
a:hover {
text-decoration: underline;
color: #666666;
}
a:active {
text-decoration: none;
color: #999999;
}
<div id="contenedor-general" class="centrado" style="background-color:#EE9784"> <li><a href="index.html"><img src="img/logoCoffeeArriba.png"></a></li> <li><a href="nosotros.html">nosotros
</a></li> <li><a href="locales.html">locales
</a></li> <li><a href="prensa.html">prensa
</a></li> <li><a href="premios.html">premios
</a></li> <li><a href="contacto.html">contacto
</a></li> <li><a href="contacto.html" target="_blank"><img src="img/btn_facebook.png"></a></li> <li><a href="contacto.html" target="_blank"><img src="img/btn_picassa.png"></a></li>
<div id="titulo"><img src="img/titulobabymujer.png"></div>
<div id="contenedor-imagenes" class="caja"> <div id="izq" style="display:inline"><a href="#"><img src="img/flechaIzq.png"/></a></div> <div id="foto1" style="display:inline"><a class="fancybox" href="img/look/foto1grande.jpg" data-fancybox-group="gallery" title="BABY - Mujer"><img src="img/look/foto1.jpg"/></a></div> <div id="foto2" style="display:inline"><a class="fancybox" href="img/look/foto2grande.jpg" data-fancybox-group="gallery" title="BABY - Mujer"><img src="img/look/foto2.jpg"/></a></div> <div id="foto3" style="display:inline"><a class="fancybox" href="img/look/foto3grande.jpg" data-fancybox-group="gallery" title="BABY - Mujer"><img src="img/look/foto3.jpg"/></a></div> <div id="der" style="display:inline"><a href="#"><img src="img/flechaDer.png"/></a></div>
<div id="contenedor-textos" class="caja2"> <div class="caja2" id="texto1" style="float:left; width:33.33%">Camperita Twin 15122.27
<br>Remera Corazones 15212.06
<br>Legging Estampada 15174.32
</div> <div class="caja2" id="texto2" style="float:left; width:33.33%">Blusa Belen 15210.06
<br>Short Print Denim 15260.24
<br>xxxxxxxxxxxxxx.xxx
</div> <div class="caja2" id="texto3" >Camperita Rositas 15121.29
<br>Body Flores 15102.06
<br>Pant. Rositas 15172.292
</div>