Beiträge von styleshiet

Und warum kein Doctype?

Laut caniuse sollte der IE9 das können. Evtl. mal mit Vendor-Prefix -ms- versuchen.

Eine korrektes Meta-Tag sieht so aus:

<meta http-equiv="content-type" content="text/html; charset=utf-8">

Wenn du dann dein Document nochim UTF-8 Format abspeicherst kannst du im HTML-Code ganz normal die Umlaute verwenden. Oder du maskierst alle Umlaute.
Das sieht dann z.B. so aus:

äÄ

Es geht nur mit einem gestylten 'span' Element innerhalb von Fliesstext.

span.initial{
font-size:2em;
font-weight:bold;
}

<div><span class="initial">A</span>bcde Bla <span class="initial">B</span>la bla blubb blubb</div>

Wenn du einen Link postest kann man ja mal schauen. Wenn du sauber geschrieben hast sollte es halbwegs identisch aussehen. Dieser Hinweis war kostenlos :).

Ich denke du meinst so etwas wie hier gezeigtes.

So, nur mal als Hinweis: GEdit ist ein sehr guter Texteditor aus der Linux-Welt den es auch für Windows gibt. Er beherrscht Syntax-Highlightning für eine vielzahl von Programmiersprachen und ist auch sonst noch mit vielen cleveren und nützlichen Sachen ausgestattet. Sicher eine Alternative zu Notepad u.ä.

So hab mal geschaut. Ohne in die Tiefen einzudringen noch eine Bewertung dieses Templates vorzunehmen wird das einfachste folgendes sein: Nach dem Container mit der ID art-main fügst du einen zusätzlichen Container z.b. id=page ein. Den schließst du erst ganz am Ende der Seite und formatierst in der CSS-Template-Datei wie folgt:

#page{width:800px;margin-left:20px;}

Das, auf jeder Seite eingefügt, sollte helfen. p.s. Einmal 'clearen' reicht im Algemeinen!!!

Das ist an sich ganz einfach. Gib in google-maps deine Adresse ein und lasse dir die Karte mit deinem Ort anzeigen. Dann findest du unter dem Kettensymbol zwei Links. Der untere (fängt mit 'iframe' an) ist für dich interessant. Diesen Text kopierst du in dein HTML-Document. Fertig!

@lucasn: Laut Spec. ist background-image nicht aufgeführt. Siehe hier

Transitions beziehen sich auf Eigenschaftsänderungen: z.B. Rot nach Grün, durchsichtig nach undurchsichtig, Links nach Rechts usw. Also wird das hier nicht klappen.

Das geht am einfachsten mit zwei Bildern die beim 'Hovern' getauscht werden.

Probier mal dies

@keyframes myfirst{
	from {background-position:0px 0px}
	to   {background-position:200px 0px}
}

und vergiss nicht die Vendor-Prefixe !
Ansonsten würde ich zwei 'Images' animieren. Mehr dazu findest du hier

Auflösung erkennen hier:http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/
Wenn du deine Seite entsprechend getaltest, braucht du nur eine.
Horizontal zentriert man mit -margin:0 auto- bei einem Container bekannter Breite!

In deinem Beispiel sind einige Fehler! In einem Label-Tag darf kein div-container vorkommen und Umlaute sind auch nicht zulässig. Unten findest du den eingedampften und validen Code der dein Anliegen lösen sollte. Bei dieser Vorgehensweise ist eine freie Anordnung der Buttons leider nicht möglich. Wenn du damit nicht zurecht kommst schau mal auf http://cssapps.de/galerien.html ob du dort fündig wirst.

p.s. So. Nun sind die Buttons auch unten angeordnet!!!

#wrapper2 { 
    margin:0 auto; 
    width: 160px;
    height:190px; 
    overflow: hidden; 
    border: 1px solid #999; 
    background-color: #0F0;
    position:relative; 
} 
#wrapper2 .switch { 
    height: 160px; 
    width: 160px; 
    float: left; 
} 
#wrapper2 .holder { 
    width: 800px; 
} 
.holder{
  position:absolute; 
  -webkit-transition: 1s; 
  -moz-transition: 1s; 
  -ms-transition: 1s; 
  -o-transition: 1s; 
  transition: 1s; 
}


input{
  position:relative;
  display:inline;
  margin-top:170px;
  float:left;
} 
 
#wrapper2 #box1:checked ~ .holder{ margin-left: 0px;} 
#wrapper2 #box2:checked ~ .holder{ margin-left: -160px;} 
#wrapper2 #box3:checked ~ .holder{ margin-left: -320px;} 
#wrapper2 #box4:checked ~ .holder{ margin-left: -480px;} 
#wrapper2 #box5:checked ~ .holder{ margin-left: -640px;} 
 
.bg_gray{background:gray;} 
.bg_blue{background:blue;} 
.bg_red{background:red;} 
.bg_orange{background:orange;} 
.bg_yellow{background:yellow;}

<div id="wrapper2">
    <input type="radio" id="box1" name="nav" checked="checked"/>   
    <input type="radio" id="box2" name="nav"/> 
    <input type="radio" id="box3" name="nav"/>  
    <input type="radio" id="box4" name="nav"/>   
    <input type="radio" id="box5" name="nav"/>
    <div class="holder">
        <div class="switch bg_yellow">1</div>
        <div class="switch bg_blue">2</div>
        <div class="switch bg_red">3</div>
        <div class="switch bg_orange">4</div>
        <div class="switch bg_gray">5</div>
    </div>
</div>

Hallo Tompa,
auf Seitenlayout mit Tabellen sollte u.a. aus folgenden Gründen verzichtet werden: unattraktiv für Suchmaschinen, längere Ladezeiten, schlecht zu pflegen u.a. Dafür hat man heute mit CSS ein wesentlich flexiblerers Gestaltungsmittel mit (leider) einem höheren Lernaufwand am Anfang.
Ein sehr gutes Lehrmaterial ist http://de.selfhtml.org (Auch als Download zum Offlinestudium)
Auch gut ist http://css4you.de

Schau mal bei deinem Hoster, auf der Verwaltungsseite deiner HP (Plesk o.ä.), ob er dir Software zur Installation anbietet. Dann sollte WORDPRESS deine Wahl sein.

Das Zauberwort heisst -float:right- und hat nix mit CSS3 zu tun!

Schau mal hier http://desandro.github.com/3dtransforms/d…troduction.html. Da findest du eine gute Einführung in das Them.

OK.
CSS3 ist heute noch immer kein Standard. Und somit zeigt diese Galerie, was heute schon von den zitierten Browsern dargestellt wird. Ich erhebe dabei auch nicht den Anspruch einer breiten und allumfassenden Darstellbarkeit. Es soll eher Lust auf das kommende (auch hoffentlich bald im IE) machen.

Laut DIN gibt es kein Gewinde M7!!!
MS sitzt mit im W3C und hat in den den letzten Jahren immer wieder mit eigenem Quark versucht quer zu schiessen! Wofür Standards, wenn alle ihn versuchen bestmöglich umzusetzen. Nur einer eben nicht. Das hat man wohl auch in Redmond erkannt, nach schwindenden Marktanteilen und hält sich heute weitgehend an die seit über 10 Jahren geltenden Standards. Ausserdem blockiert und verteuert dieses Verhalten die Entwicklung !!!