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

    [CSS] Problema nel modificare le dimensioni di un box

    Salve,

    questa è la parte dei CSS interessata:

    codice:
    div.menù
    {
    	position:absolute;
    	background-color:#FFF;
        border-color:#CCC;
    	border-style:outset;
    	margin-top:0px;
    	margin-left:30px;
    	width:1155px;
    	height:50px;	
    }
    
    div.body
    {
    	position:absolute;
    	background-color:#FFF;
    	border-color:#CCC;
    	border-style:outset;
    	attachment-repeat:repeat-y;
    	margin-top:60px;
    	margin-left:30px;
    	width:700px;
    }
    
    div.colonna
    {
    position:absolute;
    background-color:#FFF;
    border-color:#CCC;
    border-style:outset;
    attachment-repeat:repeat-y;
    margin-top:60px;
    margin-left:745px;
    width:450px;
    }
    Questo è il listato della pagina index:

    Codice PHP:

    <?php
    echo('
    <html>
    <head>
    <title>Home</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
    </head>
    '
    );


    include(
    '/blog/config.php');

    echo(
    '
    <body>
    <div class="logo">
    <div class="testa">
    [url="/blog/registrazione.php"]Registrati[/url] | [url="/blog/login.php"]Loggati[/url] | [url="/blog/logout.php"]Logout[/url]

    </div>
    </div>

    <div class="menù">Prova</div>

    <div class="body">
    <table width="700px;">
    <tr><td colspan="3"><h1>Ultimi Articoli</h1></td></tr>
    '
    );

    $query="SELECT*FROM articoli ORDER BY data DESC";
    $result=mysql_query($query$conn) or die ("Errore: ".mysql_error());
    while(
    $assoc=mysql_fetch_assoc($result))
    {
        echo(
    '
        
        <tr>
        <td>[b]'
    .$assoc['titolo']. '[/b]</td>
        <td>'
    .$assoc['autore']. '</td>
        <td>'
    .$assoc['data'].'</td>
        </tr>
        <tr>
        <td colspan="3">'
    .$assoc['testo'].'</td>
        </tr>
        
        '
    );
        
        
    }

    echo(
    '
    </table>
    </div>
    '
    );

    echo(
    '
    <div class="colonna">
    <table width="450px;">
    '
    );

    $query="SELECT*FROM articoli WHERE rubrica='marxismo' ORDER BY data DESC";
    $result=mysql_query($query$conn) or die ("Errore: ".mysql_error());
    $assoc=mysql_fetch_assoc($result);

    rubrica($assoc['rubrica']);

    while(
    $assoc=mysql_fetch_assoc($result))
    {
        echo(
    '
        
        <tr>
        <td><h2>'
    .$assoc['titolo']. '</h2></td>
        <td>di [i]'
    .$assoc['autore']. '[/i]</td>
        <td>'
    .$assoc['data'].'</td>
        </tr>
        <tr>
        <td colspan="3">'
    .$assoc['testo'].'</td>
        </tr>
        
        '
    );
        break;
        
    }

    echo(
    '
    </table>
    </div>
    '
    );

    echo(
    '</body></html>');

    ?>
    Non riesco a modificare le dimensioni di quella che sarà la barra del menù. Regolato dal div.menù. Il problema è che non riesco a modificarne la larghezza. E' come se per qualche motivo fosse sintonizzato con la larghezza del box dei post, regolato dal div.body.

    Ecco uno screenshot della pagina; come vedete il box (dove sta scritto "prova")rimane della stessa larghezza dello spazio dei post sottostante, ch'è di 700px, mentre il box sopra è regolato per 1155px; (la somma del box dei post più quello della colonna a lato).



    Qualcuno sa spiegarmi cosa sto sbagliando? grazie.

  2. #2
    Comincia col chiamare la classe "menu" e non "menù". Non credo che i caratteri accentati siano accettati all'interno di identificatori CSS.
    Visita il mio blog e canale YouTube dedicati a programmazione web e sicurezza informatica.

  3. #3
    Originariamente inviato da thecodingmonk
    Comincia col chiamare la classe "menu" e non "menù". Non credo che i caratteri accentati siano accettati all'interno di identificatori CSS.
    Provo subito.
    Intanto ti chiedo se per caso non sia il PHP a creare interferenze.


    Ehy... grazie!!
    Adesso è tutto a posto.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.