Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
mare96
Δημοσιεύσεις: 3
Εγγραφή: 17 Φεβ 2009 17:12

Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Δημοσίευση από mare96 » 17 Φεβ 2009 17:28

Καλησπέρα!Πρώτο ποστ!!!!
Δηλωνω ασχετος απο προγραμματισμο..εκανα μια σελιδα σε ενα απο τα χιλιαδες προγραμματα της αγορας που κατασκευαζει καποιος αρχαριος σελιδα χωρις ιχνος γνωσης προγραμματισμου.Στο πλαισιο ομως της προσπαθειας μου να μαθω οσα περισσοτερα μπορω, θελω να κανω την εξης ερωτηση.

Γινεται με καποιο απλο κωδικα να μπορει ολη η σελιδα να παιρνει τις διαστασεις που εχει θεσει ο εκαστοτε χρηστης στον υπολογιστη του? Εγω ας πουμε την εχω φτιαξει σε 1024χ768. Καποιος που εχει ρυθμισεις σε 800χ600 δεν θελω να τη βλεπει με scroll bars.Ή ακόμα και να μπορει καποιος να τη βλεπει σωστα απο κινητο τηλεφωνο.

Εαν ειναι κατι δυσκολο παρακαλω μην μπειτε στον κοπο να με βοηθησετε (!!) (ειπαμε...δεν σκαμπαζω).Ρωταω, εαν ειναι κατι απλο (του στιλ: κανε copy paste αυτον τον κωδικα και τελος). Ευχαριστω για το χρονο σας...

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Δημοσίευση από patriot » 17 Φεβ 2009 21:44

Τελικά είναι αλήθεια ότι υπάρχουν ακόμα αρχάριοι!! Για να καταλάβεις σου λέω ότι η ερώτηση σου είναι τέτοια σαν να ρωτάς: είναι αλήθεια ότι 2 + 2 = 4;;; :lol:

Φιλική συμβουλή: επειδή η απάντηση είναι τόσο απλή, όλοι μας την γράφουμε κάθε μέρα με αποτέλεσμα να βαριόμαστε να την ξαναγράφουμε. Που σημαίνει ότι άμα είχες ψάξει λίγο εδώ στο φόρουμ θα έβρισκες λύση κατευθείαν, χωρίς να χρειαστεί να περιμένεις κάποιον να απαντήσει. Να το ξέρεις αυτό για την επόμενη φορά. :wink:

Η απάντηση στο πρόβλημα σου είναι η εξής: αντί να γράψεις στον πίνακα (ε, κάποιον πίνακα (table) θα έχεις... δεν τα βαζουν έτσι χύμα τα πράγματα.....) ένα σταθερό μέγεθος (π.χ width="800") να γράψεις έναν αριθμό ποσοστού, π.χ 100%.

Αυτό ήταν όλο! :kaloe:
Να ο κώδικας:

Κώδικας: Επιλογή όλων

<table width="100%">
	<tr>
		<td>td1</td>
	</tr>
</table>
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

mare96
Δημοσιεύσεις: 3
Εγγραφή: 17 Φεβ 2009 17:12

Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Δημοσίευση από mare96 » 18 Φεβ 2009 16:46

καταρχας σε ευχαριστω για την απαντηση. εψαξα στο φορουμ αλλα δεν καταλαβα και πολλα.για να καταλαβεις το ποσο ασχετος ειμαι αυτο που γραφεις σε ποιο πινακα το βαζω? δεν αρκει να ενσωματωσω στον κωδικα της καθε σελιδας καποιες γραμμες που να κανουν το resize?

στελνω της αρχικης σελιδας.ειναι παρακατω. μπορεις να συμπληρωσεις τον κωδικα της αυτο που χρειαζεται για να κανει resize μονη της οταν ανοιγει σε χαμηλοτερη αναλυση?

Κώδικας: Επιλογή όλων

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 

<head>
<meta http-equiv="Page-Enter" content="RevealTrans &#40;Duration=0, Transition=10&#41;">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Home</title>
<meta name="apostolos tsivolas ">
<meta http-equiv="imagetoolbar" content="false">







</script>
<style type="text/css">
<!--
.fsx01 &#123;font-size&#58; 11px;&#125;
.fsx02 &#123;font-size&#58; 12px;&#125;
.fsx03 &#123;font-size&#58; 13px;&#125;
.fsx04 &#123;font-size&#58; 15px;&#125;
.fsx05 &#123;font-size&#58; 16px;&#125;
.fsx06 &#123;font-size&#58; 19px;&#125;
.fsx07 &#123;font-size&#58; 21px;&#125;
.fsx08 &#123;font-size&#58; 24px;&#125;
.fsx09 &#123;font-size&#58; 27px;&#125;
.fsx10 &#123;font-size&#58; 29px;&#125;
.fsx11 &#123;font-size&#58; 32px;&#125;
.fsx12 &#123;font-size&#58; 35px;&#125;
.fsx13 &#123;font-size&#58; 37px;&#125;
.fsx14 &#123;font-size&#58; 48px;&#125;
.fsx15 &#123;font-size&#58; 64px;&#125;
.fsx16 &#123;font-size&#58; 96px;&#125;
.txdec &#123;text-decoration&#58; none;&#125;

input,textarea,select &#123;color&#58;#000000;font-family&#58;'Times New Roman';font-size&#58;12px;font-weight&#58;normal;font-style&#58;normal;text-decoration&#58;none;&#125;
.dfltt &#123;font-family&#58;'Times New Roman';font-size&#58;12px;font-weight&#58;normal;font-style&#58;normal;text-decoration&#58;none;text-align&#58;left;color&#58;#000000;&#125;
.dfltc &#123;font-family&#58;'Times New Roman';font-size&#58;12px;font-weight&#58;normal;font-style&#58;normal;text-decoration&#58;none;text-align&#58;left;color&#58;#000000;&#125;
a&#58;link &#123;text-decoration&#58;none;&#125;
a&#58;visited &#123;text-decoration&#58;none;&#125;
body &#123;margin&#58;0;height&#58;80%;width&#58;80%;background-image&#58;url&#40;image/backround.jpg&#41;;background-repeat&#58;no-repeat;&#125;
-->
</style>
</head> 

<body bgcolor="#11120c" alink="#ff0000" link="#0000ff" vlink="#800080" onLoad="startVM&#40;&#41;" onResize="startVM&#40;&#41;">

<div id="ODESIGNBUTTON" style="position&#58;absolute;z-index&#58;1;visibility&#58;visible; left&#58;901px;top&#58;273px;width&#58;87px;height&#58;80px;">
<a href="Design.html"><img name="Ggeo25" src="./geometry/DESIGNBUTTONgeo25pg1p7.png" alt="" border = "0"  width="87" height="80"></a>
</div>

<div id="OABOUTBUTTON" style="position&#58;absolute;z-index&#58;2;visibility&#58;visible; left&#58;58px;top&#58;674px;width&#58;115px;height&#58;80px;">
<a href="Profile.html"><img name="Ggeo35" src="./geometry/ABOUTBUTTONgeo35pg1p7.png" alt="" border = "0"  width="115" height="80"></a>
</div>

<div id="OARCHBUTTON" style="position&#58;absolute;z-index&#58;3;visibility&#58;visible; left&#58;1045px;top&#58;674px;width&#58;60px;height&#58;81px;">
<a href="Architecture.html"><img name="Ggeo36" src="./geometry/ARCHBUTTONgeo36pg1p7.png" alt="" border = "0"  width="60" height="81"></a>
</div>

<div id="OPHILOSOPHYBUTTON" style="position&#58;absolute;z-index&#58;4;visibility&#58;visible; left&#58;432px;top&#58;70px;width&#58;149px;height&#58;84px;">
<a href="Philosophy.html"><img name="Ggeo47" src="./geometry/PHILOSOPHYBUTTONgeo47pg1p7.png" alt="" border = "0"  width="149" height="84"></a>
</div>

<div id="OILLUSTRATIONBUTTON" style="position&#58;absolute;z-index&#58;5;visibility&#58;visible; left&#58;229px;top&#58;475px;width&#58;147px;height&#58;83px;">
<a href="Illustration.html"><img name="Ggeo50" src="./geometry/ILLUSTRATIONBUTTONgeo50pg1p7.png" alt="" border = "0"  width="147" height="83"></a>
</div>

<div id="OPHOTOGRAFBUTTON" style="position&#58;absolute;z-index&#58;6;visibility&#58;visible; left&#58;698px;top&#58;270px;width&#58;87px;height&#58;91px;">
<a href="Photography.html"><img name="Ggeo55" src="./geometry/PHOTOGRAFBUTTONgeo55pg1p7.png" alt="" border = "0"  width="87" height="91"></a>
</div>

<div id="ONEWS" style="position&#58;absolute;z-index&#58;7;visibility&#58;visible; left&#58;85px;top&#58;72px;width&#58;85px;height&#58;83px;">
<a href="News.html"><img name="Ggeo72" src="./geometry/NEWSgeo72pg1p7.png" alt="" border = "0"  width="85" height="83"></a>
</div>

<div id="Oobj42" style="position&#58;absolute;z-index&#58;8;visibility&#58;visible; left&#58;341px;top&#58;189px;width&#58;116px;height&#58;48px;">
<a href="image/design.gif"><img name="Ggeo42" Align=Top src="./image/design.gif" alt="" border="0" width="116" height="48"></a>
</div>

<div id="Oobj43" style="position&#58;absolute;z-index&#58;9;visibility&#58;visible; left&#58;505px;top&#58;564px;width&#58;202px;height&#58;44px;">
<a href="image/illustration.gif"><img name="Ggeo43" Align=Top src="./image/illustration.gif" alt="" border="0" width="202" height="44"></a>
</div>

<div id="Oobj44" style="position&#58;absolute;z-index&#58;10;visibility&#58;visible; left&#58;491px;top&#58;273px;width&#58;193px;height&#58;45px;">
<a href="image/philosophy.gif"><img name="Ggeo44" Align=Top src="./image/philosophy.gif" alt="" border="0" width="193" height="45"></a>
</div>

<div id="Oobj47" style="position&#58;absolute;z-index&#58;11;visibility&#58;visible; left&#58;898px;top&#58;474px;width&#58;209px;height&#58;47px;">
<a href="image/architecture.gif"><img name="Ggeo14" Align=Top src="./image/architecture.gif" alt="" border="0" width="209" height="47"></a>
</div>

<div id="Oobj23" style="position&#58;absolute;z-index&#58;12;visibility&#58;visible; left&#58;902px;top&#58;109px;width&#58;204px;height&#58;44px;">
<a href="image/photography.gif"><img name="Ggeo15" Align=Top src="./image/photography.gif" alt="" border="0" width="204" height="44"></a>
</div>

<div id="Oobj34" style="position&#58;absolute;z-index&#58;13;visibility&#58;visible; left&#58;1px;top&#58;812px;width&#58;400px;height&#58;26px;">
<div id="Grtf34" class="dfltt">
<font face="Calibri" class="fsx05" color="#252525">©2009 apostolos tsivolas<br></font></div>
</div>

<div id="Oobj40" style="position&#58;absolute;z-index&#58;14;visibility&#58;visible; left&#58;205px;top&#58;87px;width&#58;92px;height&#58;47px;">
<a href="image/news.gif"><img name="Ggeo12" Align=Top src="./image/news.gif" alt="" border="0" width="92" height="47"></a>
</div>

<div id="Oobj60" style="position&#58;absolute;z-index&#58;15;visibility&#58;visible; left&#58;463px;top&#58;720px;width&#58;2px;height&#58;2px;">
<img name="Ggeo62" src="./image/obj60geo62pg1p7.gif" alt="" border = "0"  width="2" height="2"></div>

<div id="Oobj62" style="position&#58;absolute;z-index&#58;16;visibility&#58;visible; left&#58;289px;top&#58;699px;width&#58;145px;height&#58;44px;">
<a href="image/profile.gif"><img name="Ggeo64" Align=Top src="./image/profile.gif" alt="" border="0" width="145" height="44"></a>
</div>


<script language="JavaScript" src="vmhtm25.js" type="text/javascript"> 
</script> 

<script language="JavaScript" type="text/javascript"> 

function initAll&#40;&#41;&#123;

pageTime = -1;
pgLink = " ";
fps = 30;

Version = 221;
Molst&#91;0&#93; = 1;
InitO&#40;0,1,1,0,791057,0,0,0,0,0,944.0000,312.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,570.5000,1030.5000,0, 14,6624,"ODESIGNBUTTON","Ggeo25"&#41;;
Molst&#91;1&#93; = 2;
InitO&#40;1,2,2,0,791057,0,0,0,0,0,115.0000,713.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,260.5000,1382.0000,0, 35,6624,"OABOUTBUTTON","Ggeo35"&#41;;
Molst&#91;2&#93; = 3;
InitO&#40;2,3,3,0,791057,0,0,0,0,0,1075.0000,714.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,1640.5000,1384.0000,0, 17,6624,"OARCHBUTTON","Ggeo36"&#41;;
Molst&#91;3&#93; = 4;
InitO&#40;3,4,4,0,791057,0,0,0,0,0,506.0000,111.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,922.5000,324.5000,0, 16,6624,"OPHILOSOPHYBUTTON","Ggeo47"&#41;;
Molst&#91;4&#93; = 5;
InitO&#40;4,5,5,0,0,0,0,0,0,0,302.0000,516.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,282.5000,324.5000,0, 15,6624,"OILLUSTRATIONBUTTON","Ggeo50"&#41;;
Molst&#91;5&#93; = 6;
InitO&#40;5,6,6,0,791057,0,0,0,0,0,741.0000,315.0000,1.000,1.000,0.0,0.000,0.000,280.0000,365.0000,308.0000,686.5000,0, 18,6624,"OPHOTOGRAFBUTTON","Ggeo55"&#41;;
Molst&#91;6&#93; = 9;
InitO&#40;6,9,9,0,0,0,0,0,0,0,127.0000,113.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,256.5000,266.0000,0, 13,1055200,"ONEWS","Ggeo72"&#41;;
Molst&#91;7&#93; = 13;
InitO&#40;7,13,13,0,9876700,0,0,0,0,0,251.0000,111.0000,0.526,0.566,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj40","Ggeo12"&#41;;
Molst&#91;8&#93; = 14;
InitO&#40;8,14,14,0,9876700,0,0,0,0,0,399.0000,213.0000,0.580,0.580,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj42","Ggeo42"&#41;;
Molst&#91;9&#93; = 15;
InitO&#40;9,15,15,0,9876700,0,0,0,0,0,408.0000,669.0000,0.525,0.525,0.0,0.000,0.000,418.0000,-174.0000,0.0000,40.0000,0, 0,16864,"Oobj43","Ggeo43"&#41;;
Molst&#91;10&#93; = 16;
InitO&#40;10,16,16,0,9876700,0,0,0,0,0,588.0000,296.0000,0.542,0.542,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj44","Ggeo44"&#41;;
Molst&#91;11&#93; = 17;
InitO&#40;11,17,17,0,9876700,0,0,0,0,0,1003.0000,498.0000,0.543,0.566,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj47","Ggeo14"&#41;;
Molst&#91;12&#93; = 18;
InitO&#40;12,18,18,0,9876700,0,0,0,0,0,1004.0000,131.0000,0.530,0.530,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj23","Ggeo15"&#41;;
Molst&#91;13&#93; = 35;
InitO&#40;13,35,35,0,9876700,0,0,0,0,0,362.0000,721.0000,0.525,0.525,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj62","Ggeo64"&#41;;
MoLNo   = 14;
pageObj = 14;

