Php,Html,Tabelle e CSS

[Free_Sp1r1t]

Ciao a tutti, premesso che non conosco nessun linguaggio di programmazione e mi baso molto sull'intuito leggendo il codice di pagine già scritte( ),e che il mio sito è fatto con un cms di nome "webspell", ora ho un problema:

il cms da me adottato fà uso massiccio di tabelle per costruire il layout....ora io leggendo in giro, mi sono reso conto che un layout che sfrutta i cssè migliore, o almeno così leggo, anche se nn ho capito i vantaggi e per poter capire se sia effettivamente migliore come soluzione, ho deciso di ricostruire il layout in css; ci sono riuscito convertendo la parte html (tutte le tabelle che sono in sostanza il contenuto del mio sito) con un programmino che mi riproduce il codice in css, e quindì non ho dovuto fare altro che dover sostituire il codice html con quello css.
La pagina index carica il tutto correttamente, il problema lo riscontro laddove nelle tabelle vi era inserito uno script php,....per farvi capire subito il problema vi mostro subito il tutto tramite uno screen shoot dove vi metto il prima e il dopo:



come potete notare, quella che una volta era la seconda cella della tabella, si trova sopra al contenuto della prima, in quanto non si autoadattano più come prima facevano le tabelle

Ora vi posto il codice css che fà riferimento a quelle due zone:

.ts-18-1 {
border: none;
height: 25px;
left: 0px;
line-height: 25px;
padding: 0px;
position: absolute;
top: 0px;
width: 164px;
}

.ts-18-2 {
border: none;
height: 19px;
left: 0px;
padding: 0px;
position: absolute;
top: 25px;
width: 164px;
}

.ts-19 {
border: none;
height: 19px;
position: relative;
text-align: left;
width: 164px;
}

.ts-19-1 {
border: none;
height: 19px;
left: 0px;
line-height: 19px;
padding: 0px;
position: absolute;
top: 0px;
width: 5px;
}

.ts-19-2 {
border: none;
height: 19px;
left: 5px;
line-height: 19px;
padding: 0px;
position: absolute;
top: 0px;
width: 154px;
}

.ts-19-3 {
border: none;
height: 19px;
left: 159px;
line-height: 19px;
padding: 0px;
position: absolute;
top: 0px;
width: 5px;
}

.ts-18-3 {
border: none;
height: 32px;
left: 0px;
line-height: 32px;
padding: 0px;
position: absolute;
top: 44px;
width: 164px;
}

.ts-18-4 {
border: none;
height: 19px;
left: 0px;
padding: 0px;
position: absolute;
top: 76px;
width: 164px;
}



<div class="ts-18-1">[img]/style/37.jpg[/img]</div>PRIMO BOX -LOGIN
<div class="ts-18-2">
<div class="ts-19">
<div class="ts-19-1"></div>
<div class="ts-19-2"><? include("login.php"); ?></div>
<div class="ts-19-3"></div>
</div>
</div>
<div class="ts-18-3">[img]/style/NEXT.jpg[/img]</div>SEC. BOX -NEX WAR
<div class="ts-18-4">
<div class="ts-19">
<div class="ts-19-1"></div>
<div class="ts-19-2"><? include("sc_upcoming.php"); ?></div>

PRIMO BOX -LOGIN

Mi sapete dire dove è l'errore?

Qualcuno mi sa definire in sintesi xkè dovrei abbandonare le tabelle per il css....nn lo ho mai capito...lo sto facendo ma nn ho ancora capito xkè lo sto facendo..... :berto:

[Myaku]

Originariamente inviato da Free_Sp1r1t
Qualcuno mi sa definire in sintesi xkè dovrei abbandonare le tabelle per il css....nn lo ho mai capito...lo sto facendo ma nn ho ancora capito xkè lo sto facendo..... :berto:

1. codice più accessibile
2. corretta semantica
3. pagine più leggere
4. facilità di manutenzione

