Html & Resolution

[yannis27gr]

Sxediazo th selida mou se ena pc me resolution othonis sta 1152x864 ki otan pao na th do sto diko mou pc pou exei 1024x768 blepo alla pragmata (oi eikones exoun paei allou,ktl). Fantazomai ti tha do an th pao se pc me 800x600...

 

Yparxei kapoia lysh sto problhma auto?

[Password]

me pio programa sxediazis? - vale position stathero sta kelia sou kai stis ikones sou..

[Cue]

Βασικά πές μας περισότερες πληροφορίες για το πως σχεδιάζεις την σελίδα σου.

 

Η συνιθέστερη approach είναι με την χρήση tables και ποσοστών για τις διαστάσεις τους.

 

Π.χ.

 

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td> Κείμενο σε table για όλες τις αναλύσεις!</td>

</tr>

</table>

[yannis27gr]

Sxediazo me to DreamweaverMX 7.01 (sth douleia) kai to 6.0 (sto spiti).

(Asxeto, alla to 7.01 einai poly kalytero)

 

File Cue, kati tetoio thelo na akouso, kamia symboulh san auth pou edoses. An dhladh sxediaso to width tou table me pososto anti gia arithmo pixels tha meinei stathero, aneksartita apo thn analysh, sosta?

Poia alla tips yparxoun gia to idio thema? Poia alla shmeia dhladh na prosekso?

[mkst]

Βασικά αντί να αλλάζεις υπολογιστές για να δεις την σελίδα σου σε διαφορετικές αναλύσεις είναι πιο εύκολο να αλλάζεις την ανάλυση του εκάστοτε υπολογιστή. Χρησιμοποιείς layers για τον σχεδιασμό; Αν ναι, δοκίμασε να παίξεις με το positioning. Νομίζω ότι χρειάζεται relative.

----------------- EDIT------------------

Αν χρησιμοποιείς μόνο tables, θα σε συμβούλευα να έχεις ένα κεντρικό table με width=750 align="center" (για να χωράει στην μέση της οθόνης με την ελάχιστη ανάλυση 800χ600). Aυτό που λες με το ποσοστό ισχύει αλλά θα πρέπει να είσαι προσεκτικός κατά τον σχεδιασμό της σελίδας γιατί είναι αύκολο να χαλάσει το formatting.