initGeo&#40;1,1,89,81,-43,-39,44,40&#41;;
initGeo&#40;2,1,117,81,-57,-39,58,40&#41;;
initGeo&#40;3,1,62,82,-30,-40,30,40&#41;;
initGeo&#40;4,1,151,85,-74,-41,75,42&#41;;
initGeo&#40;5,1,149,84,-73,-41,74,41&#41;;
initGeo&#40;6,1,89,92,-43,-45,44,45&#41;;
initGeo&#40;9,1,87,84,-42,-41,43,41&#41;;
initGeo&#40;13,1,177,85,-87,-41,88,42&#41;;
initGeo&#40;14,1,202,85,-100,-41,100,42&#41;;
initGeo&#40;15,1,387,85,-192,-41,193,42&#41;;
initGeo&#40;16,1,358,85,-178,-41,178,42&#41;;
initGeo&#40;17,1,387,85,-192,-41,193,42&#41;;
initGeo&#40;18,1,387,85,-192,-41,193,42&#41;;
initGeo&#40;35,1,278,85,-138,-41,138,42&#41;;





&#125;

//  This function loops waiting 1 tic per frame
tmID =-1;
function frameloop&#40;&#41; &#123;
  doObjectList&#40;&#41;;
  tmID = window.setTimeout&#40;"frameloop&#40;&#41;;", waitTime, "JavaScript"&#41;;
&#125;

function startVM&#40;&#41; &#123;
  if&#40;tmID !=-1&#41;&#123; window.clearTimeout&#40;tmID&#41;; tmID=-1;&#125;
  Setup&#40;&#41;;
  frameloop&#40;&#41;;
&#125;

</script> 
</body> 
</html>

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Δημοσίευση από patriot » 19 Φεβ 2009 01:28

Καταρχάς μιας και είπες ότι είσαι αρχάριος, σκέφτηκα ότι ίσως να θέλεις μερικές φιλικές συμβουλές για να χρησιμοποιείς καλύτερα εδώ το φόρουμ (και κάθε φόρουμ εδώ που τα λέμε...) μιας και από ότι είδα από τα γραφόμενα σου, ούτε αυτά τα ξέρεις. Μην τρομάζεις, δυο πραγματάκια είναι όλα και όλα...

1) Όταν θέλουμε να βάλουμε κάποιον κώδικα (όοοολο αυτό δηλ που έβαλες εσύ), τον περικυκλώνουμε με τις εντολές "code". Δηλ:

[κώδικας]
bla, bla, bla....
[/κώδικας]

Η λέξη "κώδικας" να είναι γραμμένος στα αγγλικά. Το έγραψα στα ελληνικά ως δείγμα. Το αποτέλεσμα είναι αυτό:

Κώδικας: Επιλογή όλων

bla, bla, bla....
Αυτό το κάνουμε για να φαίνονται καλύτερα τα πράγματα.


2) Όταν θέλουμε να κάνουμε "quote" (δηλ όταν θέλουμε να παραθέσουμε το κείμενο που είπε κάποιος άλλος) κάνουμε το ίδιο με το αποπάνω μόνο που αντί για "code", γράφουμε "quote".