ps. in realtà non è "abbandonare le tabelle per i css" (con i css puoi definire anche gli stili delle tabelle), piuttosto "abbandonare l'uso delle tabelle per strutturare il layout"

[Free_Sp1r1t]

e alla fine non mi aiuta nessuno?

[Free_Sp1r1t]

davvero mi dite che in forum come quello di html.it con 140k di utenti, nn riesco ad avere un aiuto su un argomento che per i programmatori di css dovrebbe essere molto banale, ma che per me niubbo cronico, risulta di enorme difficoltà....anche volendo, da solo nn saprei nemmeno cosa cercare su google per risolvere il mio problema

[Mich_]

Non e` che nessuno voglia aiutarti, e` che non siamo indovini.

Anzitutto non hai detto che linguaggio usi, e in alcuni browser il comportamento e` diverso a seconda della DTD usata.

Poi hai usato dei nomi di classi che non sono corretti: i segni aritmetici non sono compatibili con i nomi. I nomi devono iniziare per lettera e contenere solo lettere, numeri e _

E passiamo al punto piu` difficile da spiegare.
In questo forum trattiamo di come sistemare il CSS (che e` il linguaggio per formattare i contenuti delle pagine Web).
Per farlo partiamo da un codice HTML che deve essere corretto dal punto di vista sintattico e semantico.
Come tale codice HTML venga generato non e` materia di cui ci occupiamo e che non interessa quando si tratta di formattare. Pero` occorre conoscere il codice HTML e la DTD usata.

Nella tua domanda invece tu stai chiedendo informazioni su un codice che a quanto pare non conosci neppure tu, dato che l'unica info che dai e` "include PHP".

[Free_Sp1r1t]

Mitch....nn ho capito che vuoi sapere

dimmi cosa ti serve sapere e io li fornisco, se no nn saprei proprio cosa dire :master:

In ogni caso, il mio problema lo possiamo sintetizzare così:

creare una tabella con css di 3 righe, di cui la prima e l'ultima contengono solo delle immagini di dimensione fissa, e quella centrale che vari di volta in volta in base ai dati che gli trasmette il file php incluso nella riga...così può andare mitch?...se no davvero nn ciò capita na mazza ed oggi già è lunedì ed è pesante tutto di per se, se poi nn ci capisco na mazza allora è drammatica

[Mich_]

Allora saro` brutale.

- Non usare le tabelle per formattare: ci sono metodi piu` intelligenti per farsi male da soli
- Quale DTD usi (la DTD e` contenuta nel DOCTYPE)?
- Togli gli errori di sintassi (nomi delle classi), altrimenti in qualche browser non funziona
- Se vuoi aiuto qui dentro, posta il codice HTML che arriva al browser: se ci sono parti in PHP non possiamo aiutarti
- Quando posti codice usa il bottone #

[Free_Sp1r1t]

aggiungo...ho già scaricato le guide di html e stampate, ma purtroppo lavorando dalle 8 del mattino alle 20 di sera....la ragazza...la famiglia e gli amici...il mio tempo è veramente poco, per questo mi appoggio ad html per riuscire a realizzare le mie idee....con il vostro aiuto posso ottimizzare il poco tempo che ho

Edit:....ops...scusate, pensavo di aver editato il precedente post....scusate

[Free_Sp1r1t]

ti riferisci a questa parte del mio file index.php?

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="copyright" content="Copyright © 2007 by www.gamer-designs.de cms by www.webspell.org" />
<meta name="description" content="webSPELL Templates by www.gamer-designs.de">

<!--
-----------------------------------------------------------
||    Design and Slice by http://www.Gamer-Designs.de    ||
||         PHP Code by http://www.webspell.org           ||
-----------------------------------------------------------
-->


<title>Welcome to nSAG CLAN | Design by www.Gamer-Designs.de</title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<style type="text/css">

Dai dai Mitch, che oggi fai un'opera di bene aiutandomi ( ) anche se mi rendo conto di mancare delle basi ^^