Eredmény: 1 - 5 (5) összesen

Téma: divek pozicionálása

  1. #1
    Új tag
    Csatlakozott
    12-06-22
    Hozzászólás
    4
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás divek pozicionálása

    Sziasztok!

    Tudnátok segiteni a divek pozicionálásásba?
    Két hasábosra szeretném megcsinálni a honlapot baloldal és tartalom a menut lenyilora szeretném megcsinálni és ugy hogy a tartalom divnél kezdödjön.
    Sajnos még csak most kezdtem a ccs-sel dolgozni régebben framerel dolgoztam de azt halodtam hogy nem jó.

    Beszurom a html részt hogy eddig jó csináltam-e?
    HTML kód:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> Ma-mó ado kft </TITLE>
    <META NAME="Generator" CONTENT="Dreamweaver">
    <META NAME="Author" CONTENT="Császár Mónika">
    <META NAME="Keywords" lang="hu" CONTENT="könyvelés, honlapszerkesztés, ezoterika, számitógép telpítés">
    <META NAME="Description" lang="hu" CONTENT="Ma-mó adó kft honlapja Foglalkozunk könyveléssel, honlapszerkesztéssel, ezoterikával és számtógép telepítéssel és karbantartásával ">
    <META name="DATE" content="2012.05.27">
    <META http-equiv="CONTENT-LANGUAGE" content="hu">
    
    
    
    
    <link href="stylus.css" rel="stylesheet" type="text/css">
    </HEAD>
    
    <BODY>
    <DIV id="fejlec"></DIV>
    <DIV id="menu">
     
    <ul>
            <li><a href="#">Cégről</a></li>
    		<ul>
                    <li><a href="#">Bemutatkozás</a></li>
    				<li><a href="#">Alapító iratok</a></li>
    		</ul>
            </li>
            <li><a href="#">Szolgáltatások</a>
                <ul>
                    <li><a href="#">Könyvelés</a></li>
    				<li><a href="#">weblapszerkesztés</a></li>
    				<li><a href="#">Számítógép összerakás és telepítés</a></li>
    				<li><a href="#">Kisgépek javítása</a></li>
    				<li><a href="#">Ezoterika</a></li>
    				<li><a href="#">Ruhajavítás</a></li>
                </ul>
            </li>
            <li><a href="#">Dokumentumok</a>
                <ul>
                    <li><a href="#">Szerződések</a></li>
                    <li><a href="#">Bér és Munkaügyi nyomtatványok</a></li>
                    <li><a href="#">Nyilvántartások</a></li>
    				<li><a href="#">Egyéb</a></li>
    			</ul>
            </li>
    </ul>
    </DIV>
    <div id="tartalom">
    </div>
    <DIV id="baloldal"></DIV>
    </BODY>
    </HTML>




  2. #2
    Vendeg-23123
    Vendég

    Alapbeállítás re: divek pozicionálása

    <div id="menu" style="float: left; width: 10%;">
    <!--ide jön a menu ul li tagok-->
    <DIV id="baloldal"></DIV>
    </div>
    <div style="float: right; width: 90%;">
    <!--ide pedig a tartalom-->
    </div>



  3. #3
    Szerkesztő
    Csatlakozott
    11-11-28
    Hozzászólás
    241
    Begyűjtött 21 köszönetet
    21 hozzászólásával

    Alapbeállítás re: divek pozicionálása

    Idézet sYsguard eredeti hozzászólása Hozzászólás megtekintése
    <div id="menu" style="float: left; width: 10%;">
    <!--ide jön a menu ul li tagok-->
    <DIV id="baloldal"></DIV>
    </div>
    <div style="float: right; width: 90%;">
    <!--ide pedig a tartalom-->
    </div>
    Ehhez csak egy kis kiegeszitest tennek hozza, hogy keresooptimalizalas szempontbol elonyos (meg ha csak minimalisan is) a tartalmat minel feljebb helyezni a html-ben. Inkabb legyen eloszor a tartalom div, majd utana az oldalsav definialva. Float-olni a megfelelo helyre lehet ugy is. + Float-olasnal vigyazni kell mert a szulo div-ek magassaga ilyenkor nem ertekelodik ki renderelesnel. Megoldas lehet a clear:both stilusu elem hozzaadasa a floatolt elemek utan, vagy a magassag fix definialasa a szulo div-ekre.



  4. #4
    Új tag
    Csatlakozott
    12-06-22
    Hozzászólás
    4
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: divek pozicionálása

    Elnézést nem igy gondoltam, hanem hogy a menu a tartalom alatt kezdödjön elnézést ha félrevezetelek beneteket



  5. #5
    Szerkesztő
    Csatlakozott
    11-11-28
    Hozzászólás
    241
    Begyűjtött 21 köszönetet
    21 hozzászólásával

    Alapbeállítás re: divek pozicionálása

    Idézet Mónika Császár eredeti hozzászólása Hozzászólás megtekintése
    Elnézést nem igy gondoltam, hanem hogy a menu a tartalom alatt kezdödjön elnézést ha félrevezetelek beneteket
    a fenti info alapjan ki lehet okoskodni azt is, de egyebkent kb igy nezne ki:

    <div id="fejlec"></div>
    <div id="menu"></div>
    <div id="tartalom" style="float:right;"></div>
    <div id="oldalsav-bal" style="float:left"></div>



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •