• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Was gibt es Schöneres als den Mai draußen in der Natur mit allen Sinnen zu genießen? Lasst uns teilhaben an Euren Erlebnissen und macht mit beim Thema des Monats Da blüht uns was! ---> Klick

Valid CSS / XHTML - ist unsere Seite ein Misthaufen?

Von Bremen

Doppelter Prinzenapfel
Registriert
02.10.04
Beiträge
438
Guten Morgen! Kannst du es jetzt noch einmal testen? Wäre ganz klasse. Vielen Dank dir.
 

Von Bremen

Doppelter Prinzenapfel
Registriert
02.10.04
Beiträge
438
Klasse. Ich bin gerade mit den letzten "Korrekturen" fertig geworden und happy. Nochmals vielen Dank für eure Hilfe und eine schöne Vorweihnachtszeit...
 

Slashwalker

Winterbanana
Registriert
15.05.06
Beiträge
2.213
So und nun machst du noch folgendes:
Code:
<script [s][COLOR=Red]language="javascript1.4"[/COLOR][/s] type="text/javascript" src="http://blog.freaks.tv/wp-content/plugins/audio-player/audio-player.js"></script>
Und das:

Code:
<body>
[s][COLOR=Red]&nbsp;[/COLOR][/s]
<div id="page">
<div id="header">
<div id="headerimg">
<h1><a href="http://blog.freaks.tv">[s][COLOR=Red]<font color="#333333" style="text-decoration: none">[/COLOR][/s]Freakbasis München[s][COLOR=Red]</font>[/COLOR][/s]</a>
</h1>
</div>
Und dann noch:
Code:
<div [s][COLOR=Red]align="left"[/COLOR][/s]>
<input type="text" value="" name="s" id="s" />
<input type="image" id="searchsubmit" name="Submit" value="Suche" src="http://blog.freaks.tv/img/suchen.png" />
</div>
Und dann das:
Code:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="1425650" />
<input type="image" src="http://blog.freaks.tv/img/piggybank.png" name="submit" alt="FreakSCHWEIN" />
<span><img alt="Pixel" [s][COLOR=Red]border="0"[/COLOR][/s] src="https://www.paypal.com/de_DE/i/scr/pixel.gif" width="1" height="1" /></span>
</form>
Und zum Schluss:
Code:
</div>
[s][COLOR=Red]<br /><br />[/COLOR][/s]
</body>
</html>
Im Header dann noch:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ändern in
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Dann hast du es geschaft, dann ist die Seite XHTML Strict ;)

Ist ja nicht mehr viel.
 

mscsnoopy

Ontario
Registriert
12.11.07
Beiträge
340
Dann hat er allerdings wieder Probleme, z.B. unten der Abatz an der Seite :)
 

Von Bremen

Doppelter Prinzenapfel
Registriert
02.10.04
Beiträge
438
So und nun machst du noch folgendes:
Code:
<script [s][COLOR=Red]language="javascript1.4"[/COLOR][/s] type="text/javascript" src="http://blog.freaks.tv/wp-content/plugins/audio-player/audio-player.js"></script>
(...)

Vielen Dank dafür! Habe alles ändern können bis auf eben dieses erste Feld: Ich habe schlicht keine Ahnung, in welchem Dokument es sich befindet...

Dann bekommt der äußerste Container eben noch ein margin-bottom ;)

Das ändere ich (wahrscheinlich) im .css? Was müsste der Wert (in etwa sein, was denkst du?)
Danke!
 

MasterofDistres

Kleiner Weinapfel
Registriert
07.12.06
Beiträge
1.139
Vielen Dank dafür! Habe alles ändern können bis auf eben dieses erste Feld: Ich habe schlicht keine Ahnung, in welchem Dokument es sich befindet...

Das dürfte mithilfe des Theme-Editors im Header (header.php) zu finden sein ;)

Das ändere ich (wahrscheinlich) im .css? Was müsste der Wert (in etwa sein, was denkst du?)
Danke!

