Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Zmiana tabel na bloki - pomocy - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Zmiana tabel na bloki - pomocy (/thread-zmiana-tabel-na-bloki-pomocy)

Strony: 1 2

Zmiana tabel na bloki - pomocy - dejw - 14-04-2009



RE: Zmiana tabel na bloki - pomocy - dziamber - 14-04-2009

Postaram się zrobic to jak tylko będę miał chwilę wolną Smile Ale nic nie obiecuje

RE: Zmiana tabel na bloki - pomocy - dejw - 15-04-2009

(14-04-2009, 23:41)dziamber napisał(a): Postaram się zrobic to jak tylko będę miał chwilę wolną Smile Ale nic nie obiecuje

z góry wielkie dzięki Smile to na pewno wiele czasu nie zajmie Smile

RE: Zmiana tabel na bloki - pomocy - dziamber - 15-04-2009



RE: Zmiana tabel na bloki - pomocy - dejw - 16-04-2009

Wielkie, ogromne, nie do opisania dzięki !!!!! =)
Teraz powinno mi być znacznie łatwiej załapać o co w tym chodzi Smile ! Pozdrawiam Smile

RE: Zmiana tabel na bloki - pomocy - dziamber - 16-04-2009

Pozdrawiam i polecam się na przyszłośc Smile

RE: Zmiana tabel na bloki - pomocy - dejw - 21-04-2009

a proszę powiedz mi jeszcze jak wyśrodkować całą stronę bo mi się nie udaje? Tak żeby zawsze po rozciągnięciu przeglądarki na środku były bloczki.

RE: Zmiana tabel na bloki - pomocy - dziamber - 21-04-2009

A już sie robi. Dodaj to między znaczniki head:
Kod:
<style type="text/css">
        
        html, body {
            height: 100%;
        }
        
        body {
            display: table;
            width: 300px;
            margin: 0 auto;
            background-color: #9D1C60;
            font: normal 100% sans-serif;
        }
        
        #wrapper {
            display: table-cell;
            vertical-align: middle;
        }
        
        #cell {
            border: 3px solid #F7CEE3;
            padding: 1em;            
            color: #FFF;
        }

    </style>
    
<!--[if lte IE 6]>
    <style type="text/css">
    
        html {
            overflow-y: auto;
            overflow-x: hidden;
        }
    
        body {
            position: relative;
        }
        
        #wrapper {
            position: absolute;
            top: 50%;
        }
        
        #cell {
            position: relative;
            top: -50%;
        }
        
    </style>
<![endif]-->
A to dodaj do kodu html:
Kod:
<div id="wrapper">    
    <div id="cell">
    
            TUTAJ KOD KTÓRY BYŁ WCZESNIEJ
        
    </div><!-- cell -->
</div><!-- wrapper -->


RE: Zmiana tabel na bloki - pomocy - dejw - 23-04-2009

Trochę nie za dobrze wyświetla i w Firefoxie i w IE ;/

RE: Zmiana tabel na bloki - pomocy - 96th - 23-04-2009

Rozwiń swoją wypowiedź.