XHTMLforum

PHP und MySQL Programm | K�nnt ja mal dr�ber schauen

Linkifan — Wed, 16 May 2012 17:13:10 PDT

Hallo com,

ich habe ein kleines "CMS" geschrieben. Wenn ich das mal so nennen darf.
�ber Verbesserungsvorschl�ge w�rde ich mich freuen. War anfangs eher nur komplett als �bung gedacht.

Weitere Informationen und Download:
Hier

Schon mal danke

Linkifan

Div nicht �ber Rand verschieben

xxchucki — Wed, 16 May 2012 09:53:59 PDT

Hey,

ich versuche gerade ein DIV-Element zu verschieben. Das Verschieben funktioniert soweit, das Problem ist jedoch, dass ich es �ber die R�nder (rechts und unten) verschieben kann.
�ber den linken und oberen Rand nicht.

PHP-Code:


		
			
 if (    (objDragDasAndere.offsetLeft < (mouseX - offX))    &&    (    (mouseX - offX) < (objDragDasAndere.offsetLeft + objDragDasAndere.offsetWidth))    ) {

        objDrag.style.left = (mouseX - offX) + "px";

        }

    if (objDragDasAndere.offsetTop < ((mouseY - offY))) {

      objDrag.style.top = (mouseY - offY) + "px";

     }

Das benutze ich.
Wie gesagt �ber den linken und oberen Rand geht es nicht jedoch �ber den rechten und unteren.

Wie kann ich den Teil hier anpassen, sodass es nicht mehr geht?

PHP-Code:


		
			
(    (mouseX - offX) < (objDragDasAndere.offsetLeft + objDragDasAndere.offsetWidth))    )

Nur Elemente mit bestimmten Inhalten einbeziehen

guf — Wed, 16 May 2012 07:33:16 PDT

Hallo,

Ist es m�glich mit CSS nur Elemente einzubeziehen, die etwas bestimmtes enthalten?

HTML-Code:

...



...







"example.org">

Z.B. in diesem Fall nur alle "div's", die einen Link auf example.org enthalten. Gibt es ein Selektor bzw. Selektorzusatz, mit dem man so etwas realisieren k�nnte?

Kann mir jemand helfen? Tabelle als html-Code

Cali — Wed, 16 May 2012 05:41:51 PDT

Hallo!

Ich m�chte eine zweispaltige Tabelle mit nur einer Zeile. Die Tabelle soll nicht sichbar sein.
Ich bin recht weit gekommen, nur leider klappt der Feinschliff nicht.
Ich hatte diese Anleitung:
HTML-Lehrgang f�r Anf�nger - Tabellen

Links soll Text sein, rechts eine oder mehrere Grafiken.
Der Text soll oben links anfangen.

Nun bin ich zu diesem Code gekommen:

Sch�n, dass Sie auf meiner Homepage gelandet sind. Hier dreht sich alles rund um die Fotografie.

Sie k�nnen sich einen Einblick in meine Arbeit verschaffen...

angezeigt wird auf der HP selber richtig(bis auf das, dass der Text nicht bis zur Grafik geht und dann erst einen Zeilensprung macht, sondern schon fr�her.
Im Editor der Homepage sehe ich den Grund daf�r. Ich habe in der Mitte nicht eine Trennwand/Spalte, sondern merhere.
Wo ist der Fehler?

Ich kenn mich nicht aus mit html, also nicht wundern, wenn der Code oben v�lliger Quatsch ist.

CSS Selectoren - Parent Ersatz ohne JS

marshal — Wed, 16 May 2012 05:15:23 PDT

Folgendes anliegen:

Ich habe eine Dropdown-Box mit zwei -Feldern ( Login und Passwort ) und ein -Feld ( Submit ) ...
Ich will jetzt, dass die Dropdown-Box auf visible bleibt, wenn ich eines der -Felder im :focus habe ...

Der HTML Code sieht wie folgt aus:

HTML-Code:

"dropdown">

   Login

      

         

            "Login">

            "Password">

            "button" value="Submit">

Und der CSS-Code sieht so aus:

Code:

ul.dropdown,

ul.dropdown li,

ul.dropdown ul {

        list-style: none;

        margin: 0;

        padding: 0;

}



ul.dropdown {

        position: relative;

        z-index: 597;

        float: left;

}



ul.dropdown li.hover,

ul.dropdown li:hover {

        position: relative;

        z-index: 599;

        cursor: default;

}



ul.dropdown ul {

        visibility: hidden;

        position: absolute;

        top: 100%;

        left: 0;

        z-index: 598;

        width: 100%;

}



ul.dropdown li:hover > ul {

        visibility: visible;

}

Demnach br�uchte ich jetzt sowas wie.

Code:

ul.dropdown input:focus < ul:first-element {

        visibility: visible;

}

Hat da jemand eine Idee, wie man das bewerkstelligen k�nnte, OHNE JavaScript?!

Vielen Dank schon mal!

Greetings,

Felix

[CSS] Divs mit float erscheinen untereinander

nicostumpf — Wed, 16 May 2012 05:00:46 PDT

Hallo zusammen,

Ich habe das Grundger�st einer Seite mit DIVs gestaltet und diese per float neben- bzw. untereinander angeordnet. Das ganze klappt auch wunderbar und sieht folgenderma�en aus:

*KLICK*

Das ganze sieht f�r den Benutzer jedoch folgenderma�en aus, wenn das Fenster kleiner als die Gr��e des Headers ist:

*KLICK*

Gibt es eine M�glichkeit, diesen Umbruch der rechten DIVs zu verhindern, sodass diese (auch bei zu kleinem Browserfenster) rechts neben DIV1 stehen und man horizontal scrollen muss, um sie im Gesamten zu sehen?

Hoffe ihr k�nnt mir helfen!

Gru�

Nico

CSS Sprite von Link beeinflussen lassen?

Holzi — Wed, 16 May 2012 04:20:46 PDT

Hallo allerseits,

Ich muss f�r einen Kunden eine Seite erstellen, bei der ich links eine Ansicht eines 8 st�ckigen Geb�udes hab und rechts links, zum jeweiligen Detailgrundriss (Link als Text mit Geschossnamen o.�.).

Beim Hover �ber den Stockwerks-LINK soll im Bild das Stockwerk 'abgeschnitten' werden, und der Grundriss schon dr�ber liegen.
Daf�r hab ich 8 Bilder in ein, zugegebenerma�en ziemlich gro�es, Sprite gepackt.
Das Problem, dass ich gerade habe ist:

wie kann ich das Sprite links durch die links rechts beeinflussen lassen?

Derzeit schaffe ich es nur, per hover �ber das Bild (in dem fall ein div-element mit id #stockwerk) zwischen zwei Positionen im Bild zu wechseln, nicht aber, alle 8 Positionen durchzuschalten.

Kann ich �berhaupt den Hintergrund von meinem #stockwerk durch einen link mit anderer id oder klasse (bspw. .stock01 ) beeinflussen?

w�re euch �ber baldige R�ckmeldung sehr dankbar :)

Gr��e,
Holzi

P.S: derzeitiger Code:

HTML-Code:

#stockwerke {

         width: 1000px;

         height: 750px;

         text-decoration: none;

         display: block;

         background: url('http://localhost/joomla/images/00_sprite.png')0 0;

}

#stockwerke:hover {

         background-position: 0 5250px;

}



"stockwerke">

Klickbox erstellen!

Koeppen — Wed, 16 May 2012 00:59:56 PDT

Liebe Mit-User,

ich sitze schon ein paar Tage einer einer Klickbox mit mouseover effekt...entweder positionieren sich alle boxteile untereinander, oder sie gehen alle unendlich nach rechts. Aussehen soll es denn ungef�hr so, wie auf dieser seite Survivaltraining | Survival Training | �berlebenstraining in Sachsen | Team-Survival mit den inhalten "�berlebenstraining etc".
ich w�rde mich �ber Hilfe und Tipps sehr freuen. :)

CSS Men� Probleme beim IE7

mainzer76 — Wed, 16 May 2012 00:36:56 PDT

Hallo zusammen, wer kann helfen ;)

Im IE7 wird das Men� ausgeklappt, was so nat�rlich nicht sein soll. Ab dem IE8 wird es einwandfrei angezeigt, genauso wie auch im Firefox und in Google Chrome.

Der Link zur Seite ...

Freue mich auf Vorschl�ge.
Danke Euch!

Code:

img.alignleft, div.alignleft

{

float:left;

margin:0 0.5em 0.5em 0;

}

img.alignright, div.alignright

{

float:right;

margin:0 0 0.5em 0.5em;

}

img.aligncentered, div.aligncentered

{

text-align:center;

margin:0 auto;

}



