petrospan2 Δημοσ. 14 Αυγούστου 2009 Δημοσ. 14 Αυγούστου 2009 πως μπορώ να κάνω μια ιστοσελίδα που δημιούργησα να αλλάζει μέγεθος ανάλογα με το μέγεθος της οθόνης που εμφανίζετε. Η ιστοσελίδα είναι κλειδωμένη (χωρίς μπάρες κύλισης) αλλά όταν την ανοίγω σε μικρής ανάλυσης οθόνες ή μου εμφανίζει την μπάρα κύλισης ή εμφανίζει τμήμα της ιστοσελίδας. την ιστοσελίδα την δημιούργησα με την γλώσσα HTML στο σημειωματάριο.
macabre_sunsets Δημοσ. 14 Αυγούστου 2009 Δημοσ. 14 Αυγούστου 2009 Ή θα παίξεις με javascript και "δυναμικό" resize της σελίδας, ή θα δηλώσεις ένα μεταβλητό μήκος (width), για παράδειγμα width="70%", οπότε πάντα θα σου πιάνει το 70% της οθόνης.
petrospan2 Δημοσ. 14 Αυγούστου 2009 Μέλος Δημοσ. 14 Αυγούστου 2009 πως θα δηλώσω το μεταβλητό μήκος? στο HEAD, BODY που?
antonisid Δημοσ. 14 Αυγούστου 2009 Δημοσ. 14 Αυγούστου 2009 πως θα δηλώσω το μεταβλητό μήκος? στο HEAD, BODY που? Στο css!!! Συνηθως το body ειναι 100% αλλά το εξωτερικο περιβλημα της σελιδας πχ το #cotainer div παιρνει μεταβλητο μηκος.
HollyWoodHack Δημοσ. 14 Αυγούστου 2009 Δημοσ. 14 Αυγούστου 2009 Άμα έχεις Mozilla Firefox πάτα ctrl πατημένο και κούνα την ροδέλα άπτο ποντίκι πάνω, θα δεις οτι ζουμάρει. Δες ποια αντικείμενα μετακινούνται. Όταν τα δεις πάνε στον κώδικα και παράδειγμα αν έχεις <div style="position:absolute;top: Xpx;left: Xpx etc"> Home</br><hr> About Us</br> </div> ή και χωρείς div κάντο π.χ. <table width=70%> <div style="position:absolute;top: Xpx;left: Xpx etc"> Home</br><hr width=100px size="5" color="Silver" etc/> About Us</br> </div> </table>
michael92 Δημοσ. 15 Αυγούστου 2009 Δημοσ. 15 Αυγούστου 2009 Σε CSS νομίζω είναι: #body { size:inherit; margin:auto 30% auto 30%; }
petrospan2 Δημοσ. 18 Αυγούστου 2009 Μέλος Δημοσ. 18 Αυγούστου 2009 Σε CSS νομίζω είναι: #body { size:inherit; margin:auto 30% auto 30%; } μέσα στον κώδικα που γράφω παρακάτω που ακριβώς θα το βάλω; με μπέρδεψε λίγο το # που έβαλες στο body... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>HOME PAGE</TITLE> </HEAD> <BODY BGCOLOR=#OOOOOO TEXT=#FFFFCC LINK=#33CCFF VLINK=#FF6666 oncontextmenu="return false"> <DIV ALIGN=CENTER> <PRE> <IMG SRC="ΗΛΕΚΤΡΟΝΙΚΗ ΚΛΕΙΔΑ ΠΡΟΣΔΙΟΡΙΣΜΟΥ/ΦΩΤΟΓΡΑΦΙΕΣ/MIKRES/0037.gif"> <BR> <BR> <NORB><H1>ΗΛΕΚΤΡΟΝΙΚΗ ΚΛΕΙΔΑ ΤΑΞΙΝΟΜΙΚΟΥ ΠΡΟΣΔΙΟΡΙΣΜΟΥ ΤΩΝ ΚΟΙΝOΤΕΡΩΝ ΟΙΚΟΓΕΝΕΙΩΝ ΣΠΕΡΜΑΤΟΦΥΤΩΝ ΤΗΣ ΕΛΛΑΔΑΣ ΜΕ ΒΟΗΘΗΤΙΚΗ ΕΙΚΟΝΟΓΡΑΦΗΣΗ</H1></NORB> <BR> <IMG SRC="ΗΛΕΚΤΡΟΝΙΚΗ ΚΛΕΙΔΑ ΠΡΟΣΔΙΟΡΙΣΜΟΥ/ΦΩΤΟΓΡΑΦΙΕΣ/MIKRES/006.gif"> <BR> <BR> <H4>ΕΠΙΜΕΛΕΙΑ: </H4> <BR> ΘΑΣΣΑΛΟΝΙΚΗ 2009 <TABLE BORDER=5 WIDTH=130px HEIGHT=6px cellpadding="10" ALIGN="CENTER"> <TR ALIGN=CENTER> <TD><FONT SIZE="5"><B><A HREF="ΗΛΕΚΤΡΟΝΙΚΗ ΚΛΕΙΔΑ ΠΡΟΣΔΙΟΡΙΣΜΟΥ.HTML">ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΚΛΕΙΔΑ</A></B></FONT> <TD><FONT SIZE="5"><B></B></FONT> <TD><FONT SIZE="5"><B><A HREF="ΗΛΕΚΤΡΟΝΙΚΗ ΚΛΕΙΔΑ ΠΡΟΣΔΙΟΡΙΣΜΟΥ/XRHSH.HTML">ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ</Α></B></FONT> </TABLE> </PRE> </BODY> </HTML>
djsolid Δημοσ. 24 Αυγούστου 2009 Δημοσ. 24 Αυγούστου 2009 Για να κάνεις τέτοιες αλλαγές σε μία σελίδα θα πρέπει σίγουρα να ξέρεις CSS. Ρίξε μια ματία στο W3Schools που έχει ένα πολύ καλό tutorial για CSS και όχι μόνο και θα καταλάβεις ότι σου λένε παραπάνω.
HollyWoodHack Δημοσ. 28 Αυγούστου 2009 Δημοσ. 28 Αυγούστου 2009 Κάτω απ'το </HEAD> που κλίνει βάλε <style> #body { size:inherit; margin:auto 30% auto 30%; } </style> μάλλον αυτό εννοεί. Φένεται καλό.
Προτεινόμενες αναρτήσεις
Αρχειοθετημένο
Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.