Tables και div

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

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

Απάντηση
Άβαταρ μέλους
ForzaInter
Δημοσιεύσεις: 340
Εγγραφή: 22 Οκτ 2005 22:37
Τοποθεσία: Διπλανό δωμάτιο

Tables και div

Δημοσίευση από ForzaInter » 21 Νοέμ 2005 18:55

-Ο μόνος τρόπος να φορτώσεις διαφορετική σελίδα μέσα στην κυρίως σελίδα φτιαγμένη με tables, χωρίς να χρειάζεται να ξαναφορτωθούν όλα τα στοιχεία, είναι τα iframes?

-Δοκιμάζω τα div για πρώτη φορά. :hammer:Το τοποθετώ χειροκίνητα(όχι με εντολές), μέσω του dreamweaver, σε συγκεκριμένη θέση για να περιλαμβάνει το table που θέλω να περιλαμβάνεται μέσα σ'αυτό και όταν κάνω preview στον iexplorer, χαλάει η διάταξη. Τί μπορεί να γίνει? Απ'ότι θυμάμαι, η θέση του div είναι absolute(υπάρχουν ακριβείς συντεταγμένες στον κώδικα) :roll:
I told you we would make it to the sunshine one day...you just got there a little quicker

Εικόνα

sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

Tables και div

Δημοσίευση από sibas » 21 Νοέμ 2005 22:47

Τι το θέλεις το tables αφού δοκιμάζεις με div?
Δείξε λίγο πως χρησιμοποιείς τα div και τα tables

Άβαταρ μέλους
ForzaInter
Δημοσιεύσεις: 340
Εγγραφή: 22 Οκτ 2005 22:37
Τοποθεσία: Διπλανό δωμάτιο

Tables και div

Δημοσίευση από ForzaInter » 23 Νοέμ 2005 17:21

Υπόψιν κάνω κάποιες δοκιμές για έναν ιστότοπο που θα φτιάξω και δεν είναι το τελικό κείμενο αυτό :P

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

<style type="text/css">
<!--
#Layer1 &#123;
	position&#58;absolute;
	left&#58;334px;
	top&#58;137px;
	width&#58;477px;
	height&#58;220px;
	z-index&#58;1;
&#125;
#Layer2 &#123;
	position&#58;absolute;
	left&#58;213px;
	top&#58;138px;
	width&#58;119px;
	height&#58;222px;
	z-index&#58;2;
	visibility&#58; visible;
&#125;
#Layer3 &#123;
	position&#58;absolute;
	left&#58;332px;
	top&#58;138px;
	width&#58;480px;
	height&#58;220px;
	z-index&#58;3;
&#125;
-->
</style>
</head>

<body>
<div id="Layer2">
  <table width="100" height="220" background="pinak.gif">
      <tr>
        <td width="87"><div align="center"><a href="dour.html">Home</a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="dour.html">Lorem</a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="dour.html">Ipsum</a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="dour.html">Dolor</a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="dour.html">Sikin</a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="dour.html">Amet</a></div></td>
      </tr>
</table></div>
<div id="Layer3">
  
Lorem ipsum dolor sit amet,   consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus   sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea   dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere   lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat.   Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean   viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per   inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et,   rutrum et, tortor.</div>
<table width="616" align="center">
  <tr>
    <td height="117" colspan="2"><object classid="clsid&#58;D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http&#58;//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="222" height="115">
      <param name="movie" value="Hellas2.swf">
      <param name="quality" value="high">
      <embed src="Hellas2.swf" quality="high" pluginspage="http&#58;//www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="222" height="115"></embed>
    </object></td>
  </tr>
  <tr>
    <td height="203"></td>
    <td width="80%" rowspan="2"><h2>&nbsp;</h2>
    </td>
  </tr>
  <tr>
    <td width="152" height="561"><p>&nbsp;</p>
      <p>&nbsp;</p>      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>      </td>
  </tr>
</table>
I told you we would make it to the sunshine one day...you just got there a little quicker

Εικόνα

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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