http://www.bauwerk4d.de

discuss about sites that are just under construction or where experimental stuff is used
Post Reply
User avatar
G-Punkt
Posts: 166
Joined: Wed 28. Nov 2007, 16:31
Location: Stadt Creußen
Contact:

http://www.bauwerk4d.de

Post by G-Punkt »

site under constuction oder auch WIP (work in progress)

bauwerk.4d

Einige wichtige Inhaltselemente fehlen noch:
- die Quellennachweise der Bilder
- die Projekte / Referenzen (das ist noch ne umfangreiche und knotige G'schichte)
- div. Tätigkeitsfelder wie bspw. Thermografie
- fast alle vorhandenen Texte müssen noch erweitert/ergänzt/ausgewechselt und was-weiß-ich werden
- ...

Grüße
Michael
--------------------------------------------------
Tschuldigung, wo finde ich die Suchfunktion?
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Re: http://www.bauwerk4d.de

Post by Jensensen »

Hallo Michael,

sehr ordentlich, wie ich finde.

Unter "Kontakt" würde ich noch die png/ttf's in
/template/inc_captcha/ farblich anpassen und entsprechend ändern in: /include/inc_ext/SOLMETRA_FormValidator/SPAF_FormValidator.class.php

Unter "Kundenbereich":
Was ist/bedeutet "GZIP Kompression ist erlaubt"?
Was macht der "Invision Power File Manager"?
Wie kommt der auf die Seite, wie hast Du den (warum) eingebaut?

PNG: schaut das alles auch im IE6 so gut aus?

Anstelle "titel-2.png" mit Transparenz könntest Du womöglich auch den #header absolut positionieren innerhalb #extra mit:
{
position: absolute;
width: 100%;
top: 0px;
left: 0px;
height: XYpx oder sonst wie;
display: block;
background-color: #333;
opacity: 0.5;
}
aber klappt ja auch so, wie es ist, prima.
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
User avatar
G-Punkt
Posts: 166
Joined: Wed 28. Nov 2007, 16:31
Location: Stadt Creußen
Contact:

Re: http://www.bauwerk4d.de

Post by G-Punkt »

Jensensen wrote: Unter "Kontakt" würde ich noch die png/ttf's in
/template/inc_captcha/ farblich anpassen und entsprechend ändern in: /include/inc_ext/SOLMETRA_FormValidator/SPAF_FormValidator.class.php
Du meinst, das CAPTCHA-Teil eingrauen? Gute Idee, DONE...
Jensensen wrote: Unter "Kundenbereich":
Was ist/bedeutet "GZIP Kompression ist erlaubt"?
Ich denke mal, das serverseitig die Option "Kompression" für Up- und Download gestattet ist. Habs noch nie benutzt, muß ich mal testen.
Jensensen wrote: Was macht der "Invision Power File Manager"?
Wie kommt der auf die Seite, wie hast Du den (warum) eingebaut?
Das ist ein Dateimanager mit Usermanagment, der den Kunden die Möglichkeit bietet, sehr komfortabel eigene Dateien (Bilder, Texte, Pläne) hochzuladen und auch die vom Büro fertig gestellten Pläne/Skizzen/Entwürfe usw.pp. zu saugen.
Ich hatte das aus einem anderen (eigenen) Projekt erst einmal übernommen. Ich habe mich noch nicht drum gekümmert, inwieweit eine Up/Downloadmöglichkeit mit PHPwcms-Bordmittel zu realisieren ist.
Jensensen wrote: PNG: schaut das alles auch im IE6 so gut aus?
Fast...
Was noch nicht so optimal ist, sind die Positionen und Dimensionen einzelner Elemente (-> bspw. der Los-Knopf der Suche)
Jensensen wrote: Anstelle "titel-2.png" mit Transparenz könntest Du womöglich auch den #header absolut positionieren innerhalb #extra mit:
{
position: absolute;
width: 100%;
top: 0px;
left: 0px;
height: XYpx oder sonst wie;
display: block;
background-color: #333;
opacity: 0.5;
}
aber klappt ja auch so, wie es ist, prima.
Das schau' ich mir noch genauer an... da bin ich nämlich noch nicht ganz fertig und/oder zufrieden.

Dank für Deine Infos/Kritiken/Ideen

Grüße
Michael
--------------------------------------------------
Tschuldigung, wo finde ich die Suchfunktion?
User avatar
Rainer G
Posts: 377
Joined: Wed 16. Feb 2005, 10:26
Location: Hannover - Germany
Contact:

Re: http://www.bauwerk4d.de

Post by Rainer G »

Das Menü rechts oben ist durch die Hintergrundgrafik nicht sehr deutlich zu erkennen. Sollte sich mehr absetzen.
User avatar
G-Punkt
Posts: 166
Joined: Wed 28. Nov 2007, 16:31
Location: Stadt Creußen
Contact:

Re: http://www.bauwerk4d.de

Post by G-Punkt »

Rainer G wrote:Das Menü rechts oben ist durch die Hintergrundgrafik nicht sehr deutlich zu erkennen. Sollte sich mehr absetzen.
Dieses Menü sollte eher "unscheinbar" oder "unaufdringlich" wirken, aber:
Ja, das ist einer der kleinen Baustellen.
Genau dort klappt's mit der png-Transparenz im IE6 nicht, dort schauts nämlich komplett anders aus.
Bin schon drüber... doch eigentlich nur, um zu verstehen, warum ich das nicht so steuern kann wie ich will. Irgendwas habe ich da noch nicht recht verstanden.
Ich würde fast wetten, dass nach einer Codebereinigung der beteiligten CSSe der Groschen fallen wird.

Aber ein klein wenig mehr Deutlichkeit... hmmmm... wäre sicher nicht falsch. Ich mach' mich drüber.

Danke
--------------------------------------------------
Tschuldigung, wo finde ich die Suchfunktion?
User avatar
juergen
Moderator
Posts: 4556
Joined: Mon 10. Jan 2005, 18:10
Location: Weinheim
Contact:

Re: http://www.bauwerk4d.de

Post by juergen »

Architekten....

Das fatale an dem Hintergrund ist, dass das Gerüst falsch aufgebaut ist... das kannst DU aber nicht ändern.
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: http://www.bauwerk4d.de

Post by update »

Da das mit phpwcms mitgelieferte htc-file nur die mit <img src=".... eingebundenen alpha-transparenten PNGs auf "quasi-transparent" umwürgt, nicht jedoch die mit css eingebauten Hintergrundbilder, schafft Folgendes hier Abhilfe (sollte in einem Extra-Stylesheet liegen und per Conditional Comment dann dem IE < 7 geliefert werden):

Code: Select all

.graystripe {
	background-image:none; /*erst mal den Hintergrund ausknipsen*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../website/graystripe-trans.png', sizingMethod='crop'); /*oder sizingMethod='scale' zb in Deinem Fall auch mal testen*/
	/*falls andere abweichende Formatierungen gebraucht werden*/
	height: 20px;
	width: auto;
}
Das Hintergrundbild muss (und kann) in diesem Fall nicht positioniert werden, da der IE daraus etwas wahrhaft undefinierbar monströses macht, das sich weiterer Kontrollen entzieht. :lol:
Ich habe bisher nicht ausprobiert, wie das mit den Hover-Zuständen funktioniert, aber das könntest Du ja berichten, falls Du diese proprietäre IE-Anweisung einsetzt (deshalb auch das Extra-Stylesheet, damit's valide bleibt) ;)

Happy transparenting :)

EDIT: vergessen: vermutlich musst Du dann für die darüber liegenden Links ein

Code: Select all

.graystripe a {position:relative;}
oder so einsetzen, andernfalls könnten die Links "unclickable" werden - werden vom Monstrum gefressen :lol:
Last edited by update on Sun 13. Jul 2008, 14:33, edited 1 time in total.
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: http://www.bauwerk4d.de

Post by update »

...and while we're at it ;)
Result: 0 errors / 4 warnings

line 99 column 6 - Warning: <style> isn't allowed in <div> elements
line 99 column 1 - Info: <div> previously mentioned
line 72 column 40 - Warning: <img> attribute "width" has invalid value "181px"
line 72 column 40 - Warning: <img> attribute "height" has invalid value "68px"
line 99 column 1 - Warning: trimming empty <div>
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
nora0355
Posts: 101
Joined: Mon 16. Oct 2006, 21:00

Re: http://www.bauwerk4d.de

Post by nora0355 »

Hallo Michael.

die Links funktionieren auch nicht. Sieht so aus: "http://www.bauwerk4d.de/www.bafa.de"

Der Link zum Invision Power File Manager funktioniert auch nicht.


Gruß Rainer
User avatar
G-Punkt
Posts: 166
Joined: Wed 28. Nov 2007, 16:31
Location: Stadt Creußen
Contact:

Re: http://www.bauwerk4d.de

Post by G-Punkt »

@Claus:
GENAU, GENAU, es war farblich mal alles so, wie es sein sollte (auch im IE6) nur ließen sich die Links nicht mehr anklicken :?
Also alles umgebaut und rumgefummelt und getrickst, was FF und Firebug so hergegeben haben. Das da die Sauberkeit auf der Strecke geblieben ist... war ja klar!
Aber ich gebe mich erst zufrieden, wenn alles funktioniert (also in 100 Jahren ungefähr...)
Das betrifft auch die Warnungen; hatte die Site schon mal komplett grün, d.h. valide

@Rainer:
Jepp, habe ich dann auch entdeckt und war einigermaßen erstaunt. Habe herausgefunden, das die Links in der Linkliste zwingend mit http:// beginnen müssen...

Danke euch allen

Grüße
Michael, der sich jetzt um die Conditional Comments kümmern wird...
--------------------------------------------------
Tschuldigung, wo finde ich die Suchfunktion?
User avatar
G-Punkt
Posts: 166
Joined: Wed 28. Nov 2007, 16:31
Location: Stadt Creußen
Contact:

Re: http://www.bauwerk4d.de

Post by G-Punkt »

So, nach diverser Neupositionierung, -relativierung, -absolutierung -conditionierung und Transparenz-wech-aus-Buttons dürfte auch der IE nix mehr zu meckern haben.

Laut http://validator.w3.org gibts nur noch einen (1) Fehler... den bekomm' ich auch noch weg.
Aber warum? Stört doch nicht.
--------------------------------------------------
Tschuldigung, wo finde ich die Suchfunktion?
User avatar
kukki
Posts: 1707
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

Re: http://www.bauwerk4d.de

Post by kukki »

Natürlich stört das nicht, aber ich versuche solche Fehlerchen immer auszubügeln. Eine konforme Seite ist immer ein gutes Argument für PR! :mrgreen:
Zeile 85 Zeichen 1 - Warnung: <style> ist in <div> Elementen nicht erlaubt
Zeile 58 Zeichen 40 - Warnung: Element <img>: Attribut "width" hat ungültigen Wert "181px"
Zeile 58 Zeichen 40 - Warnung: Element <img>: Attribut "height" hat ungültigen Wert "68px"
Zeile 85 Zeichen 1 - Warnung: Leeres Element <div> anpassen/löschen

0 Fehler / 4 Warnungen
Die wirst Du doch wegkriegen, oder?
Viel schlimmer fällt die CSS-Validierung aus, da mußt Du noch mal ran, um die Seite konform zu kriegen. :roll: Anbei die Basis, der Rest wäre dann anzupassen:
Ihr validiertes Cascading Style Sheet:

Code: Select all

.nlu_navi1 {
margin : 0;
text-decoration : none;
font : normal normal 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
width : 165px;
}
.nlu_navi1 em {
font-style : normal;
}
.nlu_navi1 ul {
margin : 0;
margin-bottom : 5px;
padding : 0;
border : 0;
list-style : none;
width : 160px;
}
.nlu_navi1 ul li {
position : relative;
}
.nlu_navi1 ul li a, .nlu_navi1 ul li a:link, .nlu_navi1 ul li a:visited, .nlu_navi1 ul li a:active {
display : block;
text-decoration : none;
text-transform : none;
color : #3a3931;
background : #cacaca;
padding : 1px 0 0 5px;
width : 155px;
width : 155px;
border : 1px solid;
margin-bottom : 5px;
}
.nlu_navi1 ul li.active a, .nlu_navi1 ul li.active a:link, .nlu_navi1 ul li.active a:visited, .nlu_navi1 ul li.active a:active {
color : #111;
font-weight : bold;
background : #ddd;
margin-bottom : 5px;
}
.nlu_navi1 ul li a:hover, .nlu_navi1 ul li.active a:hover {
color : white;
background : #5d5d5d;
font-weight : bold;
}
.nlu_navi1 ul ul li.sub_no a, .nlu_navi1 ul ul li.sub_no a:link, .nlu_navi1 ul ul li.sub_no a:visited, .nlu_navi1 ul ul li.sub_no a:active, .nlu_navi1 ul ul li.sub_ul a, .nlu_navi1 ul ul li.sub_ul a:link, .nlu_navi1 ul ul li.sub_ul a:visited, .nlu_navi1 ul ul li.sub_ul a:active {
display : block;
text-decoration : none;
text-transform : none;
font-weight : normal;
color : #5d5d5d;
background : #f1f1f1;
padding : 1px 0 0 5px;
margin-left : 5px;
margin-bottom : 1px;
width : 150px;
width : 150px;
border : 1px solid;
}
.nlu_navi1 ul ul li.active a, .nlu_navi1 ul ul li.active a:link, .nlu_navi1 ul ul li.active a:visited, .nlu_navi1 ul ul li.active a:active {
color : #fff;
font-weight : bold;
background : #5d5d5d;
}
.nlu_navi1 ul ul li a:hover, .nlu_navi1 ul ul li.sub_no a:hover, .nlu_navi1 ul ul li.sub_ul a:hover, .nlu_navi1 ul ul li.active a:hover {
color : white;
background : #979797;
}
.nlu_navi1 ul ul ul li.sub_no a, .nlu_navi1 ul ul ul li.sub_no a:link, .nlu_navi1 ul ul ul li.sub_no a:visited, .nlu_navi1 ul ul ul li.sub_no a:active, .nlu_navi1 ul ul ul li.sub_ul a, .nlu_navi1 ul ul ul li.sub_ul a:link, .nlu_navi1 ul ul ul li.sub_ul a:visited, .nlu_navi1 ul ul ul li.sub_ul a:active {
display : block;
text-decoration : none;
text-transform : none;
font-weight : normal;
color : #ffffff;
background : #98bce0;
padding : 1px 0 0 30px;
width : 150px;
width : 150px;
border : 0;
border-bottom : 1px solid #ccc;
}
.nlu_navi1 ul ul ul li.active a, .nlu_navi1 ul ul ul li.active a:link, .nlu_navi1 ul ul ul li.active a:visited, .nlu_navi1 ul ul ul li.active a:active {
color : white;
font-weight : bold;
background : #004f95;
}
.nlu_navi1 ul ul ul li a:hover, .nlu_navi1 ul ul ul li.sub_no a:hover, .nlu_navi1 ul ul ul li.sub_ul a:hover, .nlu_navi1 ul ul ul li.active a:hover {
color : white;
background : #979797;
}
* html .nlu_navi1 ul li {
float : left;
height : 1%;
}
* html .nlu_navi1 ul li a {
height : 1%;
}
#extra_button {
text-decoration : none;
color : #f1f1f1;
height : 17px;
background-image : url(../inc_bw4d/neu-4.png);
padding-top : 3px;
padding-left : 5px;
}
#extra_button a, a:link, a:visited {
text-decoration : none;
color : #f1f1f1;
}
#extra_button a:hover {
text-decoration : none;
color : #f1f1f1;
}
div.slider {
margin : 0 auto 0 auto;
padding : 5px 0 0 0;
background-color : #f0f0f0;
overflow : hidden;
width : 454px;
position : relative;
height : 100px;
}
div.slider div.inner {
margin : 0;
padding : 0;
list-style : none;
height : 141px;
width : 5000px;
position : absolute;
left : 0;
top : 5px;
}
div.slider div.inner a {
border : 3px solid #ffffff;
padding : 0;
float : left;
background-color : #000000;
margin : 0 10px 0 0;
}
div.slider div.inner a:hover {
border : 3px solid #fff;
}
div.slider div.inner a img {
width : 100px;
}
html, body {
width : 99%;
height : 99%;
margin : 10px 0 10px 0;
background-image : url(../inc_bw4d/bg1.gif);
background-color : #ccc;
font : normal normal 11px/19px Arial, Geneva, Verdana, Helvetica, sans-serif;
text-align : justify;
font-size : 87%;
}
#container-border {
width : 702px;
margin : 0 auto 0 auto;
background-color : #ccc;
border : 10px solid #979797;
}
#header {
height : 68px;
width : 696px;
position : relative;
float : left;
background-image : url(../inc_bw4d/titel-2.png);
background-repeat : repeat;
border-bottom : 1px solid #979797;
font-size : 27px;
font-weight : bold;
letter-spacing : 6px;
text-align : left;
padding-left : 6px;
padding-top : 0;
}
#header_text {
width : 250px;
height : 58px;
padding : 10px 0 0 6px;
float : left;
clear : both;
}
.header_bigText {
width : 450px;
color : #979797;
font-size : 27px;
font-weight : bold;
letter-spacing : 6px;
text-align : left;
padding-left : 6px;
padding-top : 17px;
}
.header_smallText {
width : 450px;
color : #dcdcdc;
font-size : 12px;
font-weight : bold;
letter-spacing : 4px;
text-align : left;
padding-left : 9px;
}
#logo {
background-image : url(../inc_bw4d/titel-2.png);
width : 180px;
height : 68px;
margin-left : 10px;
background-position : center 0%;
float : right;
}
#content_navi {
width : 702px;
background-image : url(../inc_bw4d/content.png);
}
#navigation {
width : 171px;
margin-top : 12px;
padding-top : 23px;
float : right;
text-align : left;
}
#extra {
width : 702px;
height : 264px;
}
#extra_navi {
width : 180px;
height : 195px;
float : right;
padding-top : 0;
background : url(../inc_bw4d/extranavibg.png);
text-align : left;
}
#extra_navi #extra_button a {
text-transform : uppercase;
}
#breadcrumb_search {
height : 26px;
width : 702px;
background-color : #dcdcdc;
float : left;
}
#breadcrumb {
width : 508px;
height : 21px;
float : left;
text-align : left;
padding-left : 14px;
color : #979797;
padding-top : 3px;
border-top : 1px solid #adadad;
border-bottom : 1px solid #adadad;
}
#search_form_top {
float : left;
margin-top : -2px;
margin-left : -6px;
}
#search_input_field_left {
float : left;
margin : 1px 1px 1px 9px;
width : 114px;
height : 18px;
background-color : #ccc;
border : 1px solid #3a3931;
}
#search_submit_button {
width : 41px;
height : 22px;
background-color : #ccc;
border : 1px solid;
margin : 1px 0 0 3px;
float : left;
}
#search_form {
float : right;
width : 180px;
height : 24px;
background-color : #dcdcdc;
border-top : 1px solid #adadad;
border-bottom : 1px solid #adadad;
padding-bottom : 0;
}
.formSearch {
margin : 0 1px 1px 1px;
width : 140px;
height : 15px;
}
.phpwcmsSearchResult {
margin : 15px;
}
.phpwcmsSearchResult h3 {
margin : 10px 0 1px 0;
font-size : 12px;
font-weight : bold;
}
.phpwcmsSearchResult p {
margin : 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
background-color : #ffff00;
font-style : inherit;
}
.phpwcmsSearchNextPrev {
text-align : center;
font-size : 12px;
font-weight : bold;
}
#footer {
background-image : url(../inc_bw4d/content.png);
height : 44px;
width : 702px;
font-size : 90%;
color : #f4f4f4;
text-align : center;
clear : both;
}
.footer_text {
background-image : url(../inc_bw4d/titel-2.png);
width : 522px;
height : 40px;
margin-top : 4px;
float : left;
line-height : 170%;
}
.footer_akt {
background-image : url(../inc_bw4d/titel-2.png);
float : right;
width : 180px;
height : 40px;
margin-top : 4px;
line-height : 360%;
}
.clear {
clear : both;
width : 10px;
float : right;
}
#left_top {
width : 520px;
float : left;
}
#right_top {
width : 180px;
float : right;
}
.extra_line {
height : 2px;
}
#MODfir37 {
border : 3px solid #cbbdad;
}
#MODfir39 {
border : 3px solid #cbbdad;
}
#MODfir41 {
border : 3px solid #cbbdad;
}
.div_teaser {
border : 1px solid #666666;
margin-left : auto;
margin-right : auto;
margin-top : 0;
width : 90%;
font-family : Arial, Helvetica, sans-serif;
}
.div_teaserueberschrift {
padding-right : 5px;
padding-left : 5px;
top : -10px;
background-color : #f0f0f0;
display : inline;
position : relative;
left : 15px;
font-size : 14px;
font-weight : bold;
}
.div_teaserinhalt {
font : normal normal 12px/19px Arial, Geneva, Verdana, Helvetica, sans-serif;
padding-left : 15px;
padding-right : 15px;
top : 10px;
padding-bottom : 15px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:focus {
color : #f0f0f0;
text-decoration : underline;
font-family : Arial, Helvetica, sans-serif;
}
#footer a:hover {
color : #f0f0f0;
text-decoration : underline;
font-weight : bold;
letter-spacing : 0;
}
#content a, #content a:link, #content a:visited, #content a:active, #content a:focus {
color : #979797;
text-decoration : underline;
font-family : Arial, Helvetica, sans-serif;
}
#content a:hover {
color : #000;
text-decoration : underline;
}
.shadow {
border : 2px solid silver;
font : 10pt arial;
position : relative;
display : inline;
background : white;
z-index : 100;
}
.shadow_inner {
overflow : hidden;
position : absolute;
top : -1000px;
z-index : 10;
}
#vcss_menu {
font : normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#vcss_menu em {
font-style : normal;
}
#vcss_menu ul {
margin-left : 9px;
padding : 0;
list-style : none;
width : 162px;
}
#vcss_menu ul li {
position : relative;
}
#vcss_menu li ul {
position : absolute;
left : 180px;
top : 0;
display : none;
}
#vcss_menu ul li a, #vcss_menu ul li a:link, #vcss_menu ul li a:visited, #vcss_menu ul li a:active {
display : block;
text-decoration : none;
color : #777777;
background-image : url(../../inc_bw4d/extranavibg2.png);
padding : 3px;
border : 1px solid #cccccc;
margin-top : 3px;
margin-bottom : 0;
}
#vcss_menu ul li a:hover {
background : #f0f8ff;
color : #191970;
}
* html #vcss_menu ul li {
float : left;
height : 1%;
}
* html #vcss_menu ul li a {
height : 1%;
}
.static_menu {
margin : 6px 0 0 0;
font : normal normal 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.static_menu a, .static_menu a:link, .static_menu a:visited, .static_menu a:active {
display : block;
text-decoration : none;
text-transform : none;
color : #eee;
background : #979797;
background-image : url(../inc_bw4d/titel-2.png);
margin-left : 8px;
padding : 1px 0 0 5px;
width : 155px;
width : 155px;
height : 19px;
border : 1px solid #3a3931;
margin-bottom : 4px;
}
.static_menu a:hover {
color : white;
font-weight : bold;
background : #979797;
}
#formular {
margin-left : auto;
margin-right : auto;
color : #656565;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
}
#formular .clear {
clear : both;
height : 10px;
width : 100%;
float : left;
}
.formular_left {
float : left;
width : 49%;
height : 42px;
}
.formular_right {
float : right;
width : 49%;
height : 42px;
}
.formspacer {
margin : 5px;
}
#Anrede {
color : #656565;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
width : 120px;
height : 22px;
margin-top : 0;
background-color : #ccc;
border : 1px solid #f4f4f4;
}
#Nachname, #Plz, #Ort, #Telefon, #Email {
color : #656565;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
width : 120px;
height : 20px;
background-color : #ccc;
border : 1px solid #f4f4f4;
}
#phpwcmsForm26 {
width : 426px;
margin : 3px auto 0 auto;
padding : 10px 10px 45px 15px;
border : 1px solid #666;
}
#accordion {
width : 480px;
background : #f1f1f1;
padding : 0;
margin : -17px 0 0 24px;
}
.accordion_content {
background-color : #f1f1f1;
border-right : 1px solid #ccc;
border-bottom : 1px solid #c6c6c6;
border-left : 1px solid #ccc;
padding : 1px 10px 5px 10px;
margin : 0 30px 0 5px;
}
.element p {
margin : 0;
padding : 5px;
}
.toggler {
font-weight : bold;
display : block;
width : 454px;
cursor : pointer;
height : 23px;
background : #f0f0f0 url(../../inc_bw4d/tabs.png) no-repeat 0 0;
vertical-align : middle;
border-bottom : 5px solid #f0f0f0;
margin-left : 1px;
}
.toggler div {
margin-left : 5px;
position : relative;
}
.toggler div span {
margin-left : 5px;
line-height : 25px !important ;
line-height : 20px;
}
.togglerHover {
display : block;
width : 454px;
font-weight : bold;
cursor : pointer;
height : 23px;
background : #d9d9d9 url(../../inc_bw4d/tabs.png) no-repeat 0 -24px;
vertical-align : middle;
border-bottom : 5px solid #f0f0f0;
margin-left : 1px;
}
.togglerHover div {
margin-left : 15px;
position : relative;
}
.togglerHover div span {
margin-left : 5px;
line-height : 25px !important ;
line-height : 20px;
}
#extra {
width : 702px;
height : 264px;
background-image : url(top_grafik.jpg);
float : left;
background-position : bottom 0%;
}
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.9.34-R554
kukki's SpIeLwIeSe V.1.9.33 R553 responsive
User avatar
G-Punkt
Posts: 166
Joined: Wed 28. Nov 2007, 16:31
Location: Stadt Creußen
Contact:

Re: http://www.bauwerk4d.de

Post by G-Punkt »

Sicher ist es erstrebenswert, das eine Website 100% valide ist. Neben den Gründen, die Du angeführt hast, spielt wohl auch ein gewisser sportlicher Ergeiz eine Rolle :-)
Es ist ja eigentlich nicht schwer, fehlerfreie Sites zu bauen. Nur... jeder hat so seine eigene Vorgehensweise.
Die eine Gruppe kennt sämtliche CSS-Anweisungen plus der Parameter und inkl. des zu erwartenden Verhaltens in ALLEN Browsern.
Ich gehöre zu der anderen Gruppe. Zu derjenigen, die am lebenden Objekt operieren und experimentieren und in der Livevorschau zusehen, was dann mit diesem oder jenem Wert passiert oder wie das eine Style ein anderes wie beeinflußt. Da bleiben immer ne Menge Leichenteile übrig, die zwar nicht stören oder das Ergebniss sichtbar negativ zermerpfeln... aber handwerklich??? Hmmmm, tja (wie mein Freund Tom zu sagen pflegt)... handwerklich ist das Ergebnis eher ne Katastrophe!

So, jetzt gehe ich aufräumen und mache die Site 100% valide/konform...

Grüße
Michael
--------------------------------------------------
Tschuldigung, wo finde ich die Suchfunktion?
Post Reply