Grazie ci provo ..nel caso mi sentirete presto

Ragazzi sto elaborando un responsive in CSS è un gran casino!!! più che altro perché non trovo uguaglianza tra i device teorici e quelli effettivi.

Un esempio: ho un Iphone S6 con device pixel 375x667 scrivo il comando di mettere una certa immagine in posizione 470 pixel di altezza e fin qui tutto a posto. Faccio partire la prova e sulla prova ok. Mi connetto dal cellulare e l'immagine è spostata più in basso. Ho provato anche con i test responsive on-line e fa lo stesso. Prima di poter fare un lavoraccio su altre risoluzioni volevo riuscire a capire meglio.

Volevo evitare di creare gli intervalli, perché su alcune cose diventa difficile anche mettere da 640 a 360 è un intervallo troppo grosso. Preferisco a questo punto mettere risoluzioni di dispositivi ben precisi con altezza e lunghezza fissi.

Ho pensato ad esempio di gestire gli I-Phone da S5 a S7, i Samsung da S5 a S7 i Sony Xperia e i Nexus. Coprendo cosi la maggior parte dei dispositivi.

In ogni caso accetto suggerimenti Grazie

no, io uso DreamWeaver e mi scrivo a mano tutti i codici, al momento in HTML mi sono creato 200 spazi e lo stesso in CSS con uno script che ne gestisce lo zoom e il cambio sequenziale delle foto in avanti e indietro, ma certamente il pensare di farlo ogni volta per ogni archivio è stressante e poi bisogna considerare il fatto che dovrò lanciare on-line almeno 1000 foto, quindi cercavo un metodo più fluido e veloce nonché meno pesante per il sito

Salve a tutti,

chi mi sa dire il modo migliore per gestire un album fotografico con centinaia di foto presente all'interno di un sito ?

all'interno di un sito su cui sto lavorando ho creato uno spazio dedicato per un memorandum di foto. esempio 2016-2015-2014, ogni annata avrà circa 200-300 foto.
Da quello che sto facendo mi ritrovo a dover gestire centinaia di spazi tra html e css. Spazio1, spazio2, spazio3 .... spazio 200. all'interno dei quali metto la fotografia.

• questa è la prima soluzione a cui ho pensato;
• la seconda soluzione a cui ho pensato è inserire in un hosting fotografico di libero accesso tutte le foto, in modo tale che chiunque entra nel sito e clikka sul link viene dirottato alla pagina hosting; in questo senso sapete consigliarmene uno buono gratuito che possa avere un limite di spazio molto ampio?;
• la terza soluzione è quella di fare il collegamento diretto all'album presente in un gruppo di facebook dove le immagini sono già presenti divisi per album. Ma in questo caso credo che per chi non ha facebook potrebbe essere un problema visualizzare le foto.

Cosa mi suggerite di fare?

P.s se assegno parametri fissi di dimensione nello spazio ove inserisco l'immagine, logico che con foto orizzontali si comporta in un modo, con foto verticali in un altro, c'è modo o un sistema per standardizzare le dimensioni in modo tale che vada bene in verticale e in orizzontale?

Grazie

Ciao ragazzi, qualcuno mi puo' aiutare? questi sono Script, Css e Html di un menu responsive per cellulare, clikkando sull'hamburger, mi si apre in verticale un menu' e per alcune due voci 'Eventi' e 'Programma' mi si dovrebbero aprire dei sotto menu al clikkare delle rispettive voci. C'è pero' un problema. Quando clikko sull'hamburger si vedono da subito le sottovoci che invece dovrebbero rimanere chiuse. Se chiudo le sotto voci ed esco dal manu e poi lo riapro, rimangono chiuse, ma da subito invece sono aperte. Non so dove diavolo trovare l'inghippo ne ho provati di ogni. Per darvi un'aiutino maggiore vi do questa leggenda:

Container = nome del div in cui ho racchiuso il menu;
Cellmenu = nome della classe assegnata al 'LI' dove sono racchiuse le voci del menu;
Sub = nome della classe assegnata alla 'A' che racchiudono voci con il sottomenu;
nosub = nome della classe assegnata alla 'A' delle voci che non hanno il sottomenu;

Grazie

<script>
( function( $ ) {
$( document ).ready(function() {
$('.container > ul > li > a').click(function() {
$('.container li').removeClass('active');
$(this).closest('.sub').addClass('active');
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('.sub').removeClass('active');
checkElement.slideUp('normal');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('.container ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
if($(this).closest('.sub').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
});
} )( jQuery );

</script>

<style>
#menucell{height:60px; display:none;} /* questo è l'immagine hamburger nel menu cellulare*/

.container { width: 50%; position:absolute; background:black; display:none;}

.menucell{width:50px; margin-left:50%}
.menucell:hover .container{display:block;}

.container .li {text-align: left;}

li.cellmenu { width: 100%;}/* Voci dell'elenco principale */

li.cellmenu a{background-image:url(../Immagini/frecciaw.png) 98% left no-repeat;} /??????????????????????????????????????/

li.cellmenu, li.nosub{padding:5px 0; background:black; text-align:center; }

li.cellmenu a, li.nosub a { display: block; position: relative; width: 100%; height: 34px; padding: 10px 20px 0;
color: #ffffff;
/* font-family: BPreplay,Arial,Helvetica,sans-serif;/
/font-size: 21px;/
text-decoration:none;
}/ Voce del menu principale */

li.cellmenu a:hover, li.nosub a:hover {background-color: white; text-decoration: none; color:black; border-left:5px solid #2181ff;}

li.sub a{width:60%; height:25px; }
li.sub a:hover{border-left:none; border-right:5px solid;}

/* fine versione menu cellulare*/

</style>

<body>

<!--queste prime 3 righe con il comando On Mouse gestiscono l'hamburger che al passaggio del mouse cambia colore e apre il menu che ho chiamato 'container' -->

<div class="menucell"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menucell','','Immagini/menucell.png',1)">
<img src="Immagini/menucellw.png" id='menucell' > </a>
<div style="clear: both"></div>

 <div class="container">  
   <ul>
     <li class="cellmenu"><a class='sub' href="#">EVENTI</a>          
       <ul>
     <li class='sub'><a href='#'>Baila en la playa</a></li>
      </ul>
    </li>

<li class='nosub'><a href='#'>LOCATION</a></li>
<li class='cellmenu'><a href='#'>PROGRAMMA</a>
<ul>
<li class='sub'><a href='#'>Giorante</a></li>
<li class='sub'><a href='#'>Planning</a></li>
</ul>
</li>
<li class='nosub'><a href='#'>CONTACT</a></li>
</ul>
</div>
<ul>
</div>

</div> <!--Fine nuovo menu cell-->

</body>

non so che versione avete avuto fino adesso ma DreamWeaver associa colori alla sintassi in ogni genere di linguaggio dall'HTML, al CSS, agli SCRIPT. Cmq grazie daro' un'occhiata appena possibile

Quali sono questi editor più evoluti, io ragazzi ho fatto un corso di 3 mesi e mi hanno istruito come se DreamWeaver fosse l'unico, ciò che noto è che mi piace cementarmi sui codici e sulle logiche, poi altro non so. Quando ci hanno spiegato Wordpress, sinceramente l'ho paragonato ai Tutorial, scegli un tema, modifichi qua e là qualche immagine e/o colori e qualche testo ed è pronto che fatto. Sono aperto a nuove soluzioni..consigliate, consigliate

ma io con Dreamweaver ho scritto tutto il codice a mano in html con collegamenti a pagine CSS e SCRIPT è Wordpress che invece fondamentalmente ti fa agire su modelli pre-esistenti...certamente poi si possono fare delle modifiche, ma poi neanche troppe, perché di suo ha degli script incorporati e se modifichi quelli non ti funziona più niente. Dreamweaver è proprio il programma di codice

dovrei ricominciare da zero nell'utilizzarlo, al corso che ho frequentato ce lo hanno fatto vedere nelle ultime due settimane, ma con la testa dovevo ancora assimilare l'html dovrei, con un altro sito mettermici a studiarlo un po'. Poi non mi piace l'idea di avere dei temi da sviluppare, preferisco magari ispirarmi a dei temi e farlo da me. C'è in me un po' di vecchia programmazione anche se non sono un programmatore ma ai tempi del liceo lo facevo

dimenticavo il responsive ...naturalmente questo ancora non lo fa

bplayabblanco.altervista.org , a distanza di giorni si è sistemato da solo mah!!! in ogni caso dategli un'occhiata lo stesso, il problema si verificava nella pagina Baila en Blanco clikkando su prezzi. Rispetto al primo messaggio che ho scritto ho cambiato la gestione dell'immagine caricandola da background-image in css.

Ciao a tutti !!! sono Luca da Milano e spero di trovare persone con i quali interagire per poter risolvere le problematiche riguardo alla creazione di siti. Ho finito a Giugno un corso di 270 ore di Web Design, nel settore sono nuovo, ma logicamente il corso non colma tutte le mancanze e lavorandoci su saltano fuori tutte le problematiche del mondo e una volta finito non c'è più nessuno in grado di aiutarti a risolverli.

Grazie e a preto

Salve a tutti,

ho pubblicato un sito fatto con DreamWeaver usando Altervista e ci sono delle incongruenze tra cio' che vedo dal sito tramite il programma e cio' che vedo invece caricando da altervista. Credo a questo punto ci sia un problema di compatibilità. Io uso Google Chrome.

• Primo problema : ho sviluppato un "appari e scompari" clikkando su una voce del menu. Ho creato uno script collegandolo ad un href al cui interno ho messo un OnClick. Il tutto legato ad un Div che si vede e poi non si vede. Nel div ho dovuto mettere una ID perché con la Class lo script non funziona. Con DreamWeaver lo visualizzo correttamente, quando clikko sulla voce mi appare l'oggetto in primo piano con le caratteristiche che ho messo nel CSS. Quando apro il sito on-line l'oggetto in questione si nasconde dietro gli altri oggetti e non rispetta le caratteristiche del CSS. Per verificare l'attività dei comandi clikko su F12, ma andando sul Div in questione non appaiono le caratteristiche che invece dovrebbero apparire. Di cosa si tratta? (non sono un espertissimo)

• Secondo problema: non è tanto importante ma non mi visualizza neanche il responsive per i vari dispositivi, se lo apro con il cellulare mi si vede come per lo schermo grande con la possibilità di allargare e restringere lo screen.

Grazie è piuttosto urgente, sono bloccato da due giorni