Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Float: tre div allineati che non sfasano

    Salve a tutti!
    Son due giorni che guardo il codice css di questa (mia) pagina, ma non riesco a capire dove sbaglio...
    Comincio subito dicendo che di CSS ne so quanto un cane, quindi ogni vostro parere e consiglio sarà per me grasso che cola...
    Veniamo al dunque..
    la pagina (http://leo91.altervista.org/tutorial/index.php).
    Il codice interessa è più che altro questo
    codice:
    <H1>--ULTIMI TUTORIALS--</H1>
    <DIV style="TEXT-ALIGN: center">--ULTIMA NEWS-- 
    <DIV id=nuova>Apertura
    Data: 27/03/06
    Il sito dei Tutorial per JS e 
    PHP apre i battenti!
    </DIV><A title=News 
    href="http://leo91.altervista.org/tutorial/index.php?area=news">--Vai alle 
    News--</A> 
    <DIV style="FLOAT: left; WIDTH: 300px">--Tutorials PHP--
    <A 
    title="Come andare a letto" 
    href="http://leo91.altervista.org/tutorial/index.php?area=php&amp;id=060326231618">Come 
    andare a le...
    By Peo</A>
    <A title=wwwwwwwwwwwwwwwwwwwwwwwwwwwwwww 
    href="http://leo91.altervista.org/tutorial/index.php?area=php&amp;id=060326234360">wwwwwwwwwwwwwwww...
    By 
    Peo</A>
    <A title=Ciao 
    href="http://leo91.altervista.org/tutorial/index.php?area=php&amp;id=060326233012">Ciao
    By 
    Peo</A>
    </DIV>
    <DIV style="FLOAT: right; WIDTH: 300px">--Tutorials JS--
    <A 
    title=Dinuovo 
    href="http://leo91.altervista.org/tutorial/index.php?area=js&amp;id=06032623005">Dinuovo
    By 
    Peo</A>
    <A title=We 
    href="http://leo91.altervista.org/tutorial/index.php?area=js&amp;id=06032623424">We
    By 
    Peo</A>
    </DIV></DIV>
    Ora..qui ci sono 3 div..
    Il problema è che i due div ai lati (--Tutorial PHP-- e --Tutorial JS--, tanto per capire quali sono) mi scorrono giù, anche se hanno il float..
    Se provo a mettere (nel codice) il div delle news per ultimo questo mi va giù...
    Allora...come si fa a mantenerli bloccati?
    Non voglio fare niente di position:absolute, perchè mi sta un pò sugli zebedei
    Ma qualcosa di profescional

    Codice CSS:
    codice:
    BODY{
    padding:0px;
    margin:0px;
    background-color:silver;
    color:black;
    font-family:Verdana,Arial,Sans-Serif;
    }
    a:link, a:visited{
    color:red;
    text-decoration:none;
    }
    a:hover{
    color:yellow;
    text-decoration:underline;
    }
    .topm{
    background-color:green;
    width:400px;
    text-align:center;
    }
    IMG{
    padding:0px;
    margin:0px;
    border:0px;
    }
    INPUT, TEXTAREA{
    background-color:silver;
    color:red;
    font-family:Verdana,Arial,Sans-Serif;
    }
    #nuova{
    background-color:a6a6bc;
    border:1px solid yellow;
    margin-bottom:5px;
    width:400px;
    }
    #codice{
    background-color:ffaa77;
    color:006cff;
    font-family:Courier New;
    }
    .titolo{
    background-color:ffe033;
    color:black;
    font-family:Verdana,Arial,Sans-Serif;
    font-size:18px;
    text-align:center;
    }
    .cont{
    background-color:white;
    color:black;
    font-family:Verdana,Arial,Sans-Serif;
    font-size:15px;
    text-align:left;
    margin-left:10px;
    margin-right:10px;
    }
    Grazie!
    PER CASO ti serve un guestbook, completamente personalizzabile?e PER CASO lo vuoi anche gratis e senza pop-up o dialer?E allora prova il nuovo NewAge GuestBook..Niente per caso, tutto perfetto

  2. #2
    ciao! sistema il link perché dà not found
    www.valeweb.net

  3. #3
    Originariamente inviato da bettola
    ciao! sistema il link perché dà not found
    Fatto
    PER CASO ti serve un guestbook, completamente personalizzabile?e PER CASO lo vuoi anche gratis e senza pop-up o dialer?E allora prova il nuovo NewAge GuestBook..Niente per caso, tutto perfetto

  4. #4
    Risolto, mi è bastato inserire un width minore
    PER CASO ti serve un guestbook, completamente personalizzabile?e PER CASO lo vuoi anche gratis e senza pop-up o dialer?E allora prova il nuovo NewAge GuestBook..Niente per caso, tutto perfetto

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.