Αυτά!
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Πάμε τώρα στις απορίες σου. Θα ξεκινήσω με μερικές πληροφορίες. Άμα δεν έχεις καταλάβει τι είναι το table, (πίνακας) τότε, ότι και να κάνω εγώ στο κώδικα, θα είναι άχρηστο, γιατί εσύ δεν θα μάθεις τίποτα. Σκοπός είναι να μάθεις και εσύ. Σωστά; :wink:

Πίνακας λοιπόν, αγγλιστί table, είναι ένα tag. Ένα html tag. Το "tag" θα το μεταφράζαμε ως μια ετικέτα. Σαν και αυτές που έχουν τα ρούχα στα μαγαζιά με τις διάφορες σχετικές πληροφορίες, π.χ την τιμή, το εργοστάσιο κατασκευής του ρούχου κ.τ.λ. Μόνο που αντί να γράφει την τιμή του ρούχου και το εργοστάσιο :lol: γράφει τις ιδιότητες του κώδικα.

Το "html" είναι η δομή, η βάση, δηλ ο κώδικας. Όπως κάθε πράγμα βασίζεται σε κάποια δομή, σε κάποια βάση, έτσι και οι σελίδες στο internet βασίζονται σε κάποια βάση επίσης. Η βάση αυτή είναι ολόκληρη γλώσσα. Και αυτή η γλώσσα είναι η html.

Ο κώδικας αυτός έχει μια ολόκληρη λίστα απο εντολές. Οι περισσότερες από αυτές βασίζονται στην λογική. Η οποία λογική βασίζεται σε πράγματα που γνωρίζεις ήδη, άρα ουσιαστικά είναι σαν να γνωρίζεις html ήδη. Άπλα επειδή προφανώς κανείς δεν στο είπε αυτό, νιώθεις αρχάριος.

Σκέψου την ιστοσελίδα σου σαν μια κανονική σελίδα από χαρτί. Και πες ότι η δασκάλα σε βάζει να γράψεις έκθεση. Σαν καλός μαθητής που είσαι (ελπίζω :lol: ) πρέπει να τηρείς και μια κάποια τάξη. Καλογραμμένα γράμματα, σωστά δομημένη, τήρηση της ορθογραφίας κ.τ.λ... Ε, το ίδιο είναι και η html. Που για να ξεχωρίζει από το υπολοιπο κείμενο γράφουμε τις εντολές (τα tags) ανάμεσα σε < και >. Μόνο που καμιά φορά γράφουμε τα πράγματα εν συντομία. Αντί π.χ να γράψουμε <paragraph> γράφουμε <p>. Που σημαίνει ότι αν είχες μια λίστα με τα tags και διάβαζες τι είναι το κάθε tag θα ήξερες όχι μόνο τις εντολές αυτές αλλά και τι ιδιότητες τους.

Ορίστε λοιπόν, μερικές σελίδες που περιέχουν τα html tags:

1) http://www.w3schools.com/html/default.asp
2) http://www.htmldog.com/reference/htmltags/
3) http://www.quackit.com/html/tags/
4) http://www.htmlcodetutorial.com/quicklist.html

Πίνακας λοιπόν -μιας και γι' αυτόν ξεκινήσαμε- είναι ένα σύνολο από στήλες και κολώνες. Να ένα παράδειγμα:

Κώδικας: Επιλογή όλων

<table>
  <tr>
     <td></td>
  </tr>
<table>
Συνήθως βάζουμε 2 στήλες. Στην μία βάζουμε το περιεχόμενο, και στην άλλη το μενού.

Κώδικας: Επιλογή όλων

<table>
  <tr>
     <td>Μενού</td>
     <td>Περιεχόμενο</td>
  </tr>
<table>
Το αν ο πίνακας θα έχει μήκος, πλάτος ή κάτι άλλο αυτό είναι έξτρα. Αν π.χ θέλαμε να βάλουμε πλάτος, απλά θα το προσθέταμε επίσης:

Κώδικας: Επιλογή όλων

<table width="ΤΑΔΕ ΝΟΥΜΕΡΟ ΠΛΑΤΟΥΣ">
  <tr>
     <td></td>
  </tr>
<table>
Ή αν θέλαμε να βάλουμε εξωτερικό περίβλημα, στον αποπάνω κώδικα θα το γράφαμε έτσι:

Κώδικας: Επιλογή όλων

<table width="ΤΑΔΕ ΝΟΥΜΕΡΟ ΠΛΑΤΟΥΣ" border="TΑΔΕ ΝΟΥΜΕΡΟ ΠΑΧΟΥΣ">
  <tr>
     <td></td>
  </tr>
