Back to top

Autore Topic: Pagina che si adatta automaticamente  (Letto 5590 volte)

graphikart

  • Visitatore
Pagina che si adatta automaticamente
« il: 03 Nov 2005, 16:59:32 »
Salve a tutti... mi ripresento con un problemino!

Il sito al quale sto lavorando è settato bene per la risol. 800x600 se aumento a 1024x768 l'immagine che si trova in alto si ripete eil carattere si rimpicciolisce..
ok potrei modificarlo con DW... ma ho una necessità diversa, ovvero le dimensioni impostate devono rimanere tali anche a 1024x768.. o meglio non deve esserci l' "Auto".
Nel .css del template non trovo la voce da modificare qualcuno può aiutarmi?

Di seguito elenco quanto scritto nel css:

body, html {
   margin:0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #001C32;
   background-color: #001C32;
}

tbody {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #001C32;
}

td.date {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #8BB3D3;
   padding-bottom: 50px;
   padding-left: 30px;
}

td.welcome {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #ffffff;
}

table.main {
   border-right-width: 5px;
   border-left-width: 5px;
   border-right-style: solid;
   border-left-style: solid;
   border-right-color: #FFFFFF;
   border-left-color: #FFFFFF;
}

/* Default MOS Class Settings

**********************************************************************************************************/
td.pathway {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #FFFFFF;
   padding-top: 1px;
   padding-left: 170px;
}

a.pathway:link, a.pathway:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #FFFFFF;
}

a.pathway:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #D6E2EF;
}



/* Main Menu Styles

**********************************************************************************************************/
a.mainlevel:link, a.mainlevel:visited {
   color: #001C32;
   text-align: left;
   font-weight: bold;
   padding-left: 5px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 15px;
   height: 16px;
   width: 100%;
}

a.mainlevel:hover {
   color: #001C32;
   text-align: left;
   width: 100%;
   height: 16px;
   padding-left: 5px;
   background-color: #C2D5E5;
}

a.mainmenu:link, a.mainmenu:visited {

   color: #000000;

   font-family: Arial, Helvetica, sans-serif;

   font-weight: bold;

}



a.mainmenu:hover, {

   color: #666666;

   text-align: left;

}



a.sublevel:link, a.sublevel:visited {

   color: #000000;

   font-family: Arial, Helvetica, sans-serif;

   font-weight: normal;

}



a.sublevel:hover {

   color: #666666;

   text-align: left;

}

/* Module Styles
**********************************************************************************************************/
table.moduletable {
   width: 157px;
   text-align: center;
}

table.moduletable th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   font-weight : bold;
   color : #143753;
   text-align : center;
   background-image: url(../images/mod_title.gif);
   height: 20px;
   padding-top: 2px;
   background-repeat: repeat-x;
}

table.moduletable td {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-align: left;

}

/* Polls Style
**********************************************************************************************************/
.poll {
   color : #001C32;
   line-height : 12px;
   font-weight: bold;
}

/* Sections Style
**********************************************************************************************************/
.sectiontableheader {
   background-color : #CADAE9;
   color : #000000;
   font-weight : bold;
   font-size: 11px;
   line-height: 13px;
}

.sectiontableentry1 {
   font-size: 11px;
   background-color : #B0C8DB;
}

.sectiontableentry2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color : #C6D7E7;
}

.pagenav {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #000000;
}

a.pagenav:link, a.pagenav:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #336187;
}

a.pagenav:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color            : #000000;
   text-decoration  : none;
   background-color: #4C93CD;
}

/*****************************************************************************************************/
.small {
   font-size : 11px;
   color : #336187;
}

.smalldark {
   font-size : 11px;
   color : #336187;
   text-decoration : none;
}

.createdate {
   font-size : 10px;
   color : #336187;
   text-decoration : none;
   font-weight : medium;
}

.modifydate  {
   font-size : 10px;
   color : #336187;
   text-decoration : none;
   font-weight : medium;
}

/* Content Styles
**********************************************************************************************************/
.contentpane {
   font-size: 11px;
   color: #000000;
}

.contentpaneopen {
   font-size: 11px;
   color: #000000;
}

.contentheading, .componentheading {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 13px;
   font-weight : bold;
   color : #557E9A;
   text-align : left;
   padding-left: 20px;
   height: 20px;
   padding-top: 4px;

}

.category {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #336187;

}

a.category:link, a.category:visited {
  color            : #336187;
  font-weight      : bold;
}

a.category:hover {
   color            : #000000;
   text-decoration  : none;
   background-color: #4C93CD;
}

/* Form Styles
**********************************************************************************************************/

form { /* borrowed from mambosolutions.com -- to fix empty space issues */
   display:inline;
   margin: 0px;
   padding: 0px;
}

.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #DBE7F2;
  color            : #000000;
  border           : 1px solid #000000;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #DBE7F2;
  border           : 1px solid #000000;
}

/* Links
**********************************************************************************************************/
a:link, a:visited {
  font-size        : 11px;
  color            : #336187;
  text-decoration  : none;
}

a:hover {
   color            : #000000;
   text-decoration  : none;
   background-color: #4C93CD;
}