* { padding:0; margin:0;}

 

        html { font-size:100.01%; }

        

        body { background:url(images/tail.gif) repeat-x 0 0 #3b4853; font-size:62.5%; font-family: Arial, Helvetica, sans-serif; color:#737373;}

        

.clear { clear: both;}



        table, td, div, img { border:0; border-collapse:collapse;}

        td {vertical-align:top;}

        ul { list-style: none;}

        p { padding:0px 0px 18px 0px;}

                

a {text-decoration: underline; color:#6087cc; outline:none;}

a:hover {text-decoration: none;}

        

        input, select, textarea, html body textarea { vertical-align:middle; font-size:12px; color:#000; font-family:Arial;}

        input.text, select, textarea { padding:2px 0px 3px 6px; border:1px solid #dfdfdf; background:#fff;}

        

/*** Main ***/

        .main { width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1050)? "1050px" : "100%"); min-width:1050px;}

        

        .main { padding:44px 0px 0px 0px;}

        

        .main-width { width:890px; margin:0 auto; background:url(images/content-bgr.gif) repeat-y 0 0;position: relative;}

        

        .main-bgr { background:url(images/footer.gif) no-repeat 0 bottom;}

        

        .header { height:109px; background:url(images/header.gif) repeat-x 0 0; padding:0px 0px 0px 300px;}

        

        .flash { clear:both; overflow:hidden; height:329px;}

        

/*** Menu ***/

        .main-menu {clear:both; position:relative; height:25px; padding:0px 0px 0px 10px; background:url(images/right2.gif) no-repeat right 0;}

        

        .menu-abs {position:absolute; width:35px; height:25px; background:url(images/menu-left.gif) no-repeat 0 0; margin:0px 0px 0px 0px;}

        

        .menu {display:block; clear:both; float:left; height:25px; padding:0px 0px 0px 0px;}

        

        .menu ul {float:left; list-style:none; overflow:hidden; padding:0px 74px 0px 0px;}

        .menu ul li {float:left; overflow:hidden; width:136px; height:25px; background:url(images/menu.gif) no-repeat right 0; margin:0px -35px 0px 0px; padding:0px 0px 0px 0px;}

        

        .menu ul li a {

                display:block; float:left;

                width:136px; height:25px; text-align:center;

                position:relative; z-index:2;

                font-size:1.1em; line-height:25px;

                color:#658506; text-decoration:none; margin:0px 0px 0px -1px;

                }

        

        .menu ul li a:hover {background:url(images/menu-act.png) no-repeat 0 0; line-height:36px; color:#2c3f03;}

        

        .menu ul li.current_page_item a {background:url(images/menu-act.png) no-repeat 0 0; line-height:36px; color:#2c3f03;}



/*        .menu ul li a span {float:left;}

        .menu ul li a span span {padding:10px 15px 13px 15px; }

        

        

        .menu ul li a:hover {background:url(images/menu-act.gif) repeat-x 0 0; color:#0b200b;}

        .menu ul li a:hover span {background:url(images/menu-act-left.gif) no-repeat 0 0;}

        .menu ul li a:hover span span {background:url(images/menu-act-right.gif) no-repeat right 0;}

        

        .menu ul li.current_page_item a {background:url(images/menu-act.gif) repeat-x 0 0; color:#0b200b;}

        .menu ul li.current_page_item a span {background:url(images/menu-act-left.gif) no-repeat 0 0;}

        .menu ul li.current_page_item a span span {background:url(images/menu-act-right.gif) no-repeat right 0;}

*/        

/*** Logo ***/

        .logo { float:left; position:absolute; background:url(images/left.gif) no-repeat 0 7px; margin:-7px 0px 0px 0px; padding:0px 0px 0px 6px;}

        .logo .indent { padding:0px 0px 0px 0px;}

        .logo h1 {

                display:block; overflow:hidden;

                width:282px; height:102px;

                background:url(images/logo.png) no-repeat 0 0;

                font-size:2.1em; color:#fff; text-indent:-1000em; cursor:pointer;

                }

        .logo h1:hover { text-decoration:none;}

        

        .description { padding:37px 0px 0px 3px; overflow:hidden; font-size:10px; text-transform:uppercase; color:#2c3f03;}

        

/*** Slogan ***/

        .slogan {}

        

/*** Search ***/

        .search { float:right; height:71px; background:url(images/right.gif) no-repeat right 0;}

        .search .indent { overflow:hidden; padding:34px 24px 0px 0px;}

        

        .search form { background:url(images/search-bgr.gif) no-repeat 0px 0; padding:0px 0px 1px 0px;}

        .search .text { width:189px; padding:3px 0px 5px 5px; border:0; background: transparent; margin:0px 9px 0px 0px;}

        .search .but { cursor: pointer; margin:0px 0px 0px 0px;}

        

/*** Rss ***/

        .rss {}

        

/*** Column ***/

        .content { clear:both; overflow:hidden; height:100%; padding:6px 6px 8px 11px; background:url(images/content-top.gif) no-repeat 0 0;}



        .column-left { float:left; overflow:hidden; height:100%; width:239px; margin:0px 40px 0px 0px; _margin:0px 37px 0px 0px; padding:22px 0px 0px 0px;}

        

/*** Widgets  ***/

        .widget {

                clear:both;

                overflow:hidden; height:100%;

                background:url(images/widget-bgr.gif) repeat-y 0 0;

                padding:0px 0px 0px 0px;

                margin:0px 0px 4px 0px;

                }

        

        .widget .widget-bgr { padding:0px 0px 18px 0px; background:url(images/widget-bot.gif) no-repeat 0 bottom;}

        

        .widget .title {

                overflow:hidden; height:100%; background:url(images/widget-top.gif) no-repeat 0 0;

                margin:0px 0px 15px 0px; padding:7px 2px 0px 2px;

                }

                

        .widget .title div {}

        .widget .title div div { background:url(images/widget-top-ver.gif) no-repeat 0 0 #598700;}

                

        .widget h2 {

                overflow:hidden; height:100%;

                border-bottom:1px solid #4b6e06;

                background:url(images/widget-title-marker.gif) no-repeat 13px 8px;

                font-weight: normal; font-size:1.2em; line-height:16px;

                color:#fff; text-transform:uppercase;

                padding:5px 10px 9px 34px;

                }

        

        .widget ul {

                clear:both; line-height:14px;

                font-size:10px; overflow:hidden;

                color:#595959; font-family: tahoma;

                margin:0px 25px 0px 25px;

                }

        

        .widget ul li {

                overflow:hidden; height:100%;

                background:url(images/border.gif) repeat-x 0 bottom;

                padding:6px 0px 8px 0px;

                }

        

        .widget ul li a {

                display:block; height:100%;

                font-size:11px; color:#595959;

                background:url(images/widget-marker.gif) no-repeat 0 6px;

                padding:1px 0px 1px 11px;

                }

        

                .widget ul li a { text-decoration:none;}

                .widget ul li a:hover { /*text-decoration: underline;*/ color:#609000;}

        

        .widget ul ul { font-size:100%; margin:0px 0px -10px 0px; padding:0px 0px 0px 10px;}

        .widget ul ul li { border:0; background: none; margin:0px 0px 0px 0px;}

        

        /*** widget_tag_cloud ***/

                .widget_tag_cloud {}

                .widget_tag_cloud h2 {}

                

                .widget_tag_cloud a { padding:0px 6px 0 0; font-size:10px; color:#211e1b; line-height:1.7em;}

                .widget_tag_cloud .widget-bgr div { padding:0px 0px 0px 22px;}

                .widget_tag_cloud .widget-bgr .title { padding:7px 2px 0px 2px;}

                .widget_tag_cloud .widget-bgr .title div { padding:0px 0px 0px 0px;}

                .widget_tag_cloud .widget-bgr .title div div {}

                

                .widget_tag_cloud a { text-decoration:none;}

                .widget_tag_cloud a:hover { text-decoration: underline;}

                

        /*** widget_text ***/

                .textwidget { color:#211e1b; font-size:1.2em; line-height:1.3em; padding:0px 20px 40px 20px;}

                .textwidget a { color:#211e1b;}

                

        /*** widget_page ***/

        

        /*** widget_categories ***/

                .widget_categories {}

                .widget_categories .title { background:url(images/widget-top2.gif) no-repeat 0 0;}

                        

                .widget_categories .title div {}

                .widget_categories .title div div { background:url(images/widget-top-ver2.gif) no-repeat 0 0 #313c4f;}

                        

                .widget_categories h2 {

                        border-bottom:1px solid #000;

                        background:url(images/widget-title-marker2.gif) no-repeat 13px 8px;

                        }

                

                .widget_categories ul li a:hover { color:#5c7192;}

                

                

        /*** widget_archive  ***/

                

        /*** widget_meta ***/

                .widget_meta { background:url(images/widget-bgr-ver.gif) repeat-x 0 0 #cdd2d7; margin:7px 0px 8px 0px;}

                

                .widget_meta .widget-bgr { background:url(images/widget-bot4.gif) no-repeat 0 bottom;}

                

                .widget_meta .title {

                        background:url(images/widget-top4.gif) no-repeat 0 0;

                        margin:0px 0px 4px 0px; padding:7px 2px 0px 2px;

                        }

                        

                .widget_meta .title div div { background: none;}

                        

                .widget_meta h2 {

                        overflow:hidden; height:100%;

                        border-bottom:1px solid #fff;

                        background:url(images/widget-title-marker4.gif) no-repeat 12px 10px;

                        color:#000; text-transform:uppercase;

                        padding:8px 10px 9px 35px;

                        }

                

                .widget_meta ul li {

                        overflow:hidden; height:100%;

                        background:url(images/border4.gif) repeat-x 0 bottom;

                        padding:6px 0px 8px 0px;

                        }

                

                .widget_meta ul li a {

                        display:block; height:100%;

                        font-size:11px; color:#595959;

                        background:url(images/widget-marker4.gif) no-repeat 0 6px;

                        padding:1px 0px 1px 11px;

                        }

                

                .widget_meta ul li a:hover { color:#fcfcfc;}

                

        /*** widget_links  ***/

        

        /*** widget_recent_entries  ***/

                .widget_recent_entries { background:url(images/widget-bgr3.gif) repeat-y 0 0;}

                .widget_recent_entries .widget-bgr { background:url(images/widget-bot3.gif) no-repeat 0 bottom; padding:0px 0px 29px 0px;}

                .widget_recent_entries .title { background:url(images/widget-top3.gif) no-repeat 0 0;}

                

                .widget_recent_entries ul li {background:url(images/border3.gif) repeat-x 0 bottom;}

                .widget_recent_entries ul li a { color:#253603; background:url(images/widget-marker3.gif) no-repeat 0 6px;}

                .widget_recent_entries ul li a:hover { color:#bad876;}

        

        /*** widget_recent_comments  ***/

        

        /*** widget_other ***/

                .content #wp-calendar * { color:#000; font-size:12px;}

                

                #search form { padding:10px 0px 0px 10px;}

                

                #search form .text { display:block; margin:0px 0px 8px 0px;}

                

                .search_page .text { padding:2px 0px 2px 5px;}

                

                #search form .but { margin:0px 0px 0px -3px;}

                

                .widget_calendar table { margin:10px 0px 0px 20px;}

        

/*** Content  ***/

        .column-center { overflow:hidden; height:100%; padding:0px 1px 28px 1px; border:1px solid #eee; border-right-color:#e6e7e7; background:#fff;}

        

        .column-center .indent { clear:both; overflow:hidden; height:100%; padding:0px 0px 0px 0px; margin:0px 0px 4px 0px; *margin:0px 0px 0px 0px;}

        

        /*** Title wrapper ***/

                .column-center .title {

                        overflow:hidden; height:100%;

                        background:url(images/title.gif) no-repeat 0 10px;

                        padding:0px 0px 0px 40px;

                        margin:0px 0px 21px 0px;

                        }

                

                .column-center .title h2 {

                        overflow:hidden; height:100%;

                        background:url(images/title01.gif) no-repeat 3px 0px;

                        font-size:2.1em; font-weight: normal;

                        color:#1e5c9b; line-height:1.2em;

                        padding:41px 30px 1px 0px;

                        }

                        

                .column-center .title h3 {

                        overflow:hidden; height:100%;

                        background:url(images/title01.gif) no-repeat 3px 0px;

                        font-size:2.1em; font-weight: normal;

                        color:#1e5c9b; line-height:1.2em;

                        padding:41px 30px 1px 0px;

                        }

                                

                .column-center .title h2 a,

                .column-center .title h3 a { color:#1e5c9b; text-decoration:none;}

                

                .column-center .title h2 a:hover,

                .column-center .title h3 a:hover {/* text-decoration: underline;*/}

        /******/

                .title-page01 { padding:20px 30px 0px 40px;}

                .title-page02 { padding:10px 30px 15px 40px;}

                

                .title-page01 * {  font-size:2em; font-weight: normal; color:#1e5c9b; text-transform:uppercase;}

                .title-page02 * {  font-size:2em; font-weight: normal; color:#1e5c9b; text-transform:uppercase;}

                

        /*** Date ***/

                .date {

                        /*float: left;*/

                        overflow:hidden;

                        font-size: 1.2em; color:#a6b2bf;

                        padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;

                        }

                

                .date span { text-decoration:underline;}

                

        /*** author ***/

                .author {

                        /*float: right;*/

                        overflow:hidden;

                        font-size: 1.1em; color:#56a637;

                        padding:0px 0px 0px 6px;

                        }

                

        /*** Text box ***/

                .text-box {

                        clear:both;

                        /*overflow:hidden; height:100%;*/

                        font-size:1.3em; line-height:1.45em;

                        padding:3px 20px 0px 40px;

                        }

                

                .column-center .welcome { background:url(images/welcome.gif) repeat-x 0 bottom; padding:29px 0px 0px 10px;}

                .column-center .welcome .text-box { padding:0px 0px 0px 0px;line-height:1.4em; font-size:12px;}

                        

                .column-center .text-box h4 { font-size:15px; text-transform: none; padding:0px 0px 4px 0px;}

                

                .pd { padding:0px 0px 0px 2px; margin:-1px 0px -3px 0px;}

                        

                .text-box p { padding:0px 0px 21px 0px;}

                

                .text-box p b { color:#000; font-size:14px; display:block; padding:0px 0px 3px 0px;}

                .text-box p span {}

                

                .text-box .fleft { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display: inline; float:left; overflow:hidden; height:100%;}

                .text-box .fleft img { margin:0px 19px 9px 1px; _margin-right:19px;}

                

                .text-box p.img {}

                

                .text-box ul.list { margin:-5px 0px 4px 0px;}

                .text-box ul.list li { float:left; width:257px;}

                

                

                .text-box .left { float:left; width:175px; margin:0px 9px 0px 0px; padding:0px 0px 32px 0px;}

                .text-box .left p { padding:0px 0px 4px 31px;}

                .text-box .left p.img { padding:0px 0px 6px 0px; overflow:hidden;}

                .text-box .mr { margin-right:0;}

                .text-box .left p a { display:block; font-size:15px; color:#617eb2; line-height:1.4em; padding:0px 0px 0px 1px; text-decoration:none;}

                .text-box .left p a:hover { text-decoration: underline;}

                .text-box .left p .more-link { display:block; float:right; font-size:12px; color:#525252; line-height:24px; padding:0px 0px 0px 11px; margin:16px -8px 0px 0px;}

                

                

                /******/

                        .more-link {

                                background:url(images/more-link.gif) no-repeat 0 0px;

                                font-size:12px; width:104px; height:25px; line-height:24px;

                                color:#525252; text-decoration:none;

                                padding:0px 0px 0px 11px;

                                }

                        

                        .more-link:hover { text-decoration: underline;}

                        

                /******/

                        .comments {

                                float:left;

                                width:118px; height:25px; line-height:24px;

                                background:url(images/comments.gif) no-repeat 0 0px;

                                text-decoration:none; margin:8px 0px 0px 34px; _margin:8px 0px 0px 17px;}

                        

                        .comments a { color:#525252;  font-size:12px; padding:0px 0px 0px 11px;}

                        

                        .comments a { text-decoration:none; }

                        .comments a:hover { text-decoration: underline;}

                

                /******/

                        .postmetadata { clear:both; font-size:12px; padding:6px 0px 5px 34px;}

                        .postmetadata a { padding:0px 1px 0px 5px; /*color:#000;*/}

                        

                

                /******/

                        .link-edit { float:right; padding:0px 20px 0px 0px; margin:0px 0px 0px 0px;}

                        .link-edit a { font-size:12px; font-weight: bold; color:#000;}

                        

                /******/

                        .navigation {  font-size:10px; color:#838e6b; padding:5px 10px 5px 44px; margin:0px 0px -30px 0px;}

                        .navigation a {

                                font-size:10px; font-weight: normal; color:#838e6b;

                                padding:0px 0px 0px 0px; line-height:1.3em; text-transform:uppercase;

                                }

                                

                        /*.navigation a { text-decoration:none;}

                        .navigation a:hover { text-decoration: underline;}*/

                        

                        .nav-top {overflow:hidden; height:100%;  padding:20px 0px 17px 0px; margin:0px 0px 0px 320px;}

                        

        /*******/

                .text-box h1, .text-box h2, .text-box h3, .text-box h4, .text-box h5, .text-box h6 { color:#000; font-family:Arial; line-height:1.5em;}

                .text-box h1 { font-size:19px; font-weight: normal; line-height:1.2em; display:block; height:100%; padding:0px 0px 13px 0px;}

                .text-box h2 { font-size:17px; font-weight: normal;}

                .text-box h3 { font-size:16px;}

                .text-box h4 { font-size:15px; text-transform:uppercase; font-family:Arial;}

                .text-box h5 { font-size:14px;}

                .text-box h6 { font-size:12px;}

        

        /*** OL UL style***/

                .text-box ul { padding:0px 0px 7px 0px; overflow:hidden; height:100%; margin:-5px 0px 0px 0px;}

                .text-box ul li { background:url(images/marker.gif) no-repeat 0px 10px; padding:0px 0px 8px 8px; list-style-image:none; list-style:none; font-weight:normal;}

                .text-box ul li ul { margin-left:10px;}

                .text-box ul li ol { margin-left:15px;}

                .text-box ul li ol li { list-style-type:decimal;}

                

                .text-box ol { padding-left:2px;}

                .text-box ol li { padding:0px; margin-left:13px; font-weight:normal;list-style-type:decimal;}

                .text-box ol li ul { padding:2px 0px 5px 2px;}

                .text-box ol li ul li { font-weight:normal; background:url(images/marker.gif) no-repeat 0px 10px; padding:0px 0px 8px 8px;}

                

                .text-box ul li { list-style-image:none; list-style:none;}

                

                        /*.text-box ul li a { text-decoration:none;}

                        .text-box ul li a:hover { text-decoration:underline;}*/

                

                .text-box ul li ul { margin-left:15px;}

                .text-box ul li ol {margin-left:20px;}

                .text-box ul li ol li { list-style-type:decimal;background:none;}

                .text-box ul li ol li a {}

                

                .text-box ol { padding:5px 0px 5px 2px;}

                .text-box ol li{ padding:0px; margin-left:20px;}

                .text-box ol li a { padding-left:0px; text-decoration:none; font-weight:normal;}

                .text-box ol li a:hover{ text-decoration:underline; }

                .text-box ol li ul li a { font-weight:normal; text-decoration:underline;}

                .text-box ol li ul li a:hover {text-decoration:none;}

                

                .more-information { clear:both; background:url(images/xxx.gif) #464646;}

                .more-information .title { background:url(images/info-bgr.gif) repeat-x 0 0;}

                .more-information .title div { background:url(images/info-corner-left-top.gif) no-repeat 0 0;}

                .more-information .title div div { background:url(images/info-corner-right-top.gif) no-repeat right 0;overflow:hidden; height:43px; padding:0px 0px 0px 40px;}

                

                .more-information .title h2 { background:url(images/info-img.gif) no-repeat 0 13px; padding:12px 0px 13px 34px; font-size:16px; font-weight: normal; color:#fff;}

                

                .more-information .corner-left-bot { background:url(images/info-corner-left-bot.gif) no-repeat 0 bottom;}

                .more-information .corner-right-bot { background:url(images/info-corner-right-bot.gif) no-repeat right bottom; overflow:hidden; height:100%;}

                

                .more-information .text-box { padding:14px 26px 15px 38px; overflow:hidden; height:100%;}

                .more-information .namber { float:right; width:190px; height:66px; background:url(images/call.gif) no-repeat 0 0; margin:9px 0px 0px 0px;}

                

                .info-box { float:left; width:115px; margin:0px 22px 0px 0px;}

                .info-box strong { display:block; color:#e8e8e8; padding:0px 0px 6px 0px;}

                .info-box a { color:#999; display:block; padding:0px 0px 2px 0px;}



/*** Footer ****/

        .footer {

                clear:both;        overflow:hidden; height:100%;

                font-size:1.2em;

                line-height:1.5em; color:#fafbfb;

                margin:0px 0px 0px 0px;

                }

        

        .footer .width { width:890px; margin:0 auto;}

                

        .footer .indent {

                overflow:hidden; height:100%;

                 padding:16px 0px 16px 0px;

                }

                

        .footer a { color:#fafbfb;}

        

        /*.footer a { text-decoration:none;}

        .footer a:hover { text-decoration: underline;}*/        



/* -----------------------------------------------------------------

---------------------------- WP ------------------------------------

----------------------------------------------------------------- */



        .info-sidebar { clear:both; padding:0px 0px 20px 0px; width: auto; color:#000; overflow: hidden; font-size:1.2em; line-height:1.4em;}

        .info-sidebar a { text-transform:none; color:#000;}

        

        .pagetitle { font-size:2.1em; font-weight: normal; overflow:hidden; color: #000; text-align:center; padding:6px 12px 10px 12px; *padding:6px 12px 10px 12px;}



/*--- Navigations ---*/

        .navigation { clear:both; overflow:hidden; /*line-height:13px;*/}

        .navigation .alignleft { float: left; width:45%; text-align:left;  padding:0px 0px 0px 0px;}

        .navigation .alignright { float: right; width:45%; text-align:right; padding:0px 0px 0px 0px;}

        .nav-top .alignright a { float: right; }

        

        

        .pd-nav { padding:0; margin:0;}

        .pd-nav .alignleft { padding:0; margin:0;}

        .pd-nav .alignright { padding:0; margin:0;}

        

        .pd-title {padding-bottom:0;}

        

        .marg { margin-bottom:10px;}



/*--- Begin Images ---*/

        p img {

                padding: 0;

                max-width: 100%;}

        

        img.centered {

                display: block;

                margin-left: auto;

                margin-right: auto;}

        

        img.alignright { float: right;display:inline;

                padding: 0;

                margin: 3px 0px 10px 20px;}

        

        img.alignleft {        padding: 0;        margin: 3px 25px 5px 0; float:left; display:inline;}

        

/*------*/

        #tag_cloud .widget-bottom-left { padding-bottom:15px;}

        #tag_cloud .widget-heading { margin-bottom:15px;}

        #tag_cloud a { padding-left:3px;}

        

        /*--- Popup styles ---*/

        #commentspopup {}

        #commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}

        #commentspopup .page-padding {padding:0 5px;}

        #commentspopup .page-width {width:538px; margin:0 auto;}

        #commentspopup .header-top {background:url(images/popup_header_bg_top.jpg) top repeat-x;}

        #commentspopup .header-top-right {background:url(images/popup_header_bg_top_right.jpg) top right no-repeat;}

        #commentspopup .header-top-left {background:url(images/popup_header_bg_top_left.jpg) top left no-repeat; width:100%; height:160px;}

        #commentspopup .header-padding {padding:39px 0 0 89px;}

        #commentspopup h1 {font-size:1em; margin:0; padding:0; color:#E1E7EC; text-indent:-10000em; width:141px; height:27px;}

        #commentspopup h1:hover {text-decoration: none; cursor:pointer;}

        #commentspopup .description {width:141px; height:9px; text-indent:-10000em; margin-top:2px;}

        #commentspopup .description2 {width:249px; height:27px; text-indent:-10000em; margin-top:19px;}

        #commentspopup .border-bottom-left {padding:17px 37px 10px;}

        #commentspopup p {font-size:12px;}

        

        

/*--- Begin Typography & Colors ---*/

        small {        font-size: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

        small * {font-size: 0.9em;}

        small p {font-size: 0.9em;}

        

        select { width: 130px;}

                

        #commentform { font-size:1.2em; overflow:hidden; height:100%; padding:0px 25px 0px 0px;}

        

        /*.commentform {float:left;}*/

        

        #commentform input {

                margin: 5px 5px 1px 0;}

        

        #commentform {

                margin: 5px 0px 0 0;}

                

        #commentform textarea {

                width: 100%;

                padding: 2px;}

                

        #respond:after {

                        content: "."; 

                        display: block; 

                        height: 0; 

                        clear: both; 

                        visibility: hidden;}

                

        #commentform #submit {

                /*margin: 0 0 10px auto;

                float: right;*/ /*margin:0px 0px 0px 319px;*/}

                

        #respond p { padding:0px 0px 10px 0px; text-indent:0;}

        #respond form p { padding:0px 0px 10px 0px; text-indent:0;}

        

/*--- Begin Calendar ---*/

        #wp-calendar { empty-cells:show; width: 155px;}

        

        #wp-calendar th { padding:3px 0; text-align:center; color:#fff;}

        #wp-calendar td { padding:3px 0; text-align:center; color:#fff;}

        

        #wp-calendar a { display: block; font-weight:bold; color:#fff;}

        #wp-calendar #next a { padding-right: 10px;        text-align: right; font-weight: normal;}

        #wp-calendar #prev a { padding-left: 10px; text-align: left; font-weight: normal;}

        

        #wp-calendar caption { text-align: center; color:#fff; font-weight:bold; font-size:1.3em; padding:0px 0px 6px 0px;}

        

        

/* Begin Various Tags & Classes */

        acronym, abbr, span.caps {

                cursor: help;

                }

        

        acronym, abbr {

                border-bottom:1px dashed #999;

                }

        

        blockquote {

                border:1px solid #e8e8e8; color:#000;

                background:#f6f6f6; padding:15px 10px 10px 20px; margin:5px 0;

                }

        

        blockquote cite {

                margin: 5px 0 0;

                display: block;

                }

        

        

/* Captions */

        .aligncenter,

        div.aligncenter {

                display: block;

                margin-left: auto;

                margin-right: auto;}

        

        .wp-caption {

                border: 1px solid #ddd;

                text-align: center;

                background-color: #f3f3f3;

                padding-top: 4px;

                margin: 10px;

                -moz-border-radius: 3px;

                -khtml-border-radius: 3px;

                -webkit-border-radius: 3px;

                border-radius: 3px;}

        

        .wp-caption img {

                margin: 0;

                padding: 0;

                border: 0 none;}

        

        .wp-caption p.wp-caption-text {

                font-size: 11px;

                line-height: 17px;

                padding: 0 4px 5px;

                margin: 0;}

        

        

/* Begin Comments*/

        .alt { clear:both; padding-bottom:20px; font-weight: normal;}

        

        .alt a { padding:0px 0px 0px 0px; text-decoration:underline;}

        

        .commentlist { color:#000;

                text-align: justify;

                }

        .commentlist a { color:#000}

        .commentlist span { color:#000; font-weight: bold;}

        

        ol.commentlist  li { list-style: none; font-size:12px;

                margin:6px 0px 6px 0px;

                padding: 5px 10px 3px;

                /*list-style: none;*/

                border:1px solid #e8e8e8; color:#000;

                background:#f6f6f6;

                }

                

        .commentlist li .avatar { 

                float: right;

                border: 1px solid #000;

                padding: 2px;

                background: #fff; /*margin:0px 20px 15px 0px;*/

                }

        

        .commentlist p { color:#000;

                margin: 10px 5px 10px 0;

                }

        

        #commentform p {

                margin: 5px 0;

                padding-left:15px;

                }

        

        .nocomments {

                text-align: center;

                margin: 0;

                padding: 0;

                }

        

        .commentmetadata {

                margin: 0;

                display: block;

                }

Marginwerte in verschiedenen Browser

Grain — Tue, 15 May 2012 12:26:38 PDT

Heyho,

Ich habe folgendes Problem: auf meiner Website wird die Navigation mit den Tabs in Google Chrome optimal angezeigt. In Firefox hingegen liegen die Tabs einen Margin-Wert zu weit unten. Was kann ich da tun?

W�re �ber Hilfe sehr dankbar ;)

Hintergrundgrafik y-repeat erst ab Position X anfangen lassen

ChOpSueY! — Tue, 15 May 2012 11:44:26 PDT

Hallo,
ich habe schon ein paar Informationen �ber Google zu meinem Problem gefunden aber nichts was wirklich f�r meine Seite zielf�hrend ist. Also habe ich Testcase gebaut:

Testcase

Folgendes Problem:
Ich habe eine relativ hohe Hintergrundgrafik die ich in den wrapper gepackt habe.

So, nun soll sich die Seite ja nach unten hin wiederholen lasse. Um den rechteckigen Kasten so realistisch wie m�glich weiterf�hren zu lassen habe ich ein 960x1px gro�es Hintergrundbild erstellen mit dem Schatten, welches sich ab dem Hintergrundbild des wrappers anschlie�en soll.

Derzeit sieht man das Problem, dass die Grafik bereits ganz oben sich anf�ngt zu wiederholen, was ja auch relativ logisch ist. Was aber nicht geht ist

background-position: center 364px;

und das w�re eigentlich meine erste Vermutung gewesen. Dann hatte ich gedacht mit z-index mal zu arbeiten und dem wrapper eine 1 und dem content eine 2 zu geben - ist aber auch nicht richtig.

Frage: Wie geht man ein solches Problem an? Was f�hrt zum Ziel? Ich bin da irgendwie am Ende mit meinem Latein.

Gru�
ChOp

Was haltet ihr von PHP Self???

Linkifan — Tue, 15 May 2012 09:42:25 PDT

PHP-Code:


		
			
echo $_SERVER['PHP_SELF']; ?>" method ="post">

Hallo com,

ich hab geh�rt, dass PHP_SELF "b�se" ist. Sollte ich das in der Praxis verwenden oder nicht?
In einigen B�chern habe ich es so gelernt, aber ein Artikel im Internet hat mich mehr oder weniger verwirrt. Sollte ich das jetzt verwenden oder nicht?
Wegen CrossSide scri�ting o.�.

MFG, Linkifan

Problem mit IFRAME: height:100% funktioniert nicht!

Scolex — Tue, 15 May 2012 09:09:05 PDT

Hallo,

versuche jetzt schon seit Stunden ein Problem mit dem iframe Element zu l�sen.
Das Problem ist, dass es nicht die H�he von 100% annimmt, wei� aber eben nicht warum.

Hatte mittlerweile schon alle Elternelemente auf height:100% gestellt, hat aber auch nichts gebracht.

Hier ist der Testlink:
Immobilien

Unten werden die Immobilienangebote abgeschnitten, was erst richtig gut zu erkennen ist wenn mann auf das Haus-Thumbnail klickt.

Es scheint so, dass das iframe durch die Klasse ".content" in der H�he beschr�nkt ist, aber auch diese habe ich auf 100%...

Welches Element/Klasse verursacht denn diese eingeschr�nkte H�he???

THX

Anf�nger: mehrzeiliger fixed header

Spencer — Tue, 15 May 2012 07:21:49 PDT

Hallo!

M�sste kurz mit einer Anf�ngerfrage st�ren:
Ich m�chte einen fixierten header - oben zentriert ist ein Bild, darunter sollten zentriert Men�punkte sein.
Leider ist die zweite Zeile nicht mehr im header sondern schon im content darunter. (In einer �lteren (? keine Ahnung welche IE-Version...) klappts zwar, dass die sowohl Bild als auch Men�punkte im header sind, jedoch ist der header und footer nicht fixiert - womit ich jetzt leben k�nnte).

Kann mir wer weiterhelfen?
Danke im Voraus!

Siehe: Bildergalerie

Code:

HTML-Code:







"text/html; charset= charset=utf-8">

</span>Bildergalerie<span style="color:#000080">

  

  

  "stylesheet" type="text/css" href="/css/normalize.css">

  "stylesheet" type="text/css" href="/css/result-light.css">









  

"header_container">

    "header">

"type1" href="mailto:office@.com">"test1.png" alt="mail" border=�0�>


"type1" href="http://www.xxx.at">work"type1" href="about contact.htm">about"type1" href="about contact.htm">contact"type1" href="http://www.xxx.at">links

    









"container">

    "content">

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet ipsum magna, et convallis sem. Nunc pulvinar magna vitae orci malesuada blandit. Proin ac purus dui. Suspendisse venenatis egestas egestas. Sed tincidunt diam et massa convallis et mollis enim malesuada. Nullam eget metus nunc, eget imperdiet urna. Quisque vehicula ipsum non sapien vulputate convallis quis quis ligula. Aenean gravida mollis blandit. Nullam lacus tortor, viverra a auctor ac, porta eget neque. Duis placerat mi metus, a gravida quam.

        



        Nam ut augue mauris, at dapibus quam. Pellentesque eu nunc enim. Proin facilisis, dolor nec sollicitudin mattis, sem velit mollis sem, sagittis sagittis libero ante id nunc. Nam congue, mauris non porttitor convallis, purus elit faucibus nunc, in mollis sem lorem eu tortor. Cras nec justo id libero fringilla placerat ac et leo. Mauris ac vehicula odio. Cras augue erat, sodales vel porttitor ut, scelerisque nec justo. Praesent vitae lorem erat. Suspendisse elementum tortor vitae diam venenatis eget fermentum lacus suscipit. Quisque varius vulputate tempus.

        



        Aliquam lacinia lacus vel ante sagittis vestibulum fringilla sem accumsan. Phasellus eget dictum ipsum. Sed sed aliquam nisi. Nam vitae tempus tellus. Vestibulum convallis tellus diam, sed posuere lectus. Nulla diam velit, tristique in dignissim quis, porta eu nulla. Quisque quis nisl urna, id adipiscing quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer justo nisi, sollicitudin vitae porttitor eu, elementum ut ante.

        



        Proin id odio nibh. Integer adipiscing fermentum tellus consectetur hendrerit. Sed porta, lectus sed dictum tempor, risus orci lacinia nulla, non rutrum neque tellus vitae velit. Quisque ut lectus eget nunc vulputate ultrices eget vitae metus. Vestibulum ac ligula urna, placerat scelerisque sem. Vestibulum porta interdum orci, quis porttitor arcu dictum pulvinar. Maecenas quis quam augue, accumsan consectetur arcu. Etiam quis augue quam, at auctor diam. Donec varius venenatis diam at pulvinar. Donec imperdiet elit id urna tincidunt commodo eget ut metus. Nam convallis malesuada dapibus. Aenean erat nunc, tempus id facilisis ac, dignissim nec urna.

        



        Vestibulum at neque id libero ornare iaculis sed in libero. Nunc erat lectus, dignissim id congue ut, ornare sit amet nunc. Sed dignissim, massa tempus rutrum fringilla, justo lectus rutrum neque, at posuere orci nunc quis lacus. Phasellus semper turpis et arcu euismod eget pharetra nisi ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tempor, tellus sed interdum aliquet, dolor nibh hendrerit est, sed mattis tortor massa in lectus. Vivamus eu ligula nibh, vel consectetur quam. Quisque in erat vitae est feugiat porttitor. Pellentesque dui nulla, pulvinar sed feugiat ut, laoreet a urna. Aenean id elit quis quam eleifend luctus sit amet at dolor. Duis eu tellus at libero venenatis blandit. Mauris pharetra venenatis leo sed vehicula. Pellentesque rhoncus enim at nulla euismod tincidunt.

        



        Maecenas imperdiet nibh massa. In id eros in massa posuere blandit non sit amet lacus. Phasellus vitae lectus pretium nunc aliquam ullamcorper. Pellentesque quis urna ligula, nec placerat magna. Sed nisl turpis, porta at tincidunt eget, vulputate sed magna. Nullam rutrum ipsum et lectus congue id rhoncus lectus bibendum. Vestibulum pretium velit id arcu rhoncus ac lobortis turpis tristique. Nullam viverra posuere leo sit amet dapibus. Fusce id imperdiet leo. Mauris et nisi diam. Aenean lobortis vulputate massa, ut pellentesque mauris porta in. Fusce sollicitudin, massa consectetur ultrices varius, dolor ligula ullamcorper velit, non varius lorem urna vel diam.

        



        Morbi feugiat eleifend eros vel accumsan. Sed pellentesque vulputate libero eu mattis. Quisque sollicitudin aliquet ligula a molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec pellentesque lacinia varius. Etiam dictum hendrerit enim in euismod. Phasellus cursus odio vitae mauris mattis sed tincidunt nisi imperdiet. Duis sit amet neque diam. Aliquam aliquet molestie orci non vulputate. Maecenas non rhoncus eros. Integer auctor nisl id elit posuere mollis. Nullam iaculis mattis justo sed accumsan.

        



        Proin ut ultricies odio. Duis consequat porta leo, in dictum urna facilisis id. Quisque facilisis massa a risus sodales accumsan. Maecenas at diam odio. Proin sem ligula, ullamcorper vel convallis at, vehicula ut augue. Pellentesque euismod turpis eget metus fermentum adipiscing. Mauris nulla eros, imperdiet nec placerat eget, rutrum sed eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec tempor hendrerit porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat. Praesent faucibus ultricies scelerisque. Vivamus mi enim, tincidunt et lacinia vitae, aliquet in risus. Suspendisse sed felis magna, non facilisis dolor. Quisque rutrum, risus quis sodales porta, sem magna ullamcorper odio, dictum aliquam felis sem et risus.

        



        Aenean lacinia quam vitae leo gravida in pellentesque eros congue. Praesent sit amet eleifend mi. Sed non justo erat. Donec eleifend velit vel quam mollis tempus. Curabitur et est turpis. Etiam consectetur velit eget erat euismod tempus. Proin egestas venenatis velit ac volutpat. Sed id egestas mauris. Aliquam nulla mi, malesuada eu venenatis ac, fermentum ut eros. Ut nec consequat mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam eu magna urna, vel imperdiet sapien. Vestibulum lacinia porttitor mi, at molestie enim aliquet non. Sed rutrum, risus vel aliquam varius, nunc lectus porttitor velit, a sollicitudin magna quam et lacus. Praesent consectetur hendrerit arcu non viverra.

        



        Nam sit amet faucibus augue. Proin arcu lacus, fermentum ac tincidunt vel, porttitor id libero. Sed at arcu at metus congue scelerisque. Maecenas quis erat magna, ac tempor erat. Curabitur mollis nisl in nunc fringilla eget interdum ante ullamcorper. Etiam eget magna sit amet nunc tincidunt tempus vitae vitae ligula. Morbi iaculis nisl id libero scelerisque tempor. Morbi tincidunt, felis non congue molestie, metus enim venenatis nunc, ac sodales nibh massa eget orci. Morbi mauris lorem, auctor nec porttitor eget, interdum at tortor. Sed malesuada nibh sed enim scelerisque id tristique neque rhoncus. Nulla vulputate purus a arcu egestas ultricies.

    









"footer_container">

    "footer">

        Footer Content

Praktikabler Ersatz f�r Frames

Vampy — Tue, 15 May 2012 04:52:19 PDT

Huhu,

ich besch�ftige mich seit kurzem (wieder) mit Webentwicklung. Derzeit stehe ich vor dem konkreten Anwendungsfall, ein zweigeteiltes Seitenlayout zu erstellen. Ein Bereich soll eine Art Navigationsleiste enthalten, der andere Bereich dann die eigentlichen Informationen aus den verlinkten Seiten.

Das erste, was mir dazu in den Sinn kam, war ein Frameset. Allerdings m�chte ich mir von Anfang an das antrainieren, was man gemeinhin als "guten Stil" bezeichnet. Aus diesem Grund "beschr�nke" ich mich auf XHTML1.1 und jage jede Seite durch den HTML und CSS Validator auf der W3C Seite, bis keine Fehler und Warnungen mehr angezeigt werden.

Meine Idee w�re jetzt ein Grundger�st mit 2 DIV-Containern, die per CSS entsprechend platziert werden. Der angezeigte Inhalt des "Content"-DIV k�nnte dann ja beim Klick auf einen Link im "Navbar"-DIV per "InnerHTML" entsprechend ge�ndert werden.

W�hrend meiner Google-Suche zum Thema bin ich in entsprechenden Foren aber auch immer wieder auf Anmerkungen gesto�en, da� so eine Vorgehensweise kontra-produktiv ist, weil sie den relevanten Inhalt vor Suchmaschinen verstecken w�rde. :shock:

Ich k�nnte ja nun auch einfach einen Stapel statischer Seiten erstellen, die dann eben jeweils die Navigationsleiste und den jeweiligen Inhalt enth�lt. Bei einem Klick auf einen Link w�rde dann eben diese Seite neu geladen. Das h�tte aber den gro�en Nachteil, da� bei �nderungen der Navigationsleiste "mal eben" viele Seiten editiert werden m�ssen.

Das mu� doch irgendwie eleganter hinzukriegen sein und trotzdem der "reinen Lehre" entsprechen?

Link als Button darstellen

PaulePils — Tue, 15 May 2012 01:43:18 PDT

Hallo Leute,

ich bin gerade dabei CSS & HTML zu lernen.
In meiner Firma habe ich den Auftrag vorhandene Seiten f�r ein Portal umzugestalten (also der Optik eines anderen Kunden anzupassen...
Das hat alles gut funktioniert. Jetzt aber muss ich einen zweiten Button einbauen um auf die Hauptseite des Kunden zu kommen, also n ganz normaler Link.
Ein anderer Button ist schon auf der Seite (Login-Button). D.h. die Optik f�r den Button habe ich schon.
Trotzdem funktioniert das nicht so, wie ich will...

Was schreibe ich ihn die HTML Datei & was ist wichtig wenn ich dann in CSS weiter arbeite??

Gru�
Marco

Bildgr��e anpassen

knallkopf — Tue, 15 May 2012 00:43:43 PDT

Hallo liebe Community,

ich habe ein Problem jedoch finde ich z.B. �ber Google kein hilfreichen Ratschlag.

Ich betreibe eine Community (phpBB3) und w�rde gerne die Avatare meiner User je nach Template individuell in der Gr��e anpassen. Mir ist es m�glich im ACP eine Standartgr��e anzugeben jedoch reicht mir das nicht. Vorab, ich habe kein Zugriff auf die phpDatein bzw. Datenbank, auf Templates kann ich komplett zugreifen.

Zur Frage:

Ich kann das Profilbild meiner User mit diesen Befehl abrufen.

PHP-Code:


		
			
{postrow.POSTER_AVATAR}

Das Bild wird sodann abgerufen in der im ACP eingestellten Gr��e. Wenn ich jetzt versuche das Bild via HTML anzupassen kommt eine Fehlermeldung. Ist es mir m�glich, also z.B. mit ein bestimmten kleinen Script eine Bildanpassung trotzdem zu erm�glichen?

W�rde mich �ber Hilfe freuen:D

gru�

EDIT:

Ich habe ein Script gefunden. Jetzt ist nur die Frage ob ich es nutzen kann..

PHP-Code:


		
			
$filename = $_GET['filename'];
$width = $_GET['width'];
$height = $_GET['height'];
header('Content-type: image/jpeg');
list($width_orig, $height_orig) = getimagesize($filename);
$ratio_orig = $width_orig/$height_orig;
if ($width/$height > $ratio_orig) {
   $width = $height*$ratio_orig;
} else {
   $height = $width/$ratio_orig;
}
$image_p = imagecreatetruecolor($width, $height);
$image = imagecreatefromjpeg($filename);
imagecopyresampled($image_p, $image, 0, 0, 0, 0, $width, $height, $width_orig, $height_orig);
imagejpeg($image_p, null, 100);
?>

H�he von Bildern an Text-(DIV-)H�he anpassen

Innocentus — Mon, 14 May 2012 13:41:08 PDT

Ein DIV mit Text und mit voreingestellter maximaler Breite (max-width) wird links gefloatet, drei Bilder werden rechts davon untereinander gefloated.
Die H�he des DIVs mit Text kann je nach Viewport-Breite stark variieren, das Layout ist flexibel.

HTML-Code:

[...]



[...]

"text">

Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test



"clear:both">





"images">

"" src="/images/test1.png">


"" src="/images/test2.png">


"" src="/images/test3.png">



"clear:both">



[...]

Nun soll sich die H�he der Bilder gleichm��ig an die H�he des links nebenstehenden DIVs anpassen.
Dies ist bei dem jetzigen Code leider nicht der Fall, die Bilder nehmen die voreingestellte, maximal m�gliche H�he (max-height) und die damit verbundene Breite (width: auto) ein.

background-size (CSS3) kann aus Kompatibilit�tsgr�nden leider nicht verwendet werden.

Vielen Dank f�r eure Antworten im Voraus!
Mit freundlichen Gr��en
Inno

Fotter will nicht wie ich..

Brenner — Mon, 14 May 2012 10:49:27 PDT

Hi,
und zwar verzweifle ich an meinem footer! Er will einfach nicht �ber die gesamte breite gehen! Habe mich schon Stunden lang durch gegoogelt..aber nix scheint mir zu helfen! Des halb hoffe ich einer von euch kann mir helfen!
Hier einmal der css code!

Code:

@charset "utf-8";

/* CSS Document */

/* Hier wird Position bestimmt */

body {

                width:100%;

                min-width:1100px;

                height:100%;

                background-image:url("Bilder/hintergrund.png");

                background-repeat:repeat;

                clear:both;

                display:table;

                

}



#header {

                

                        width:100%;

                        height:100%;

                        min-width:1100px;

                        max-width:1100px;

                        min-height:130px;

                        max-height:130px;

                        text-align:left;

                        margin:0 auto;

                        font-family:Arial, Helvetica, sans-serif;

                        font-variant:normal;

                        letter-spacing:2px;

                        font-size:11px;

                        float:left;

                

                

}





#content {

                        

                        float:left;

                        width:857px;

                        height:100%;

                        min-width:857px;

                        max-width:857px;

                        text-align:left;

                        margin-left:0 auto;

                        padding-left:225px;

                        padding-right:225px;

                        padding-top:60px;

                        padding-bottom:90px;

                        clear:both;        

                        overflow:auto;        

}









#footer {

                

                        width:100%;

                        height:220px;

                        min-height:220px;

                        max-height:220px;

                        background-color:#000000;        

                        margin:0%;

                        padding:0%;

                        font-family:Arial, Helvetica, sans-serif;

                        font-variant:normal;

                        font-size:11px;        

                        

                        display:table;

        

        

                        

}





/* Hier Beginnt design header */



                        #logooben                 {

                                                        

                                                        float:left;

                                                        margin-left:242px;

                                                        margin-top:50px;

                        }

                        

                        #projekteoben        {

                                                        

                                                        float:left;

                                                        margin-left:100px;

                                                        margin-top:120px;

                                                        

                        }

                        

                        #ueberunsoben        {

                                                        

                                                        float:left;

                                                        margin-left:60px;

                                                        margin-top:120px;

                        }

                        

                        #kontaktoben        {

                                                        float:left;

                                                        margin-left:60px;

                                                        margin-top:120px;

                        }

                        

                        #gooplusoben        {

                                                        

                                                        float:left;

                                                        margin-left:150px;

                                                        margin-top:110px;

                        }

                        

                        #faceoben                {

                                                        float:left;

                                                        margin-left:15px;

                                                        margin-top:110px;

                        }

                        

                        #blaoben                {

                                                        

                                                        float:left;

                                                        margin-left:15px;

                                                        margin-top:113px;

                                                        

                        }

                                                

/* Ende Header Design */

/* Beginn Content Design */



                        .img12                         {

                                                        postion:fixed;

                                                        float:left;

                                                        margin-left:17px;

                                                        margin-bottom:17px;

                                                        margin-top:17px;

                                                        padding-left:0px;

                                                        padding-right:0px;

                                                        padding-top:0px;

                                                        padding-bottom:0px;

                        }

                        

/* Ende Content Design */

/* Beginn Footer Design */

                        

                        .unten {

                                                        color:#646464;

                                                        font-size:11px;

                        }

                        



                        #logounten                 {

                                                        

                                                        float:left;

                                                        margin-left:242px;

                                                        margin-top:90px;

                                                        

                        }

                        

                        #navigation                {

                                                        font-size:13px;

                                                        float:left;

                                                        margin-left:35px;

                                                        margin-top:30px;

                                                        color:#fefefe;

                                                        line-height:15px;

                                                        

                                                        

                        }

                        

                                                                                

                        #netzwerke                {

                                                        float:left;

                                                        margin-left:70px;

                                                        margin-top:30px;

                                                        color:#fefefe;

                                                        font-size:13px;

                                                        line-height:15px;

                                                        

                        }

                        

                        

                        #kontakt2                {

                                                        float:left;

                                                        margin-left:70px;

                                                        margin-right:90px;

                                                        margin-top:30px;

                                                        color:#fefefe;

                                                        font-size:13px;

                                                        line-height:15px;

                                                        

                        }

Und der html code:

HTML-Code:



"http://www.w3.org/1999/xhtml">



"text/html; charset=utf-8" />

</span>Unbenanntes Dokument<span style="color:#000080">

"csstest.css" rel="stylesheet" type="text/css" />









"header">



"logooben">

                                        "Bilder/logo_03.png" 

                    alt="logobunteoben" 

                    width="144" height="81" 

                    align="bottom" />





"projekteoben">

                                        PROJEKTE

 



"ueberunsoben">

                                        �BERUNS

 



"kontaktoben">

                                        KONTAKT





"gooplusoben">

                                        "Bilder/goooben.png" 

                    alt="googleplusoben2"                                                                                                  width="36" height="20" align="bottom"                                          /> 

 



"faceoben">

                                        "Bilder/faceoben.png" 

                    alt= "faceoben"                                                                                          width="35" height="20" align="bottom"                                                                          />





"blaoben">

                                        "Bilder/blaoben.png"                                                                                   width="19" height="16" alt="blaobenbla"                                                                          align="bottom" />

               













"content">

"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" alt=                                                         "bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" alt=                                                         "bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />





"img12">

                                        "Bilder/pro1.png" width="263"                                                          height="201" align="bottom" 

                    alt="bildmittefuerjava"  />











"footer">



"logounten">

                                        "Bilder/test2.png" width="198"                                                  height="49" align="bottom" 

                    alt="logountenlinks"  />





"navigation">

                                        NAVIGATION                                        

                    "unten">Unsere Projekte

                        "unten">Wer wir sind

                           "unten">Kontakt

                    "unten">Impressum

                   

                

        

"netzwerke">

                                        NETZWERKE                                        

                                "unten">Google Plus

                    "unten">Facebook

                    "unten">Qype

  

        

"kontakt2">

                                        KONTAKT                                        

                    "unten">Telefon: 04331/4373125

                    "unten">E-Mail: Kontakt@BunteBrille.de

Schonmal danke ;)

Layout Problem --> Rahmen um Seite

ilse2005 — Mon, 14 May 2012 07:22:57 PDT

Ich habe ein Problem mit dem Grundger�st meiner Seite:
Ich m�chte gerne einen Rahmen um den Inhalt ziehen.
Bisher habe ich folgendes:
Edit this Fiddle - jsFiddle

Funktioniert eigentlich recht gut, nur m�chte ich nun unten im Footerbereich einige Listen nebeneinander platzieren.
Wenn ich die Listen mit "float:left" nebeneinander setzte, zerschiesst es mir allerdings das ganze Layout:
Edit this Fiddle - jsFiddle
Wo liegt denn mein Fehler?

Danke schonmal f�r die Hilfe!

IE unterscheidet zwischen file: und http:

pixel24 — Mon, 14 May 2012 04:59:21 PDT

Hallo zusammen,

ich k�mpfe hier gerade mit einem seltsamen Effekt. Beim erstellen des Grundlayout schaue ich mir das Ergebnis immer im Chrome, Firefox und IE8 an. Hierzu habe ich die HTML-Datei ge�ffnet. Damit zwischen der unteren, fixierten Fusszeile ein Weissraum zum Content entsteht habe ich mit Hilfe des Forums dort ein Pseudo-Element positioniert (blauer Rahmen). Im FF, Chrome sieht alles gut aus und im IE (Datei ge�ffnet) ist dieses Element gar nicht sichtbar. Lade ich die Seite (ein HTML- und ein CSS- File) auf den Webserver hoch. Erscheint im IE (gleicher Browser, neuer Tab) zwar das Element aber entgegen der CSS-Einstellung fixed scrollt es nach oben mit. Ich steh gerade auf dem Schlauch??

Testcase:
Insert title here

Converter HTML -> PDF

Rico — Mon, 14 May 2012 00:13:36 PDT

Hallo

ich suche einen Converter f�r HTML-Seiten to pdf, der sich in eine Website einbinden l�sst, seitenweise .pdf generieren kann und konfigurierbar ist. Er k�nnte in php, JS, Perl, Phyton sein.

Es gibt im Web eine grosse Anzahl. Die meisten sind entweder kostenpflichtig (meist sehr teuer!) oder nur als Browserinstallationen zu haben.

Kennt jemand ein gutes, kostenloses (oder g�nstiges!) Script?

Danke

Tumblr 3 Spalten Posts direkt untereinander

kannon88 — Sun, 13 May 2012 12:38:52 PDT

Hallo!

Ich helfe zur Zeit einem Freund einen Foto Blog auf Tumblr zu gestalten.
Nun bin ich auf das Problem gesto�en, dass ich bei 3 Spalten immer eine "L�cke" bei den horizontalen Bildern habe.
Sprich Bild 1 ist ein horizontales, 2+3 sind vertikal.
Nun ist das vierte ja in der n�chsten Zeile und es f�ngt erst dort an, wo die vertikalen Bilder enden (Also Platz unter dem horizontalem)
Etwas schwer zu erkl�ren, aber hier der Link, und dann wird das Problem sichtbar sein:

Dominik Selzer

Ich m�chte also dass die Bilder der n�chsten Zeile immer direkt an das dar�ber liegende anschliessen.

Ich hoffe ihr k�nnt mir helfen :)

CSS Klassen den Elementen zuweisen oder die Eigenschaften den Elementen?

helloworld — Sun, 13 May 2012 11:12:27 PDT

Ich frage mich immer wieder, ob ich einem Element eine CSS Klasse zuweisen soll oder ob ich in einer CSS Datei den Elementen die Eigenschaften hinzuf�ge.
Bisher habe ich eher die 2. benutzt, wo kann ich Informationen zu so etwas finden, wenn ich nach CSS Klassenvergabe o.�. suche, finde ich immer nur die Syntax...

Beispiel:

Variante 1

HTML-Code:

.klasse { border-bottom: 1px solid grey; padding: 1em; }

"rightCol">



"klasse" >

"klasse" >

"klasse" >

"rightCol">

oder Variante 2

HTML-Code:

#rightCol ul li { border-bottom: 1px solid grey; padding: 1em; }

#rightCol ul li:last-child { border:none; }



"rightCol">

Background image l�sst sich nicht nach unten "schieben"

elLiLly — Sun, 13 May 2012 08:09:41 PDT

Hallo erstmal ihr lieben,

ich wei� ja gar nischt ob Sie es schon wussten, aber......

... ok Spa� beiseite ;)

Hi, ich bin neu hier, noch ziemliche CSS-Anf�ngerin und habe ein Problem:

Ich wollte auf meiner HP in der Navigation die einzelnen Men�punkte bei hover mit einem d�nnen unteren Rand mit Farbverlauf versehen. Daf�r habe ich ein Bild genommen und dieses als background-image eingef�gt mit einer Bild-H�he von 1px, erstreckt sich �ber die ganze Zeile. Ich hoffe, ihr k�nnt euch vorstellen, wie das aussehen soll in etwa. Ich habe schon alles versucht, um den Strich unter die Zeile zu bekommen, aber er ist und bleibt �ber der Schrift! :x
Wei� absolut nicht, wie ich den Strich unter die Schrift bekomme...

K�nnt ihr mir helfen und mir Tipps geben, wie ich das hinbekomme, dass der Strich endlich drunter und nicht dr�ber ist??

Hier noch der Code:

Code:

#Navigation a:hover {

        background-image: url(border_navi.png);

        background-attachement: fixed;

        background-position: left bottom;

        display: block;

        height: 1px;

        padding:0px 1px 0px 1px;

        margin:0px 0px 25px 0px;

        color:#660033;

}

Anmerkung: background-attachement und background-position haben irgendwie �berhaupt keine Auswirkung...

W�r euch furchtbar dankbar, wenn ihr mir helfen k�nnt!

elLiLly

Bilder laden nicht immer

Barodscheff — Sun, 13 May 2012 05:49:16 PDT

Hallo Leute,

ich habe ein Problem mit einem ebay template. Die Artikelbilder werden nicht immer geladen. Manchmal werden sie angezeigt, manchmal nicht. Wenn man im Code den Link rauskopiert und sich das Bild direkt anguckt, ist es vorhanden.

Die Bilder sind teilweise bei Arcor und teilweise bei google (googleusercontent) abgelegt. Kann es an Arcor oder Google liegen? Oder seht ihr grobe Fehler am Code?

Zur Auktion

Viele Gr��e.

Inhalte beim Scrollen nachladen

axelf — Sun, 13 May 2012 05:09:39 PDT

Hi,

in meinem Codebeispiel, soll eine Aktion ausgef�hrt werden, wenn die Bedingung zutrifft:

scrollPosition + windowHeight == contentHeight

also, wenn man mit dem Scrollen ganz unten angekommen ist.

Leider bekomm ich im Firefox je nach Inhalt manchmal 1 px Differenz. Evtl. reagieren ja auch andere Browser so. Im Chrome klappt alles.

Was muss ich denn noch �ndern, damit es in jedem Browser klappt? Meine einzige Idee ist von der Contenh�he noch einen Wert abzuziehen, sozusagen als Toleranz (z.B. 10px). Gibt es denn da noch eine bessere L�sung?

hier mein jetziger Code:

Code:

$(window).scroll(function(){

                        

    var scrollPosition = $(this).scrollTop(),

         windowHeight = $(this).height(),

         content = $('#content'),

         contentHeight = content.height();

                                            

    if (scrollPosition + windowHeight == contentHeight){

             // tu was

    }

})

Zum Seitenende scrollen h�rt nicht auf

luki.boy — Sun, 13 May 2012 02:17:49 PDT

Hallo liebes Forum :D

Bestimmt habe ich einen total d�hmlichen Fehler gemacht, aber da ich es mit JavaScript nicht so am Hut hab, nehmt ihn mir nicht �bel :)

Ich habe eine Seite, die (wenn auf einen Link gelickt wird) ans Seitenende scrollt. Nur, und das ist mein Problem, scrollt er immerwieder nach unten. Ich scrolle mit dem Mausrad nach oben, doch das Script f�hrt wieder zum Seitenende... Bestimmt muss ich nur sagen, dass ab einer bestimmten Stelle das Script enden soll, daf�r bin ich aber zu untalentiert... :cry:

Hier mein Code

HTML-Code:



        

                

        

        

                "scrolldown()">runter

                "3000px">

                Seitenende ist hier

Ihr k�nnt mir bestimmt helfen :D

Vielen Dank im Vorraus...
Luki.Boy

Ausrichtung Kalender

greece4u — Sun, 13 May 2012 00:40:44 PDT

Hallo an alle,

vorab, ich bin kein techniker in sachen homepage etc.
habe mir mit wordpress ne website gebaut und dort ein online buchungssystem per javascript installieren lassen.
nun ist das problem, das man den kalender nicht aufrufen kann, fuer mich sieht es so aus, als wuerde der kalender "unter" dem buchungsformular liegen, so das man nicht darauf zugreifen kann.

hier die seite:
creta-car.de

Kann mir da jemand helfen?

liebe gruesse

sabine

schr�g gestellte Links

moon-walker — Sat, 12 May 2012 05:10:20 PDT

Hallo Community,

Ich mu� eine Menge Links horizontal unterbringen. Damit die auch in einem kleinen Browserfenster Platz haben, m�chte ich sie schr�g stellen.
Dazu habe ich im Web dieses Beispiel gefunden und angepasst.

Tryit Editor v1.5

Wenn ich nun den Code auf der linken Seite hiermir ersetze

PHP-Code:


		
			
DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<style type="text/css">

#div1

    {

   position: relative;

   height: 200px;   

   margin-top: 20px;

   padding:  70px 20px;

   border: 3px dotted blue;

   }



.div2

{

    padding:5px;

    position: relative;  

    float: left; 

    /*  display: inline-block; */  

    margin-right: 10px;      

    border: 2px solid black;

    background-color: red;

    

    -ms-transform: rotate(-30deg); /* IE 9 */

    -ms-transform-origin: left bottom; /* IE 9 */



    -webkit-transform: rotate(-30deg); /* Safari and Chrome */

    -webkit-transform-origin:  left bottom;



    -moz-transform: rotate(-30deg);; /* Firefox */

    -moz-transform-origin: left bottom; /* Firefox */



    -o-transform: rotate(-30deg); /* Opera */

    -o-transform-origin: left bottom; /* Opera */



    transform: rotate(-30deg); 

    transform-origin:  left bottom;

}

style>

head>



<body>



<div id="div1">



   <div class="div2">Homediv>



   <div class="div2">Pressemitteilungendiv>



   <div class="div2">Kontaktdiv>



   <div class="div2">Dienstleistungendiv>



div>



body>

html>

und dann den Button "Edit and Click me" dr�cke, stehen alle Links schr�g nebeneinander. Es gelingt mir jedoch nicht, ihnen einen gleich gro�en Abstand zu geben.

K�nnt ihr bitte helfen?

Gru�,
moonwalker

XHTMLforum

PHP und MySQL Programm | K�nnt ja mal dr�ber schauen

Div nicht �ber Rand verschieben

Nur Elemente mit bestimmten Inhalten einbeziehen

Kann mir jemand helfen? Tabelle als html-Code

CSS Selectoren - *Parent Ersatz ohne JS*

[CSS] Divs mit float erscheinen untereinander

CSS Sprite von Link beeinflussen lassen?

Klickbox erstellen!

CSS Men� Probleme beim IE7

Marginwerte in verschiedenen Browser

Hintergrundgrafik y-repeat erst ab Position X anfangen lassen

Was haltet ihr von PHP Self???

Problem mit IFRAME: height:100% funktioniert nicht!

Anf�nger: mehrzeiliger fixed header

Praktikabler Ersatz f�r Frames

Link als Button darstellen

Bildgr��e anpassen

H�he von Bildern an Text-(DIV-)H�he anpassen

Fotter will nicht wie ich..

Layout Problem --> Rahmen um Seite

IE unterscheidet zwischen file: und http:

Converter HTML -> PDF

Tumblr 3 Spalten Posts direkt untereinander

CSS Klassen den Elementen zuweisen oder die Eigenschaften den Elementen?

Background image l�sst sich nicht nach unten "schieben"

Bilder laden nicht immer

Inhalte beim Scrollen nachladen

Zum Seitenende scrollen h�rt nicht auf

Ausrichtung Kalender

schr�g gestellte Links

CSS Selectoren - Parent Ersatz ohne JS