Γενικά το καλύτερο που έχεις να κάνεις είναι να δεις καταξιωμένα sites ( πχ http://www.in.gr ) και να κινηθείς και εσύ προς την ίδια κατεύθυνση...

 

 

Μιχάλης

[yannis27gr]

Λες να αλλάζω υπολογιστές βρε Μιχάλη;

 

Thanx για τις συμβουλές πάντως. Αυτό που βλέπω ωστόσο είναι ότι δεν υπάρχει (εύκολη) λύση στο πρόβλημα.Το in.gr έχει φτιάξει το σαιτ ώστε να έχει βέλτιστη θέαση στα 800χ600 κι αν έχεις μεγαλύτερη ανάλυση τότε βάζει ένα "γραμμωτό" frame στα δεξιά για να καλύψει το κενό - μέχρι και στα 1024χ768 μοιάζει με σχέδιο, σε μεγαλύτερες αναλύσεις δείχνει άσχημα.

 

Το e-shop.gr πάλι έχει φτιάξει 2 sites, ένα για 800χ600 κι ένα για 1024χ768 κι έχει ένα script που αντιλαμβάνεται τις ρυθμίσεις της οθόνης και σε κάνει redirect στη σωστή κατεύθυνση. Αλήθεια, που μπορούμε να βρούμε αυτό το script;

[Cue]

Κοίτα να δεις. Ένα site μπορεί να είναι ναι μεν optimized για κάποια συγκεκριμένη ανάλυση, αλλά αυτό δε σημαίνει πως το content θα πρέπει να φεύγει από εδώ και από εκεί σε άλλες αναλύσεις!!

 

Το βασικότερο tip είναι να χρησιμοποιείς ποσοστά για tables. Βέβαια και εκέι δεν είσαι 100% safe μιας και ο κάθε browser αντιλαμβάνεται διαφορετικά το πως ακριβώς προσδιορίζεται το κάθε ποσοστό!

 

Όπως είπε και ο Μιχάλης φτάχνεις ένα κεντρικό table και δουλεύεις μέσα σε αυτό.

 

Π.χ.

>
<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td>
<table width="50%" border="0" cellpadding="0" cellspacing="0"> 
<tr>
<td align="center">Αριστερή στήλη </td>
</tr>
</table>
</td> 
<td>
<table width="50%" border="0" cellpadding="0" cellspacing="0"> 
<tr>
<td align="center">Δεξιά στήλη </td>
</tr>
</table>
</td>
</tr> 
</table>

 

Πάντως, αν αρχίζεις τώρα να ασχολείσαι με html θα σου πρότεινα να αφήσεις αυτή την "απαρχαιωμένη" μέθοδο των tables και να ρίξεις μια ματιά σε CSS. http://www.csszengarden.com/

[tsaganos]

Το e-shop.gr πάλι έχει φτιάξει 2 sites, ένα για 800χ600 κι ένα για 1024χ768 κι έχει ένα script που αντιλαμβάνεται τις ρυθμίσεις της οθόνης και σε κάνει redirect στη σωστή κατεύθυνση. Αλήθεια, που μπορούμε να βρούμε αυτό το script;

Κάποια javascripts που το κάνουν:

><!--Put the actual script between the head-tags-->

<SCRIPT LANGUAGE="JavaScript">
//submitted to A1 javaScripts by Micke ([email protected])
<!--
function redirectPage() {
var url640x480 = "url";   //put the url΄s here
var url800x600 = "http://www.a1javascripts.com/essential_scripts/800x.html";
var url1024x768 = "url";
if ((screen.width == 640) && (screen.height == 480)) 
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url800x600;
}
// -->
</SCRIPT>
</HEAD>

<!--Put the event onload in the body-tag-->
<BODY onload="redirectPage();">

><script language="JavaScript">
<!--
// Copyright 2001 by [url]www.CodeBelly.com[/url]
// Do *not* remove this notice.

// INSTRUCTIONS

// Place this script in the <head> of the page you will use
// for redirection *only*.  It should *not* be placed in a
// regular (content) page.

// Set page destinations for the various screen sizes below.
// If the pages are in the same directory as the page with
// this script, only the page filename is needed; otherwise
// use the full, http://www.site.com/page.html address.

// If you have one page used for more than one size (say,
// both 1024 and Larger), then use the same page address
// in each of the associated variables.

pageFor640    = "pageFor640.html";
pageFor800    = "pageFor800.html";
pageFor1024   = "pageFor1024.html";
pageForLarger = "pageForLarger.html";

// Set showAlert to "yes" if you wish an alert box to appear
// when the visitor hits your referer page; otherwise, set
// it to "no"

showAlert  = "yes";

// This is the message that will be seen if showAlert is
// used; alter it as needed.

sayOnAlert = "Redirecting to a page designed for your screen size...";

// DO NOT EDIT BELOW THIS LINE.
// ----------------------------

var Wide = screen.width;

if (Wide <= 640){
 if (showAlert == "yes"){
   alert(sayOnAlert);
 }
 window.location = pageFor640;
}

else if (Wide <= 800){
 if (showAlert == "yes"){
   alert(sayOnAlert);
 }
 window.location = pageFor800;
}

else if (Wide <= 1024){
 if (showAlert == "yes"){
   alert(sayOnAlert);
 }
 window.location = pageFor1024;
}

else {
 if (showAlert == "yes"){
   alert(sayOnAlert);
 }
 window.location = pageForLarger;
}

//-->
</script>

περισσότερα εδω: http://www.downloadfreetrial.com/scripts/javascript/redirection_scripts.html και στο google

[yannis27gr]

Thanx man! Eidika to deutero pou eksigei kai pos akribos leitourgei, syntoma tha brethei anamesa sta <head> </head> kai ths dikhs mou selidas!!

[tsaganos]

τίποτα! τα είχα κρατήσει μπας και μου χρειαστούν.