Richtig, probier mal folgendes:

Diese Stelle suchen (Z.203)…
Code:
#page {
background-color : white;
margin : 0 auto;
[B]margin-bottom: 22px;[/B]
padding : 0;
width : 760px;
border : 1px solid #959596;
}
…und das dickgedruckte einsetzen und gleichzeitig die beiden <br /> rausnehmen.
Aber als kleine Anmerkung, falls das Theme von dir selber kommt: am besten im CSS
etwas aufräumen, für den Container #page z.B. gibt es 3. versch. Selektoren, die sich z.B. noch selbst überschreiben (können). ;)
 

Von Bremen

Doppelter Prinzenapfel
Registriert
02.10.04
Beiträge
438
Das dürfte mithilfe des Theme-Editors im Header (header.php) zu finden sein ;)



Richtig, probier mal folgendes:

Diese Stelle suchen (Z.203)…
Code:
#page {
background-color : white;
margin : 0 auto;
[B]margin-bottom: 22px;[/B]
padding : 0;
width : 760px;
border : 1px solid #959596;
}
…und das dickgedruckte einsetzen und gleichzeitig die beiden <br /> rausnehmen.
Aber als kleine Anmerkung, falls das Theme von dir selber kommt: am besten im CSS
etwas aufräumen, für den Container #page z.B. gibt es 3. versch. Selektoren, die sich z.B. noch selbst überschreiben (können). ;)

Klasse, die margin-bottom - Idee war klasse, es sieht GENIAL aus, viel besser als diese <br /> - Geschichte. Danke dafür. Das Javascript-Problem (bezieht sich auf das Audioplayer-Plugin) ist nicht im Header (und auch sonst nicht in Theme-Dateien) zu finden, das wird noch knifflig...

Was genau würdest du im Stylesheet ändern?
 

MasterofDistres

Kleiner Weinapfel
Registriert
07.12.06
Beiträge
1.139
Klasse, die margin-bottom - Idee war klasse, es sieht GENIAL aus, viel besser als diese <br /> - Geschichte. Danke dafür. Das Javascript-Problem (bezieht sich auf das Audioplayer-Plugin) ist nicht im Header (und auch sonst nicht in Theme-Dateien) zu finden, das wird noch knifflig...

Was genau würdest du im Stylesheet ändern?

Gerne ;) Also die Einbettung des Scriptes erfolgt am Ende des „HEAD“, aber ich vermute mal, dass es wegen des folgenden Code-Schnipsels dazu kommt, dass Links zu Stylesheets und Scripts für die benötigten Plugins eingebaut werden.

Code:
<?php wp_head(); ?>

Hab das bei meinem Theme so gelöst, dass ich geguckt habe, was die versch. Plugins für CSS/JS-Dateien benötigen, die Links kopiert, manuell eingefügt in den HEAD und anschließend das Schnipsel entfernt -> Valid ;)

Zum CSS: Ich würde erstmal allg. Ordnung reinbringen, sprich:
- allgemeine Deklarierungen (body, hr, acronym, a etc.) nach oben
- dann anhand des HTML-Gerüsts weiter vorgehen (
/* WRAP */ <-- alles dafür darein
/* NAVI */ etc.
und v.a. Selektoren nicht unbedingt doppelt verwenden, z.B.
hast du für den Container #page 3. versch. Selektoren,
die sich aufgrund ihrer Reihenfolge selber überschreiben
(3 versch. Hintergründe, einmal border ja, dann border nein…etc) ;)

Code:
#page {
background-color : #dbdbdb;
border : 1px solid #959596;
text-align : left;
}

Code:
#page {
background-color : white;
margin : 0 auto;
padding : 0;
margin-bottom: 22px;
width : 760px;
border : 1px solid #959596;
}

Code:
#page {
background : url("http://blog.freaks.tv/wp-content/themes/freakbasis-weihnachten/images/freakbasis_bg.jpg") repeat-y top;
border : none;
}