<table>
Στον συγκεκριμένο κώδικα που έδωσες εσύ δεν υπάρχει πίνακας. Ο πίνακας δεν είναι το μόνο πράγμα στο οποίο βάζουμε περιεχόμενο ξέρεις....
Αν θέλεις μπορούμε να βάλουμε τώρα. Όμως κανείς δεν μπορεί να σου εγγυηθεί για το αποτέλεσμα μιας και ο συγκεκριμένος κώδικας, δεν είναι και σοϊ... Αν θέλεις να βάλεις ορίστε το πως μπαίνει (αλλά επαναλαμβάνω δεν είναι και ότι καλύτερο):


Σημ: Δεν τον έβαλα σε code γιατί στο code δεν "πιάνουν" τα χρώματα (το κόκκινο). Κανονικά θα έπρεπε να το βάλω...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta http-equiv="Page-Enter" content="RevealTrans (Duration=0, Transition=10)">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Home</title>
<meta name="apostolos tsivolas ">
<meta http-equiv="imagetoolbar" content="false">







</script>
<style type="text/css">
<!--
.fsx01 {font-size: 11px;}
.fsx02 {font-size: 12px;}
.fsx03 {font-size: 13px;}
.fsx04 {font-size: 15px;}
.fsx05 {font-size: 16px;}
.fsx06 {font-size: 19px;}
.fsx07 {font-size: 21px;}
.fsx08 {font-size: 24px;}
.fsx09 {font-size: 27px;}
.fsx10 {font-size: 29px;}
.fsx11 {font-size: 32px;}
.fsx12 {font-size: 35px;}
.fsx13 {font-size: 37px;}
.fsx14 {font-size: 48px;}
.fsx15 {font-size: 64px;}
.fsx16 {font-size: 96px;}
.txdec {text-decoration: none;}

