Back to top

Autore Topic: layout tableless incasinato  (Letto 3324 volte)

Offline rino

  • Nuovo arrivato
  • *
  • Post: 19
    • Mostra profilo
layout tableless incasinato
« il: 23 Feb 2006, 22:59:25 »
ciao, volevo farvi vedere il layout (anche se non si può chiamare ancora così) che sto cercando di fare. Sono partito da un altro di base, ho sostituito le tabelle con i div, modificato e aggiunto classi nel foglio di stile, insomma ci ho lavorato un pò.
Il sito è questo:
www.pspmax.net/site/
ho cercato di ovviare a tutte le problematiche derivanti dalla sostituzione di strutture rigide come le tabelle a quelle flessibili dei div, ma ora in particolare ho un problemaccio  :(
i moduli messi in user1 e user2 (i due moduli in alto al centro per chi non lo sapesse) mi sfasano la grafica, o per meglio dire è il corpo di sotto che piuttosto che andare a capo gli si affianca.
E... non abbiate paura se ve lo dico... ma... INCREDIBILE CREDERCI... stavolta funziona su IE ma non si Firefox! hahah
beh no in realtà ragionandoci è logico perché devo aver fatto qualche errore ^^'.
Ad ogni modo posto qui il template modificato:

Codice: [Seleziona]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- PARTE INCLUSA PER INTEGRARE SMF (FORUM)!-->
<?php
global $sc$context$settings;

if (!
defined('SMF')){
require (
"administrator/components/com_smf/config.smf.php");
require (
$smf_path."/SSI.php");
}

$sc = &$context['session_id'];
$_SESSION['USER_AGENT'] = $_SERVER['HTTP_USER_AGENT'];

mysql_select_db($mosConfig_db);

echo 
'
<script language="JavaScript" type="text/javascript" src="'
$settings['default_theme_url'], '/script.js?beta4"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "'
$settings['theme_url'], '";
var smf_images_url = "'
$settings['images_url'], '";
var smf_scripturl = "'
$scripturl'";
var smf_session_id = "'
$context['session_id'], '";
// ]]></script>'
;

echo 
'
<link rel="stylesheet" type="text/css" href="'
$settings['theme_url'], '/style.css?rc1" />
<link rel="stylesheet" type="text/css" href="'
$settings['default_theme_url'], '/print.css?beta4" media="print" />
<link rel="help" href="'
$scripturl'?action=help" target="_blank" />
<link rel="search" href="' 
$scripturl '?action=search" />
<link rel="contents" href="'
$scripturl'" />';
?>

<!-- FINE PARTE INCLUSA PER INTEGRARE SMF (FORUM)!-->
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="<?php echo $mosConfig_live_site;?>/templates/mbt_macro_blue/css/template_css.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/mbt_macro_blue/images/favicon.ico"/>
<script>
function Valid(){
frm = document.forms['formSearch'];
if(frm.searchword.value == '' || frm.searchword.value == 'Search ...'){
alert('Please input search condition.');
return false;
}
return true;
}

function submitForm(){
if (Valid())
document.forms['formSearch'].submit();
}
</script>
</head>
<BODY>
<?php 
if (mosCountModules"right" )) { 
$numcol 3;
}else{
$numcol 2;
}
?>


<div id="contenitore">

<!-- START HEADER: TOP MODULE+PATHWAY+HEADER IMAGE+SEARCH-->
<div id="testata">
</div>

<div id="pathway">
<?php mosPathWay(); ?>
</div>

<!-- END HEADER: TOP MODULE+PATHWAY+HEADER IMAGE+SEARCH-->

<!-- START CONTENTBODY: LEFT+MOSBODY+RIGHT-->
<div id="leftmenu">
<?php if (mosCountModules"left" )) { ?>
<?php mosLoadModules "left" ); ?>
<?php ?>
</div>

<div id="center_area_outer">
<div id="center_area">
<?php 
$numblock 0;
if (mosCountModules"user1" )>&& mosCountModules"user2" )>0) {
$numblock 2;
$blockwidth 50;
}else if (mosCountModules"user1" )>|| mosCountModules"user2" )>0) {
$numblock 1;
$blockwidth 100;
}
?>

