Mysmilies.net die Smilies Datenbank

Script oder Datei finden :
 
-Home
-Startseite
-Newsarchiv
-User Management
-Newsletter
-Mein Dreamcodes
-Downloads
-Scripte
-eBooks
-Online Speicher
-Schlüsselfertig
-Datenbanken
-Webseiten
-Foto und Grafik
-Trickfilm
-Web Grafiken
-Bildbearbeiter
-Internet und Web
-Browser
-EMail Software
-Ftp Clienten
-Zum Arbeiten
-Betriebssysteme
-Texteditoren
-Wampserver
-Office Pakete
-Sicherheit und System
-Antivirus
-System Cleaner
-Recovery Tools
-Codeschnipsel
-Php Schnipsel
-Ajax Schnipsel
-VB Schnipsel
-User Service
-Tutorials
-Workshops
-Webkatalog
-User Support
-Leserforum
-Erweiterte Suche
-Information
-Sitemap
-Impressum
-neuste Downloads

1. Selfphp (1727)
2. Xampp OS X (1625)
3. Xampp Linux (1616)
4. Xampp Windows (1627)
-neuste Tutorials

1. Samsung S20 rooten (1293)
2. Gratis USA Nummer (14676)
3. RAID (13709)
4. Text auf Grafik (14377)

Tutorials vertical align

 

vertical align

In HTML td tag has an attribute named "valign" which can align content vertically. CSS doesnt have such an attribute, so you need to do some magic to achieve such a result. CSS vertical align. Using method described below you will be able to align an element vertically in any height container.
 
Script:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>DEMO: CSS vertical align</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
        .v-outer {
            display: table;
            #position: relative;
            overflow: hidden;
            height: 100px;
            background: black;
            color: white;
            width: 100%;
        }

            .v-middle {
                display: table-cell;
                #position: absolute;
                #top: 50%;
                vertical-align: middle;
            }

                .v-inner {
                    #position: relative;
                    #top: -50%;
                }
    </style>
</head>

<body>

    <div class="border v-outer">
    <div class="v-middle">
    <div class="v-inner">
    ...content...
    </div>
    </div>
    </div>

</body>
</html>

 
Seiten : 1
hinzugefügt am : 29.10.2007
Autor : Na
Listings ID : 1487
Status zum lesen : Gast
gelesen : 4215 mal
[Druckansicht] [Lesercharts] [RSS] [zur Übersicht]
 
 

Die Möglichkeit diesen Artikel zu verlinken :

HTML-Code:

Code zum Einbinden in ein Forum:

Hinweis : Das lesen des Artikels vertical align - listings ID: 1487 auf Dreamcodes, sowie Link Verweise auf Internetseiten fremder Anbieter erfolgen auf eigene Gefahr. Dreamcodes haftet nicht für Schäden, die aus der Verwendung des Inhaltes der Artikel erfolgen könnten. Schadenersatzansprüche, aus welchem Rechtsgrund auch immer, sind ausgeschlossen !
-Live Statistik
Datum: 20.04.2024
Uhrzeit: 15:24 Uhr
Online: 7 User
User heute: 6215
User allgem.: 33664118

Eingeloggt als Gast
-Download des Monats
-
-unsere Monats Umfrage
Welche Serie ist besser?

The Blacklist
House of the Dragon
Die Ringe der Macht
The Sandman
Manifest
-unsere Bestseller