assassincruel

assassincruel

non sono riuscito a fare niente con float:left vedi se riesci ad aiutarmi

Up up

Up uppppp

assassincruel

Si ok grazie mille =)=) magari intanto vedo se riesco con float>left a fare qualcosa

assassincruel

Ciao a tutti ragazzi ho inserito nel mio sito un menù a sinistra e al centro dovrei mettere uno slideshow con le immagini, però quando lo vado a mettere lo slideshow me lo posiziona sotto al menù e invece io lo voglio di fianco al menù come posso fare:?? vi posto il codice con lo slideshow già inserito grazie mille in anticipo!

[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="w3.org/1999/xhtml" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Casa vacanze Antica Via Delle Aie</title>
<meta name="author" content="Davide M******" />
<meta name="description" content="Via delle aie casa vacanze e affitta camere situata a Ruffano, lecce" />
<meta name="keywords" content="casa vacanze affitta camere via delle aie Ruffano Salento torrepaduli lecce" />
<link rel="stylesheet" type="text/css" href="stileviadelleaie.css" />
<link rel="stylesheet" type="text/css" href="style2.css" />

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.history.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>


<link rel="stylesheet" href="basic.css" type="text/css" />
<link rel="stylesheet" href="galleriffic-5.css" type="text/css" />
<link rel="stylesheet" href="black.css" type="text/css" />
</head>
<body>

<h1>Antica Via Delle Aie</h1>
<p style="text-align:center; font-size:24px; font-weight:bold; margin-top:-1px;">
<img src="Immagini/tamburellol.jpg" width="89" height="56" alt="Tamburello" title="Tamburello" />
Dimora storica salentina con balcone sul corso
<img src="Immagini/taranta.jpg" width="89" height="56" alt="Taranta" title="Taranta" /> </p> <br />
<p style="font-weight:bold; font-size:36px; text-decoration:underline; text-align:center; font-family:'Times New Roman',Times, serif; font-style:oblique; margin-top:-25px;">
<img src="Immagini/balcone_index.JPG" width="226" height="169" alt="Via delle aie porta-terra" title="Via delle aie porta terra" />
Ruffano Salento
<img src="Immagini/Stanze_index.jpg" width="250" height="169" alt="Stanze di cesare" title="Stanze di Cesare" />
</p> <br />
<p style="font-family:'Comic Sans MS', cursive; font-size:14px; text-align:center; margin-top:-40px;" >
Titolare DE VITIS Rosetta - Bed and breakfast Affittacamere Aut. Comunale n. 01/06 P. IVA 03052220757
</p><br />
<p style="text-align:center; font-family:'Comic Sans MS', cursive; font-size:16px; font-weight:bold; margin-top:-26px;">
Corso Umberto I°, 30 - 73049 RUFFANO (LECCE) TEL.0833/693014 - 349/3602400
</p><br />
<p style="color:#DFAF20; font-family:'Times New Roman', Times, serif; font-size:16px; text-align:center; font-weight:bold; margin-top:-28px;">
Città del Tamburello,Pizzica e Danza delle Spade con la Nottedisanrocco
</p>

<div id="container">
<div id="claim"><a href="bed_and_breakfast_economici.cfm">B&B, Guest House, Case Vacanza, Appartamenti, Locande, Ostelli, Country House e soluzioni di microricettività in Italia ai prezzi più bassi!</a></div>
<table border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="180">

        <div id="menu-sinistra">
            <a href="../" class="gruppo1-home">Home Page</a>
            <a href="cerca_geo.cfm" class="gruppo1-mappa">Ricerca su Mappa</a>
            <a href="ricerche_speciali.cfm" class="gruppo1-cerca">Ricerche Speciali</a>
            <a href="last_minute.cfm" class="gruppo1-last">Last Minute</a>
            <a href="ibeb.cfm" class="gruppo1-ibeb">Versione Mobile</a>

</div>
</td>
</tr>
</table>

</div>

<div id="page">
<div id="container2">
<div class="navigation-container">
<div id="thumbs" class="navigation">
<a class="pageLink prev" style="visibility: hidden;" href="#" title="Previous Page"></a>

                    <ul class="thumbs noscript">
                        <li>
                            <a class="thumb" name="leaf" href="2538183196_8baf9a8015.jpg" title="Title #0">
                                <img src="2538183196_8baf9a8015_s.jpg" alt="Title" />
                            </a>
                            <div class="caption">
                                <div class="image-title">Title</div>
                                <div class="image-desc">Description</div>
                            </div>
                        </li>

                        <li>
                            <a class="thumb" name="drop" href="2538171134_2f77bc00d9.jpg" title="Title #1">
                                <img src="2538171134_2f77bc00d9_s.jpg" alt="Title" />

                            </a>
                            <div class="caption">
                                Any html can be placed here ...
                            </div>
                        </li>

</ul>
</div>
<a class="pageLink next" style="visibility: hidden;" href="#" title="Next Page"></a>

                </div>
            </div>
            <div class="content">
                <div class="slideshow-container">
                    <div id="controls" class="controls"></div>
                    <div id="loading" class="loader"></div>
                    <div id="slideshow" class="slideshow"></div>
              </div>
                <div id="caption" class="caption-container">

</div>

<div style="clear: both;"></div>
</div>


<script type="text/javascript">
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.content').css('display', 'block');

            // Initially set opacity on thumbs and add
            // additional styling for hover effect on thumbs
            var onMouseOutOpacity = 0.67;
            $('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({
                mouseOutOpacity:   onMouseOutOpacity,
                mouseOverOpacity:  1.0,
                fadeSpeed:         'fast',
                exemptionSelector: '.selected'
            });
            
            // Initialize Advanced Galleriffic Gallery
            var gallery = $('#thumbs').galleriffic({
                delay:                     2500,
                numThumbs:                 10,
                preloadAhead:              10,
                enableTopPager:            false,
                enableBottomPager:         false,
                imageContainerSel:         '#slideshow',
                controlsContainerSel:      '#controls',
                captionContainerSel:       '#caption',
                loadingContainerSel:       '#loading',
                renderSSControls:          true,
                renderNavControls:         true,
                playLinkText:              'Play Slideshow',
                pauseLinkText:             'Pause Slideshow',
                prevLinkText:              '&lsaquo; Previous Photo',
                nextLinkText:              'Next Photo &rsaquo;',
                nextPageLinkText:          'Next &rsaquo;',
                prevPageLinkText:          '&lsaquo; Prev',
                enableHistory:             true,
                autoStart:                 false,
                syncTransitions:           true,
                defaultTransitionDuration: 900,
                onSlideChange:             function(prevIndex, nextIndex) {
                    // 'this' refers to the gallery, which is an extension of $('#thumbs')
                    this.find('ul.thumbs').children()
                        .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                        .eq(nextIndex).fadeTo('fast', 1.0);

                    // Update the photo index display
                    this.$captionContainer.find('div.photo-index')
                        .html('Photo '+ (nextIndex+1) +' of '+ this.data.length);
                },
                onPageTransitionOut:       function(callback) {
                    this.fadeTo('fast', 0.0, callback);
                },
                onPageTransitionIn:        function() {
                    var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
                    var nextPageLink = this.find('a.next').css('visibility', 'hidden');
                    
                    // Show appropriate next / prev page links
                    if (this.displayedPage > 0)
                        prevPageLink.css('visibility', 'visible');

                    var lastPage = this.getNumPages() - 1;
                    if (this.displayedPage < lastPage)
                        nextPageLink.css('visibility', 'visible');

                    this.fadeTo('fast', 1.0);
                }
            });

            /**************** Event handlers for custom next / prev page links **********************/

            gallery.find('a.prev').click(function(e) {
                gallery.previousPage();
                e.preventDefault();
            });

            gallery.find('a.next').click(function(e) {
                gallery.nextPage();
                e.preventDefault();
            });

            /****************************************************************************************/

            /**** Functions to support integration of galleriffic with the jquery.history plugin ****/

            // PageLoad function
            // This function is called when:
            // 1. after calling $.historyInit();
            // 2. after calling $.historyLoad();
            // 3. after pushing "Go Back" button of a browser
            function pageload(hash) {
                // alert("pageload: " + hash);
                // hash doesn't contain the first # character.
                if(hash) {
                    $.galleriffic.gotoImage(hash);
                } else {
                    gallery.gotoIndex(0);
                }
            }

            // Initialize history plugin.
            // The callback is called at once by present location.hash. 
            $.historyInit(pageload, "advanced.html");

            // set onlick event for buttons using the jQuery 1.3 live method
            $("a[rel='history']").live('click', function(e) {
                if (e.button != 0) return true;

                var hash = this.href;
                hash = hash.replace(/^.*#/, '');

                // moves to a new page. 
                // pageload is called at once. 
                // hash don't contain "#", "?"
                $.historyLoad(hash);

                return false;
            });

            /****************************************************************************************/
        });
    </script>

