• P
    Super User •

    Ok, ci provo...

    css

    
body { 
font: italic normal 98% georgia,verdana,arial,sans-serif; 
color: #666666; 
background: #c9c9c9; 
margin:0em;
}

a {
color:;
text-decoration: none;
border-bottom: 1px dashed;
}

a:visited {
color:;
text-decoration: none;
border-bottom: 1px dashed;
}

a:active {
color:;
text-decoration: none;
border-bottom: 1px dashed;
}

a:hover { 
color: #ffffff;
background:;
text-decoration: none;
border-bottom: 1px dashed;
}


p { 
font: normal 98% verdana,arial,sans-serif; 
color: #fff;
margin-top: -80px; 
margin-left: 650px;
}

#contenitore {
width: 75%;
text-align: justify;
font: italic normal 98% georgia,verdana,arial,sans-serif; 
color:;
margin: auto;
}

#libro1 {
background:     url(immagini/01.jpg); background-repeat: no-repeat; 
padding: 170px 0px 0px 0px;  
margin: 0px; 
font: italic normal 98% georgia,verdana,arial,sans-serif; 
color:;
}

#libro2 {
background:     url(immagini/02.jpg); background-repeat: repeat-y; 
padding: 0px 0px 0px 0px;  
margin: 0px; 

}
.menu {
background:  url(immagini/post.jpg) no-repeat;
width:252px ;
float: left;
font: italic normal 98% georgia,verdana,arial,sans-serif; 
color:;
margin-top: 0px; 
margin-left: 50px;
text-align: justify;
padding: 50px 0px 249px 50px;
}

a {
color:;
text-decoration: none;
border-bottom: 1px dashed;
}

a:visited {
color:;
text-decoration: none;
border-bottom: 1px dashed;
}
a.link_menu:link  {text-decoration: none; color :; border-bottom: none;}
a.link_menu:visited  {text-decoration: none; color :; border-bottom: none;}
a.link_menu:hover {text-decoration: none; color :; border-bottom: none;}


li{list-style:none}

.libro2_testo_dx {
float: right;
width: 40%;
font: italic normal 98% georgia,verdana,arial,sans-serif; 
color:;
margin-top: 0px; 
text-align: justify;
padding: 0px 50px 0px 0px;

}

.libro3 {
background:     url(immagini/03.jpg); background-repeat: no-repeat; 
padding: 170px 0px 0px 0px;  
margin: 0px; 
font: italic normal 98% georgia,verdana,arial,sans-serif; 
color:;
}

.clean {clear: both; }

    xhtml

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" >
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="Paola" />
    <meta name="Keywords" content="Parole Chiave" />
    <meta name="Description" content="Descrizione" />
    <meta name="robots" content="all" />
    <title>Titolo</title>
    <link href="style05.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="setFontSize.js"></script>
    </head>
    <body>
    <div id="contenitore">
    <div id="libro1">

    [url="javascript:%20setFontSize(1)"]1

    • [url="javascript:%20setFontSize(2)"]2

    [url="javascript:%20setFontSize(3)"]3

    • [url="javascript:%20setFontSize(4)"]4
      </p>
      </div>
      <div id="libro2">
      <div class="menu">
      <ul>
    • Link
    • Link
    • Link
    • Link
    • Link
    • Link
    • Link
      </div>
      <div class="libro2_testo_dx">Paola paola paola paola paola paola paola paola [url="#"]paola
      paola paola paola paola Paola paola paola paola paola paola paola paola
      paola paola paola paola Paola paola paola paola paola paola paola
      paola paola paola paola paola paola Paola paola paola paola paola paola
      paola paola paola paola paola paola paola Paola paola paola paola paola
      paola paola paola paola paola paola paola Paola paola paola paola paola
      paola paola paola paola paola paola paola Paola paola paola paola paola
      paola paola paola paola paola paola paola Paola paola paola paola paola
      paola paola paola paola paola paola paola Paola paola paola paola paola
      paola paola paola paola paola paola paola Paola paola paola paola paola
      paola paola paola paola paola paola paola Paola paola paola paola paola
      paola paola paola paola paola paola paola Paola paola paola paola paola
      </div>
      <div class="clean"></div>
      </div>
      <div class="libro3"></div>
      </div>
      </body>
      </html>
    0
  • P
    Super User •

    @Gorka said:

    Firefox/1.5.0.1, risoluzione 1280x800 : la scritta paola esce dal riquadro anche da me.

    Con konqueror e epiphany le cose peggiorano (ma forse non interessa a nessuno):

    butto via?

    0
  • G
    Super User •

    @Paola_mi said:

    butto via?

    Sono un niubbo che niubbo non si può, quindi non so che dirti.
    Il massimo che posso fare per aiutarti è testare con i browser che ho a disposizione.

    0
  • G
    Super User •

    Con exploder 7 sembra funzionare bene 🙂

    0
  • K
    Super User •

    Paola_mi prova a sostituire in questa parte del CSS il width:

    .libro2_testo_dx &#123;
