Elxis CMS Forum
Ελληνικό Forum => Γενικά Θέματα για το Elxis CMS => Topic started by: nikos13 on August 20, 2007, 16:16:09
-
Πρόσφατα άλλαξα template στη σελίδα που διαχειρίζομαι και αντιμετωπίζω ένα πρόβλημα μονο στον Internet Explorer (ίσως και στο Safari,δεν το έχω δοκιμάσει ακόμη).
Συγκεκριμένα το παλιό template ήταν fixed width, ενώ αυτό που έβαλα τώρα είναι fluid width. Τα right και left column ειναι επίσης fluid width, οπότε άλλαξα τις ρυθμίσεις των modules που έχω στα right και left column, έτσι ώστε να προσαρμόζεται αυτόματα το πλάτος τους ανάλογα με την αναλυση της οθόνης του χρήστη.
To πρόβλημα εμφανίζεται στα modules που εμφανίζουν εικόνες, πχ έχω ενα module που εμφανίζει 2 πρωτοσελιδα εφημερίδων, ή στο module των διαφημίσεων. Έχω βάλει λοιπόν image width=90% και ενώ στο Firefox την εμφανίζει μια χαρά και της δίνει το πλάτος του column στον IE δεν το κάνει με αποτέλεσμα να μου χαλάει όλο το column.
Έτσι λοιπόν αναγκάστηκα να δώσω σταθερές διαστάσεις στις εικόνες, μέχρι να καταφέρω να το διορθώσω, έτσι ώστε να εμφανίζονται σωστά σε αναλυση 800χ600(δεν νομίζω να βλέπει κανείς σελίδες σε μικρότερη ανάλυση). Όταν όμως κάποιος βλέπει τη σελίδα σε μεγαλύτερη ανάλυση οι εικόνες φαίνονται πολύ μικρές, πράγμα που αποτελεί πρόβλημα.
Καμιά σκέψη κανείς για το πως μπορώ να λύσω το πρόβλημα ?
[old attachment deleted by admin]
-
Το πρόβλημα είναι καθαρά στο css.
Έχεις γνώσεις από css;
Elxis FAN.
-
Δυστυχώς όχι, ελάχιστα πράγματα. :(
Μήπως μπορείς να με βοηθήσεις ?
-
Ορίστε και ο κώδικας μήπως μπορέσει κάποιος να βοηθήσει :
<script language="JavaScript1.2" src="<?php echo $mosConfig_live_site;?>/includes/js/winpopup.js" type="text/javascript"></script>
<BR>
<table width="100%" border="0">
<tr>
<td >
<div align="center" >
<A HREF="javascript:popitup('<?php
echo $image.'\',\''.'width='.$size[0].',height='.$size[1].',resizable=0';
?>')">
<img src="<?php echo $imagethmb; ?>" border="0" width="52" height="90" alt="<?php echo $image_name; ?>" />
</A>
</div>
</td>
<td >
<div align="center" >
<A HREF="javascript:popitup('<?php
echo $image2.'\',\''.'width='.$size2[0].',height='.$size2[1].',resizable=0';
?>')">
<img src="<?php echo $imagethmb2; ?>" border="0" width="52" height="90" alt="<?php echo $image_name2; ?>" />
</A>
</div>
</td>
</tr>
<tr>
<td>
<div align="center">
<?php
echo $title;
?>
</div>
<td>
<div align="center">
<?php
echo $title2;
?>
</div>
</td>
</tr>
</table>
<BR>
-
Αυτός ο κώδικας από που των πήρες ;
Είναι το περιεχόμενο του module;
Elxis FAN.
-
Ναι αυτό είναι το περιεχόμενο του module( όχι όλο, έχει και άλλο πιο πάνω για να παίρνει το πλατος, ύψος, όνομα της εικόνας κτλ)
-
στείλε μου το module στο support[papaki]creativeoptions[telitsa]eu για να το κοιτάξω μόλις βρώ λίγο χρόνο.
Elxis FAN.
-
Στο έστειλα.
Σ'ευχαριστώ για τη βοήθεια.
-
Το διόρθωσα.. Επιτέλους :) :)
Τελικά είχες δίκιο Sirigos ήταν πρόβλημα στο css.
Συγκεκριμένα εκεί που είχε :
<table width="100%" border="0">
Το αντικατέστησα με:
<table style="table-layout:fixed;width=auto;" border="0"> και έπαιξε :)
Μέχρι τώρα το έχω δοκιμάσει σε Firefox 1.5, Firefox 2.0.0.6, Internet Explorer 6, Internet Explorer 7 και έπαιζε μια χαρα σε αναλύσεις 800χ600, 1024χ768, 1280χ1024. Στη συνέχεια θα το δοκιμάσω σε Opera και σε Safari για να ειμαι σιγουρος ότι δουλεύει σωστά
Ο κώδικας τώρα είναι :
<script language="JavaScript1.2" src="<?php echo $mosConfig_live_site;?>/includes/js/winpopup.js" type="text/javascript"></script>
<BR>
<table style="table-layout:fixed;width=auto;" border="0">
<tr>
<td >
<A HREF="javascript:popitup('<?php
echo $image.'\',\''.'width='.$size[0].',height='.$size[1].',resizable=0';
?>')">
<img src="<?php echo $imagethmb; ?>" border="0" width="100%" alt="<?php echo $image_name; ?>" />
</A>
</td>
<td >
<A HREF="javascript:popitup('<?php
echo $image2.'\',\''.'width='.$size2[0].',height='.$size2[1].',resizable=0';
?>')">
<img src="<?php echo $imagethmb2; ?>" border="0" width="100%" alt="<?php echo $image_name2; ?>" />
</A>
</td>
</tr>
<tr>
<td>
<div align="center">
<?php
echo $title;
?>
</div>
<td>
<div align="center">
<?php
echo $title2;
?>
</div>
</td>
</tr>
</table>
<BR>
-
Μπράβο σου :)
Εγώ ακόμα δεν είχα προλάβει να το κοιτάξω.
Elxis FAN.
-
Και ενώ πλέον όλα παίζουν μια χαρά σε FF 1.5, FF 2, IE 6, IE 7, σε Opera & Safari μου βγάζει ακριβώς τα ίδια προβλήματα. Δηλαδή : Τα εμφανίζει παρα πολύ μικρά (δείτε εικόνα παρακάτω) και επίσης δε μου εμφανίζει καθόλου τα banners εαν τους βάλω πλάτος σε ποσοστο, ενώ αν τους βαλω πλατος σε pixels το εμφανίζει κανονικά.
O κώδικας για τα banners που εμφανίζει ο Opera ειναι :
<div class="module"><div><div><div><h3>Διαφήμιση</h3>
<link rel="stylesheet" href="components/com_artbannersplus/artbannersplus.css" type="text/css" /><table cellpadding="0" cellspacing="0" class="artbannersplus"><tr><td><a href="index.php?option=com_artbannersplus&task=clk&id=2" target="_blank"><img src="http://www.eidisis.gr/images/banners/kiltidis.jpg" style="border:0px solid green" vspace="0" alt="Κώστας Κιλτίδης" title="Κώστας Κιλτίδης" width="100%" /></a></td></tr></table>
</div></div></div></div>
[old attachment deleted by admin]