</div>
</body>
</html>
[/HTML]

assassincruel

Avevo già pensato di farlo ma ho letto che è stato deprecato l'uso di display:none ma tutte queste deprecazioni xD mi hanno rotto quindi credo l'userò se non trovo altra soluzione

assassincruel

Si esattamente. Io ho messo a una l'attributo checked e vorrei nasconderle tutte in modo che l'utente non le sceglie praticamente ho già scelto io per lui e voglio nascondere le opzioni xD

assassincruel

Sarve ragazzi ho implementato nella mia pagina questo slideshow [HTML]javascript.html.it/demo/javascript/5172/esempio.htm[/HTML] volevo sapere come potevo fare per non far vedere le impostazioni dello slideshow agli utenti??

assassincruel

Ho inserito nel css al titolo h1 un margin top e bottom negativo e sembra visualizzare tutto normale

assassincruel

No il titolo è in un tag h1 mentre le scritte in un paragrafo. Uff non so come fare quando vado a fare l'anteprima mi lascia semper un casino di spazio tra un rigo e l'altro e pure dal margine superiore

assassincruel

Ciao a tutti, ho un problema io lavoro con dreamweaver cs5 e sul mio sito ho messo un titolo in alto in grande e sotto altre scritte, fin qui tutto bene però quando vado a cliccare visualizza ad esempio con firefox o internet explorer la distanza tra il titolo e le scritte al di sotto è enorme. Come posso fare perchè non ci sia tanta distanza tra i le due scritte? ho provato con l'attributo line-weight e ho messo come valore normal ma niente. cosa devo fare??

assassincruel

Ragazzi ho trovato qui dei bottoni animati con jquery mrwebmaster.it/script/bottoni-animati-jquery_1000.html se li scaricate vedrete che i bottoni animati sono quadrati, vorrei sapere se era possibile rendere quei bottoni di forma ovale perchè quadrati perdono un pò di stile grazie mille in anticipo

assassincruel

Ok perfetto ho trovato il modo con ajax posto il sito da cui ho preso il codice e sul quale spiega tutto come fare, nel caso qualcun altro abbia il mio stesso problema dynamicdrive.com/dynamicindex17/ajaxcontent.htm

assassincruel

ahah no infatti il nostro amico google non è molto favorevole a queste trovate, però potrei sempre limitare il problema mettendo delle keywords nell' head comunque grazie mille proverò con l'ajax....

assassincruel

Prima di tutto ciao a tutti ragazzi, sono nuovo di questo forum vi espongo il mio problema: nel mio sito voglio lasciare una parte(nel mio caso la parte superiore del sito) fissa con la barra dei menù e quando un utente va a cliccare ad esempio su home o contatti, vorrei che la pagina si apra nella parte sottostante senza ricaricare l'intera pagina.... è possibile farlo senza l'uso dei frame?? non ho nessuna idea su cosa usare per farlo :bho:

assassincruel

@assassincruel

Post creati da assassincruel