float: right;
width&#58; 40%;

    Prova ad inserire tipo px dove è uguale al numero di pixel (es. 350px) cosi ovvierai il problema che a maggiori risoluzioni del 1024x768 le scritte paola escano dal riquadro.

    Per il resto ho provato a testare la visione solo con la volpe di fuoco... non ho sotto mano IE sorry.

    :ciauz:

    0
  • P
    Super User •

    KING_Hack sarà che sono cotta, perché è da ieri che ci sbatto la testa... ma pensavo a come fare per capire quanti pixel, visto che sono abituata a ragionare in percentuale...
    Cmq farò vari tentativi e vi farò sapere... grazie!!!

    0
  • K
    Super User •

    Io ho rilevato...ad occhio con Gimp... questi valori:

    image

    Vedi se vanno bene 😉

    :ciauz:

    0
  • P
    Super User •

    Mi arrendo: sono in palla...
    Magari lo tengo lì un po' e se riesco lo riguarderò... altrimenti finirà nel cestino...
    Quello che proprio non sopporto è che con FF io lo vedo BENISSIMO!!!

    Maledetto IE!!! :arrabbiato:

    0
  • massy
    Moderatore •

    Lo vedi benissimo a 1024x768 🙂

    hai messo:
    #contenitore {
    width: 75%;
    etc etc}

    poi dentro hai messo dei blocchi a dimensione "fissa" a causa delle immagini larghe 752px;

    ora se la larghezza è tale che il 75% è proprio 752px lo vedi bene, altrimenti ti impalli.

    Quindi prima cosa:

    1. o decidi di mettere tutto in px, compreso la larhgezza del contenitore
    2. metti le immagini a "blocchi" tipo le slinding doors... scindi le immagini in due parti in modo che spostandole da una parte od a un altra resti fisso.

    Secondo me ti conviene tanto per cominciare mettere:
    {
    width: 752px;}

    e poi continuare a vedere cosa succede.

    PS controlla sempre i tuoi layout a più risoluzioni.. 🙂

    0
  • P
    Super User •

    Ciao, ho rimesso mano a questo layout...
    Avevate ragione voi, ho messo tutte le misure in px e adesso si vede su tutti e tre i browser 🙂

    Grazie :ciauz:

    0
  • K
    Super User •

    Su FF con OS X riscontro ancora qualche problema col blocco dei contenuti ("paola, paola,...") perchè se ridimensiono la finestra del browser mi ritrovo o con i contnuti che sbordano dallo sfondo bianco verso destra oppure se restringo la finestra vanno a scomparire al di sotto del "post-it" di sinistra ed i numeretti 1-2 e 3-4 che sono a coppie me li ritrovo 1 2 3 4 uno sotto l'altro.

    Forse ti sei dimenticata di dare un valore fisso anche al div "contenitore" come suggeriva massy (?). .. a quanto vedo infatti sul css. hai lasciato 75%... prova a seguire il consiglio di Massy: dovresti risolvere al... 100% 😉

    :ciauz:

    0
  • P
    Super User •

    No, KING_Hack, più semplice: non l'ho ancora uppato... :microsoft:

    EDIT: [url=http://lilafel.altervista.org/layout_05/05.htm]ecco fatto

    :ciauz:

    0
  • K
    Super User •

    Ottimo funzia alla grande 😄

    :ciauz:

    0
Effettua l'accesso per rispondere