/* For content item titles that are hyperlink instead of Read On

**********************************************************************************************************/
a.contentpagetitle:link, a.contentpagetitle:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
    color: #000000;
   text-align:left;
   }

a.contentpagetitle:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align:left;
   color            : #000000;
   text-decoration  : underline;
   }

.description {
   font-size: 11px;

   color: #000000;

}



/* Styles for dhtml tabbed-pages */

.ontab {

   background-color: #ffae00;

   border-left: outset 2px #ff9900;

   border-right: outset 2px #808080;

   border-top: outset 2px #ff9900;

   border-bottom: solid 1px #d5d5d5;

   text-align: center;

   cursor: hand;

   font-weight: bold;

   color: #FFFFFF;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

}

.offtab {

   background-color : #e5e5e5;

   border-left: outset 2px #E0E0E0;

   border-right: outset 2px #E0E0E0;

   border-top: outset 2px #E0E0E0;

   border-bottom: solid 1px #d5d5d5;

   text-align: center;

   cursor: hand;

   font-weight: bold;

   color: #000000;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

}



.tabheading {

   background-color: #ffae00;

   text-align: left;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

}



.pagetext {

   visibility: hidden;

   display: none;

   position: relative;

   top: 0;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 11px;

   color: #000000;

}



/* for modifying {moscode} output.  Don't set the colour! */

.moscode {

   background-color: #f0f0f0;

}



/* Text passed with mosmsg url parameter */

.message {

   font-weight: bold;

   font-size : 10pt;

   color : #ff6600;

   text-align: center;

}

graphikart

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #1 il: 03 Nov 2005, 17:18:47 »
Riporto ciò che ho trovato in un altro thread?

...di solito si ha un div chiamato container che ha questo parametro "width: 7xx px" per averlo a tutto schermo devi settarlo in "width: auto".
Ovviamente poi devi ridefinire tutti i div che contengono i moduli di mambo perchè questo parametro potrebbe cambiare la struttura.


ma nel .css di cui sopra non esiste il div chiamato container, e la seconda parte che significa? ma soprattutto nel css di cui sopra niente è impostato a "auto". dove devo controllare?

Carneade!
« Ultima modifica: 03 Nov 2005, 17:21:08 da Tiziana »

trerighe

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #2 il: 03 Nov 2005, 18:16:42 »
Il css l'hai postato tutto, vero?  ::)

Prova così: apri l'index.php del template e controlla il codice html del body , probabilmente hai una tabella contenitore settata a 800 px, portala al 100%, oppure hai uno stile inline, che template è?
per fare prima aprilo con un editor serio... :o ;D

Comunque puoi optare per bloccare l'immagine, esistono molti modi, sia tramite codice html sia tramite una classe css

graphikart

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #3 il: 03 Nov 2005, 18:28:15 »
Nell'index c'è:

<body>
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">


quindi non credo dovrei

Prova così: apri l'index.php del template e controlla il codice html del body , probabilmente hai una tabella contenitore settata a 800 px, portala al 100%

Ora il template si ridimensiona a 1024x768 io lo voglio sempre delle stesse dimensioni.. come si fa?

vedi e prova a 800x600 e a 1024x768 io lo voglio sempre come è a 800x600..

www.graphikart.it/joomla

Carneade!  :'(

trerighe

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #4 il: 03 Nov 2005, 18:36:28 »
prova cosi:
<body>
<table width="800px" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> ( senza il bold però...)

trerighe

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #5 il: 03 Nov 2005, 18:42:22 »
nel frammento di codice che hai postato ci sono due table, me ne sono accorto solo adesso... e quella di sotto è settata al 100%, forse è quella interna che devi impostare a 800px, ma dipende... senza template non saprei esattamente.

graphikart

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #6 il: 03 Nov 2005, 19:05:00 »
cosa devo allegarti? il template?

graphikart

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #7 il: 03 Nov 2005, 19:12:34 »
Ho messo esattamente 800 px o meglio 754px che è le dimensioni dell'imamgine.. Ovunque c'era scritto width: 100% ho messo 754px e ora va benissimo... l'unica cosa perchè il carattere si è rimpicciolito? anche quello deve rimanere tale! che per caso devo cambiare nel css?

 :D :D :D :D :D
« Ultima modifica: 03 Nov 2005, 19:17:34 da Tiziana »

trerighe

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #8 il: 03 Nov 2005, 20:00:02 »
cosa devo allegarti? il template?
Non mi piacciono i template in html, se posso li evito...

Ehmm.. però potresti allegarmi le rispose per Yank, per esempio come inserire i tag per il nome utente, se i tag funzionano, come impostare i tag per l'accredito automatico di ogni nuovo iscritto, insomma tutte quelle cose che dici di aver risolto... e siccome la newsletter funziona, perchè l'ho provata, vorrei usarla a pieno regime...  ;D

graphikart

  • Visitatore
Re: Pagina che si adatta automaticamente
« Risposta #9 il: 03 Nov 2005, 20:33:28 »
Scusa ma che significa quello che hai scritto?

"Non mi piacciono i template in html, se posso li evito..."

io dicevo seriamente... pensavo che potesse servirti il template intero o l'index.php o il css. per cercare di risolvere il mio problema.

Non era certo una battuta!  :-\

 



Web Design Bolzano Kreatif