input,textarea,select {color:#000000;font-family:'Times New Roman';font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;}
.dfltt {font-family:'Times New Roman';font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;text-align:left;color:#000000;}
.dfltc {font-family:'Times New Roman';font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;text-align:left;color:#000000;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
body {margin:0;height:80%;width:80%;background-image:url(image/backround.jpg);background-repeat:no-repeat;}
-->
</style>
</head>

<body bgcolor="#11120c" alink="#ff0000" link="#0000ff" vlink="#800080" onLoad="startVM()" onResize="startVM()">





<table width="ΒΑΛΕ ΤΟ ΝΟΥΜΕΡΟ ΠΟΥ ΘΕΣ, ΑΣ ΠΟΥΜΕ 90%.... ΓΙΑ ΣΕΛΙΔΕΣ 800Χ600 ΒΑΛΕ 750.... ΤΟ 750 ΣΚΕΤΟ. ΧΩΡΙΣ ΚΑΠΟΙΟ ΣΗΜΑΔΙ Π.Χ: %..... ΕΝΝΟΕΙΤΑΙ ΑΥΤΟΜΑΤΩΣ ΟΤΙ ΜΙΛΑΜΕ ΓΙΑ PIXELS"><tr><td>
<div id="ODESIGNBUTTON" style="position:absolute;z-index:1;visibility:visible; left:901px;top:273px;width:87px;height:80px;">
<a href="Design.html"><img name="Ggeo25" src="./geometry/DESIGNBUTTONgeo25pg1p7.png" alt="" border = "0" width="87" height="80"></a>
</div>

<div id="OABOUTBUTTON" style="position:absolute;z-index:2;visibility:visible; left:58px;top:674px;width:115px;height:80px;">
<a href="Profile.html"><img name="Ggeo35" src="./geometry/ABOUTBUTTONgeo35pg1p7.png" alt="" border = "0" width="115" height="80"></a>
</div>

<div id="OARCHBUTTON" style="position:absolute;z-index:3;visibility:visible; left:1045px;top:674px;width:60px;height:81px;">
<a href="Architecture.html"><img name="Ggeo36" src="./geometry/ARCHBUTTONgeo36pg1p7.png" alt="" border = "0" width="60" height="81"></a>
</div>

<div id="OPHILOSOPHYBUTTON" style="position:absolute;z-index:4;visibility:visible; left:432px;top:70px;width:149px;height:84px;">
<a href="Philosophy.html"><img name="Ggeo47" src="./geometry/PHILOSOPHYBUTTONgeo47pg1p7.png" alt="" border = "0" width="149" height="84"></a>
</div>

<div id="OILLUSTRATIONBUTTON" style="position:absolute;z-index:5;visibility:visible; left:229px;top:475px;width:147px;height:83px;">
<a href="Illustration.html"><img name="Ggeo50" src="./geometry/ILLUSTRATIONBUTTONgeo50pg1p7.png" alt="" border = "0" width="147" height="83"></a>
</div>

<div id="OPHOTOGRAFBUTTON" style="position:absolute;z-index:6;visibility:visible; left:698px;top:270px;width:87px;height:91px;">
<a href="Photography.html"><img name="Ggeo55" src="./geometry/PHOTOGRAFBUTTONgeo55pg1p7.png" alt="" border = "0" width="87" height="91"></a>
</div>

<div id="ONEWS" style="position:absolute;z-index:7;visibility:visible; left:85px;top:72px;width:85px;height:83px;">
<a href="News.html"><img name="Ggeo72" src="./geometry/NEWSgeo72pg1p7.png" alt="" border = "0" width="85" height="83"></a>
</div>

<div id="Oobj42" style="position:absolute;z-index:8;visibility:visible; left:341px;top:189px;width:116px;height:48px;">
<a href="image/design.gif"><img name="Ggeo42" Align=Top src="./image/design.gif" alt="" border="0" width="116" height="48"></a>
</div>

<div id="Oobj43" style="position:absolute;z-index:9;visibility:visible; left:505px;top:564px;width:202px;height:44px;">
<a href="image/illustration.gif"><img name="Ggeo43" Align=Top src="./image/illustration.gif" alt="" border="0" width="202" height="44"></a>
</div>

<div id="Oobj44" style="position:absolute;z-index:10;visibility:visible; left:491px;top:273px;width:193px;height:45px;">
<a href="image/philosophy.gif"><img name="Ggeo44" Align=Top src="./image/philosophy.gif" alt="" border="0" width="193" height="45"></a>
</div>

<div id="Oobj47" style="position:absolute;z-index:11;visibility:visible; left:898px;top:474px;width:209px;height:47px;">
<a href="image/architecture.gif"><img name="Ggeo14" Align=Top src="./image/architecture.gif" alt="" border="0" width="209" height="47"></a>
</div>

<div id="Oobj23" style="position:absolute;z-index:12;visibility:visible; left:902px;top:109px;width:204px;height:44px;">
<a href="image/photography.gif"><img name="Ggeo15" Align=Top src="./image/photography.gif" alt="" border="0" width="204" height="44"></a>
</div>

<div id="Oobj34" style="position:absolute;z-index:13;visibility:visible; left:1px;top:812px;width:400px;height:26px;">
<div id="Grtf34" class="dfltt">
<font face="Calibri" class="fsx05" color="#252525">©2009 apostolos tsivolas<br></font></div>
</div>

<div id="Oobj40" style="position:absolute;z-index:14;visibility:visible; left:205px;top:87px;width:92px;height:47px;">
<a href="image/news.gif"><img name="Ggeo12" Align=Top src="./image/news.gif" alt="" border="0" width="92" height="47"></a>
</div>

<div id="Oobj60" style="position:absolute;z-index:15;visibility:visible; left:463px;top:720px;width:2px;height:2px;">
<img name="Ggeo62" src="./image/obj60geo62pg1p7.gif" alt="" border = "0" width="2" height="2"></div>

<div id="Oobj62" style="position:absolute;z-index:16;visibility:visible; left:289px;top:699px;width:145px;height:44px;">
<a href="image/profile.gif"><img name="Ggeo64" Align=Top src="./image/profile.gif" alt="" border="0" width="145" height="44"></a>
</div>


</td></tr></table>









<script language="JavaScript" src="vmhtm25.js" type="text/javascript">
</script>

<script language="JavaScript" type="text/javascript">

function initAll(){

pageTime = -1;
pgLink = " ";
fps = 30;

Version = 221;
Molst[0] = 1;
InitO(0,1,1,0,791057,0,0,0,0,0,944.0000,312.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,570.5000,1030.5000,0, 14,6624,"ODESIGNBUTTON","Ggeo25");
Molst[1] = 2;
InitO(1,2,2,0,791057,0,0,0,0,0,115.0000,713.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,260.5000,1382.0000,0, 35,6624,"OABOUTBUTTON","Ggeo35");
Molst[2] = 3;
InitO(2,3,3,0,791057,0,0,0,0,0,1075.0000,714.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,1640.5000,1384.0000,0, 17,6624,"OARCHBUTTON","Ggeo36");
Molst[3] = 4;
InitO(3,4,4,0,791057,0,0,0,0,0,506.0000,111.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,922.5000,324.5000,0, 16,6624,"OPHILOSOPHYBUTTON","Ggeo47");
Molst[4] = 5;
InitO(4,5,5,0,0,0,0,0,0,0,302.0000,516.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,282.5000,324.5000,0, 15,6624,"OILLUSTRATIONBUTTON","Ggeo50");
Molst[5] = 6;
InitO(5,6,6,0,791057,0,0,0,0,0,741.0000,315.0000,1.000,1.000,0.0,0.000,0.000,280.0000,365.0000,308.0000,686.5000,0, 18,6624,"OPHOTOGRAFBUTTON","Ggeo55");
Molst[6] = 9;
InitO(6,9,9,0,0,0,0,0,0,0,127.0000,113.0000,1.000,1.000,0.0,0.000,0.000,0.0000,0.0000,256.5000,266.0000,0, 13,1055200,"ONEWS","Ggeo72");
Molst[7] = 13;
InitO(7,13,13,0,9876700,0,0,0,0,0,251.0000,111.0000,0.526,0.566,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj40","Ggeo12");
Molst[8] = 14;
InitO(8,14,14,0,9876700,0,0,0,0,0,399.0000,213.0000,0.580,0.580,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj42","Ggeo42");
Molst[9] = 15;
InitO(9,15,15,0,9876700,0,0,0,0,0,408.0000,669.0000,0.525,0.525,0.0,0.000,0.000,418.0000,-174.0000,0.0000,40.0000,0, 0,16864,"Oobj43","Ggeo43");
Molst[10] = 16;
InitO(10,16,16,0,9876700,0,0,0,0,0,588.0000,296.0000,0.542,0.542,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj44","Ggeo44");
Molst[11] = 17;
InitO(11,17,17,0,9876700,0,0,0,0,0,1003.0000,498.0000,0.543,0.566,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj47","Ggeo14");
Molst[12] = 18;
InitO(12,18,18,0,9876700,0,0,0,0,0,1004.0000,131.0000,0.530,0.530,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj23","Ggeo15");
Molst[13] = 35;
InitO(13,35,35,0,9876700,0,0,0,0,0,362.0000,721.0000,0.525,0.525,0.0,0.000,0.000,0.0000,0.0000,0.0000,40.0000,0, 0,16864,"Oobj62","Ggeo64");
MoLNo = 14;
pageObj = 14;

initGeo(1,1,89,81,-43,-39,44,40);
initGeo(2,1,117,81,-57,-39,58,40);
initGeo(3,1,62,82,-30,-40,30,40);
initGeo(4,1,151,85,-74,-41,75,42);
initGeo(5,1,149,84,-73,-41,74,41);
initGeo(6,1,89,92,-43,-45,44,45);
initGeo(9,1,87,84,-42,-41,43,41);
initGeo(13,1,177,85,-87,-41,88,42);
initGeo(14,1,202,85,-100,-41,100,42);
initGeo(15,1,387,85,-192,-41,193,42);
initGeo(16,1,358,85,-178,-41,178,42);
initGeo(17,1,387,85,-192,-41,193,42);
initGeo(18,1,387,85,-192,-41,193,42);
initGeo(35,1,278,85,-138,-41,138,42);





}

// This function loops waiting 1 tic per frame
tmID =-1;
function frameloop() {
doObjectList();
tmID = window.setTimeout("frameloop();", waitTime, "JavaScript");
}

function startVM() {
if(tmID !=-1){ window.clearTimeout(tmID); tmID=-1;}
Setup();
frameloop();
}

</script>
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
ksarm
Δημοσιεύσεις: 915
Εγγραφή: 22 Μάιος 2007 10:47

Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Δημοσίευση από ksarm » 19 Φεβ 2009 12:20

Μπράβο ρε πατριώτ' (patriot), χαρά στο κουράγιο σου!!!

Άβαταρ μέλους
PixelDog
Δημοσιεύσεις: 435
Εγγραφή: 16 Σεπ 2008 17:19

Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Δημοσίευση από PixelDog » 19 Φεβ 2009 12:44

Σημ: Δεν τον έβαλα σε code γιατί στο code δεν "πιάνουν" τα χρώματα (το κόκκινο). Κανονικά θα έπρεπε να το βάλω...
μπορεις αμα θες να το βαλεις και σε quote :wink:
I Hate My Notepad

mare96
Δημοσιεύσεις: 3
Εγγραφή: 17 Φεβ 2009 17:12

Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Δημοσίευση από mare96 » 19 Φεβ 2009 12:54

εισαι ωραιος ρε φιλε!

απ οτι καταλαβα (ο κωδικας δεν ειναι και πολυ σοι) πρεπει να απευθυνθω σε καποιον να το διορθωσει...

οπως και να εχει σε ευχαριστω πολυ για το χρονο σου.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Πώς προσαρμόζουμε το μέγεθος της σελίδας μας...

Δημοσίευση από patriot » 20 Φεβ 2009 07:17

@ksarm
:question: Ευχαριστώ, αλλά γιατί; Επειδή έγραψα όλο αυτό, ή επειδή γράφω ξανά και ξανα σχεδόν σε ολους τους νέους χρήστες το ίδιο πράγμα χωρίς να έχω σκυλοβαρεθεί;


@PixelDog
Ναι θα μπορούσα, αλλά μολις του είχα πει την διαφορά μεταξύ code/quote και δεν ήθελα να του κολλήσει λάθος. Θα τον μπέρδευα... :wink:

@mare96
Σου εύχομαι καλή επιτυχία. Και καλό διάβασμα! :kaloe:
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες