Posicionamiento

rafael_lynch · #1 (**permalink**) 09/04/2013, 13:07

Hola, quisiera saber que tengo que modificar para ubicar el slideshow del siguiente archivo en la parte derecha del centro?

Virustotal

Código:

Analizador	 Resultado
ADMINUSLabs	Clean site
AlienVault	Clean site
Antiy-AVL	Clean site
Avira	Clean site
BitDefender	Clean site
C-SIRT	Clean site
CLEAN MX	Clean site
Comodo Site Inspector	Clean site
Dr.Web	Clean site
ESET	Clean site
Fortinet	Unrated site
G-Data	Clean site
Google Safebrowsing	Clean site
K7AntiVirus	Clean site
Malc0de Database	Clean site
Malekal	Clean site
MalwareDomainList	Clean site
MalwarePatrol	Clean site
Minotaur	Clean site
Netcraft	Clean site
Opera	Clean site
ParetoLogic	Malware site
Phishtank	Clean site
Quttera	Clean site
SCUMWARE.org	Clean site
SecureBrain	Unrated site
Sophos	Unrated site
SpyEyeTracker	Clean site
Sucuri SiteCheck	Clean site
URLQuery	Unrated site
VX Vault	Clean site
Websense ThreatSeeker	Clean site
Wepawet	Unrated site
Yandex Safebrowsing	Clean site
ZDB Zeus	Clean site
ZeusTracker	Clean site
zvelo

Rar de la web:
http://www.mediafire.com/?181k25sd9a5b804

pzin · #2 (**permalink**) 09/04/2013, 13:16

¿Y ese código es una nueva forma de minificar el CSS?

rafael_lynch · #3 (**permalink**) 09/04/2013, 13:37

Soy realmente nuevo, y no me estas ayudando ni dando critica constructiva...

pzin · #4 (**permalink**) 09/04/2013, 13:41

El código que has puesto, no es código CSS, es cualquier otra cosa.

Tendrás que postear el código que estés usando.

rafael_lynch · #5 (**permalink**) 09/04/2013, 13:44

Cita:

Iniciado por pzin

El código que has puesto, no es código CSS, es cualquier otra cosa.

Tendrás que postear el código que estés usando.

Subi todos los archivos al link, esta en el post si te hubieras tomado el tiempo de leerlo...

el ''codigo'' del que hablas es el virustotal del archivo, te hubieras fijado si, repito, te hubieras tomado el tiempo de leer el post.

pzin · #6 (**permalink**) 09/04/2013, 14:21

Me he leído el post, pero entenderás que yo decido hasta donde ayudar, y tomarme la molestia de bajar unos archivos es eso mismo, una molestia.

Deberías hacer como hace prácticamente todo el mundo y dejar tu código aquí en el tema expuesto, así ayudarte es menos molesto y, sobre todo, la parte más pragmática del hecho de que esto es una comunidad, cobrará más sentido ya que el que tenga el mismo problema podrá ver tu código y tal vez solventar su problema también.

C2am · #7 (**permalink**) 09/04/2013, 17:43

Yo leo Virus y la verdad que ni entro.

Ya tengo bastante con la gripe.

rafael_lynch no te tomes las cosas en forma tan dramática. Lo que dice pzinantesconocidocomoBonez es que para recibir ayuda es necesario postear el código que estas usando, y no todo sino la parte que consideres sea necesaria.

También sirve algún link para verlo en vivo y en directo.

Más claro, en este foro de CSS, los únicos códigos que nos interesan son el CSS y el HTML donde se aplican esos estilos, para todo lo demás existe mastercad.

Entenderas que no vamos a revisar toooooooodo el código de una web para brindar una ayuda, digo.

Saludos y esperamos

C2am · #8 (**permalink**) 09/04/2013, 18:07

Bue, para que veas que sólo pzin es el malvado de la película, me baje tu archivo.
y he aquí esto (resumido claro):

Código HTML:

Ver original<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Instituto Iberia</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="script.js"></script>
<link href="estilo.css" rel="stylesheet" type="text/css">
------------------------------------------------------------------------------------
<body>
-----------------------------------------------------------------------------------
<ul id="slideshow">
        <li>
        ....
        </li>
    </ul>
    <div id="wrapper">
        <div id="fullsize">
            <div id="imgprev" class="imgnav" title="Previous Image"></div>
            <div id="imglink"></div>
            <div id="imgnext" class="imgnav" title="Next Image"></div>
            <div id="image"></div>
            <div id="information">
                <h3></h3>
                <p></p>
            </div>
        </div>
        <div id="thumbnails">
            <div id="slideleft" title="Slide Left"></div>
            <div id="slidearea">
                <div id="slider"></div>
            </div>
            <div id="slideright" title="Slide Right"></div>
        </div>
    </div>
<script type="text/javascript" src="compressed.js"></script>
<script type="text/javascript">
    $('slideshow').style.display='none';
    $('wrapper').style.display='block';
    var slideshow=new TINY.slideshow("slideshow");
    window.onload=function(){
        slideshow.auto=true;
        slideshow.speed=5;
        slideshow.link="linkhover";
        slideshow.info="information";
        slideshow.thumbs="slider";
        slideshow.left="slideleft";
        slideshow.right="slideright";
        slideshow.scrollSpeed=4;
        slideshow.spacing=5;
        slideshow.active="#fff";
        slideshow.init("slideshow","image","imgprev","imgnext","imglink");
    }
</script>
 
-----------------------------------------------------------------------------
<body background="Webpage Layout.jpg">
----------------------------------------------------------------------------
 
<div id="header">
    <ul class="nav">
        <li><a href="">Inicio</a></li>
        <li><a href="">Acerca de</a></li> 
        <li><a href="">Instalaciones</a>
            <ul>
                <li><a href="">Area recreativa</a></li> 
                <li><a href="">Bambi</a></li> 
                <li><a href="">Cafeteria</a></li>   
                <li><a href="">Aulas</a></li>
                <li><a href="">Recepcion</a></li>                              
            </ul>
        </li> 
        <li><a href="">Personal</a>
            <ul>
                <li><a href="">Idiomas</a></li> 
                <li><a href="">Ciencias</a></li> 
                <li><a href="">Artes</a></li>   
                <li><a href="">Educacion Fisica</a></li>
                <li><a href="">Administracion</a></li>                              
            </ul>
        </li>                 
        <li><a href="">Contacto</a></li> 
        <li><a href="">Actividades</a>
            <ul>
                <li><a href="">Artisticas</a></li> 
                <li><a href="">Recreativas</a></li>                                             
            </ul>           
        </li>    
  </ul>   
 
 
</div>
</body>
</html>

Las ---------------- son mías para remarcar el Horror, digo, el error.
A menos que uses un frame (cosa del pasado) un html debe contener 1 (UN) solo Body.
Luego decir que la maquetación deberías ..."borrón y cuenta nueva!"
Porque sí insistes en eso, el css que puedas aplicar para corregir, posicionar, mover los elementos html tan mal maquetados serán una ensalada rusa.

Saludos

rafael_lynch · #9 (**permalink**) 09/04/2013, 19:12

Gracias por tu ayuda C2am, tomare en cuenta tus recomendaciones.
Ah y, este es solo un borron asi que si utilizare esa maquetacion, aun no he podido entender, que debo modificar para poner el slideshow mas a la derecha.
Y, por cierto, luego de que use el codigo que me has corregido el slideshow ha quedado sin imagenes, pero eso lo puedo arreglar yo.

C2am · #10 (**permalink**) 09/04/2013, 19:39

Antes de ubicar el slider, primero procura una base sólida, por ejemplo:

Código HTML:

Ver original<div id="contenedor">
 
<div id="encabezado">
Titulo de la página, logo, etc
 Acá dentro podría ir el menu
</div>
 
<div di="contenido">
 
<div id="columnaIzquierda"> acá podría ir otro menu o lo que quieras</div>
 
<div id="central"> acá va el contenido principal de la web y tal vez el slider </div>
 
</div>
 
<div id="footer">pie de la página</div>
 
</div>

Es decir pensar una estructura, y luego ver que va dentro de que.

Fijate que tienes el slider antes del menu y encabezado, y lo tienes dividio en varias partes. Creo que has hecho un copypaste sin comprender realmente que estabas haciendo.

Te dejo un muy buen manual de consultas:
www.librosweb.es
Fijate en el Introducción al xhtml e introduccion al css

En cuanto a tu consulta podrías leer: http://librosweb.es/css/capitulo_5/posicionamiento.html
Pero repito, de nada sirve construir sobre arena

Saludos