<?php if ($numblock 0) { ?>
<div id="topct">
<?php if (mosCountModules"user1" )) { ?>

<div width="<?php echo $blockwidth?>%" valign="top" id="topleft">
<div id="user1" class="roundblock">
<div class="colorbox">
<?php mosLoadModules "user1", -); ?>
</div>
</div>
</div>

<?php ?>
<?php if (mosCountModules"user2" )) { ?>
<div width="<?php echo $blockwidth?>%" id="topright">
<div id="user2" class="roundblock">
<div class="colorbox">
<?php mosLoadModules "user2", -); ?>
</div>
</div>
</div>
</div>
<?php ?>
<?php ?>
<div<?php if ($numblock == 2) echo "colspan=\"2\""?>>
<?php mosMainBody(); ?>
</div>
<div  <?php if ($numblock == 2) echo "colspan=\"2\""?>>&nbsp;
</div>
</div>
</div>

<?php if (mosCountModules"right" )) { ?>
<div id="rightmenu_outer">
<div id="rightmenu">
<?php mosLoadModules "right"); ?>
</div>
</div>

<?php ?>
</div>
<div id="footer">
<p align="left"><a href="javascript:window.scroll(0,0);"><img src="<?php echo $mosConfig_live_site;?>/templates/mbt_macro_blue/images/gotop.gif" border="0"></a></p>
<p align="center">Design by <a href="http://www.spaghettistudio.com" target="_blank">Spaghetti Studio</a>  | Site Engine by <a href="http://www.joomla.org" target="_blank">Joomla</a></p>
<p align="right"><a href="javascript:window.scroll(0,0);"><img src="<?php echo $mosConfig_live_site;?>/templates/mbt_macro_blue/images/gotop.gif" border="0"></a></p>
</div>
</body>
<!-- ALTRA PARTE INCLUSA PER INTEGRARE SMF (FORUM)!-->
<?php mysql_select_db($GLOBALS['db_name']); ?>
<!-- FINE ALTRA PARTE INCLUSA PER INTEGRARE SMF (FORUM)!-->
</html>

qualcuno di voi sa dirmi come potrei ovviare a questo inconveniente? a parte questo piccolo problema credete che avendo trasformato il layout da tabelle a div avrò altri problemi di questo tipo?

consigli e tutto quello che avete da dire sulla questione sono graditissimi : grazie e a presto ;)

Offline rino

  • Nuovo arrivato
  • *
  • Post: 19
    • Mostra profilo
Re: layout tableless incasinato
« Risposta #1 il: 24 Feb 2006, 15:24:59 »
nessuno sa aiutarmi?  :(

Offline rino

  • Nuovo arrivato
  • *
  • Post: 19
    • Mostra profilo
Re: layout tableless incasinato
« Risposta #2 il: 24 Feb 2006, 20:47:07 »
beh devo aver fatto la domanda del secolo... nessuno sa darmi anche la minima indicazione?

Offline rino

  • Nuovo arrivato
  • *
  • Post: 19
    • Mostra profilo
Re: layout tableless incasinato
« Risposta #3 il: 25 Feb 2006, 11:59:12 »
tenevo a dire comunque che ho risolto da solo...! :P :P :P

Offline imagenow

  • Esploratore
  • **
  • Post: 63
    • Mostra profilo
Re: layout tableless incasinato
« Risposta #4 il: 09 Mar 2006, 13:11:41 »
Non posso aiutarti, ma di sicuro mi iscriverò...
W la PSP  ;D
---PIRATES---

Offline _

  • Nuovo arrivato
  • *
  • Post: 44
  • Sesso: Maschio
    • Mostra profilo
Re: layout tableless incasinato
« Risposta #5 il: 09 Mar 2006, 20:54:29 »
Bene, allora dicci come hai fatto.
Un template tableless è sempre qualcosa di utile per chi vuole provare a fare un sito valido.
Ti consiglio di seguire anche la sezione dedicata all'accessibilità tramite Joomla.
Ciao

 



Web Design Bolzano Kreatif