Du bist hier: Seitenreport    Forum    Web-Entwicklung    (X)HTML & CSS    3 Spaghettis mit border:"0"

3 Spaghettis mit border:"0"

Verfasst am: 30. 07. 2010 [13:31]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

Hallo Heiko

Du bist nicht der einzige der ihn vermisst.

Aber mir wäre an dieser Stelle lieber als eine kompetente Antwort dazu von ihm überhaupt mal wieder was von ihm zu hören.

Für mich war an der Stelle wichtig überhaupt mal festzuhalten das border in CSS zu ungewöhnlichen Ergebnissen führen kann.

Gruß
Jörg

 
Verfasst am: 30. 07. 2010 [13:35]
Ultima
Dabei seit: 09.07.2010

759 Beiträge
Beitrag hilfreich?

joerg schrieb:

...
Alle drei Varianten none, 0, 0px haben keinen Rand. Wenn ich 0px angebe macht der CSS Validator daraus 0. Gibt aber keine Warnungen aus.


Das alle drei Varianten funktionieren hatte wir schon geklärt.
Siehe den Post von Raptor.

joerg schrieb:

Wenn ich
img{border:2;} angebe habe ich einen Rand auch wenn ich das mit none ergänze.
Bei img{border:2px;} existiert kein Rand.


img {border:2}
Nun ja was 2? Äpfel, Birnen oder Melonen?
Das das zu ein Fehler führt ist klar.
Die Fehler Konsole des FF:
"Warnung: Fehler beim Verarbeiten des Wertes für 'border'. Deklaration ignoriert."

img {border: 2px}
Geht auch nicht, der Syntax ist
border: width style color;
es darf einer dieser Werte fehlen aber nicht 2.


Gruß Thomas

 
Verfasst am: 30. 07. 2010 [15:18]
romacron
Dabei seit: 01.11.2009

1143 Beiträge
Beitrag hilfreich?

Warum machst du nicht einfach:

.element {
border:solid 1px #ffffff;
}

aus die Maus und alles gut. so wirds auch gemacht
 
Verfasst am: 31. 07. 2010 [00:45]
der_booker
Dabei seit: 11.06.2009

2887 Beiträge
Beitrag hilfreich?

romacron schrieb:

Warum machst du nicht einfach:

.element {
border:solid 1px #ffffff;
}

aus die Maus und alles gut. so wirds auch gemacht


Das stimmt, es sollten stets alle Werte definiert werden, außer der Rahmen ist 0. Mit border:2px kommen wir jedoch nicht weit. Die Farbe und der Rahmentyp müssen angegeben werden.

Heiko Jendreck
personal helpdesk & webdesign
http://www.phw-jendreck.de
http://www.seo-labor.com
 
Verfasst am: 31. 07. 2010 [13:02]
hansen
Dabei seit: 18.05.2009

1425 Beiträge
Beitrag hilfreich?

Wenn Ihr den ersten Beitrag noch einmal anschaut, dann werdet Ihr merken, dass der Threadersteller keinen Rahmen haben wollte.
Der Rest hat eigentlich nichts mehr damit zu tun.

hansen


 
Verfasst am: 25. 11. 2010 [14:04]
Gelöschter Benutzer
Beitrag hilfreich?

Hallo zusammen ich bin noch ziemlich neu hier icon_smile.gif

kann mir jemand mal ein beispiel geben wie ich bei mir die spaghettis vernichte und wo der fehler liegt.. es sind 15..

www.crystallized-things.ch

da muss ich noch schlau werden.. icon_biggrin.gif

MFG
 
Verfasst am: 25. 11. 2010 [15:54]
masa8
Dabei seit: 22.10.2009

946 Beiträge
Beitrag hilfreich?

Hallo Andreas,

bei einigen Bildern ist ein border="0" mit angegeben. Das zählt zu den Nudeln.

Bei:
<div class="teaserelement" style="width: 235px;">
Das style=... sollte in die CSS

Ziemlich am Ende des Quelltextes ist noch eine überflüssige Tabelle drin:
<table cellpadding="0" cellspacing="0" class="completewidth"></table>

Das mal als ein paar Anregungen

Gruß Matthias

Mein Blog über Wordpress, SEO, interne Verlinkung und mehr
alles-mit-links
BLACKINK Webkatalog - "Liftime" Eintrag 259,- € zzgl. MwSt.
 
Verfasst am: 25. 11. 2010 [22:25]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

Hallo Matthias

Genauer gesagt sind erst mal die beiden Attribute (cellpadding="0" cellspacing="0") in dem Tabellen Element durch CSS ersetzbar. Und gelten in diesem Fall als Sphaghetti Code.

Du hast zwar damit recht das Andreas an dieser Stelle nicht unbedingt eine Tabelle braucht.
fieldset wäre wohl die richtige Wahl um die Tabelle zu ersetzen. Oder wolltest du etwa auf einen Div Container herraus. Der wäre an der Stelle wahrscheinlich genauso überflüssig.

@Andreas Spaghetti Code ist alles was man anders besser darstellen kann, In deinem Fall betrifft es viele Attribute die man komplett ins CSS auslagern kann.

Die border Attribute kannst du durch CSS ersetzen indem du im CSS

CSS
img{border:none;}
angibst.

Der einfachste Weg die style Attribute ins CSS zu verschieben ist eine Angabe eines class oder id Attributes stattdessen. Diese Attribute musst du dann im CSS wieder ansprechen.

Jepp mit dem Satz das du dir noch mehr Wissen aneignen solltest hast du recht.
Ohne bessere CSS Kenntnisse wirst du an dieser Stelle nicht weiterkommen.
Die Seite brauchst du zwar zuerst aber du solltest dir besser den ganzen Workshop erstmal zu Gemüte führen.
http://www.css4you.de/wscss/css03.html

Um jetzt erstmal auf die Schnelle festzustellen woran es hapert. Unter Code Analyse findest du die Zeilen deiner Nudeln.

http://floern.com/tools/contentanalyzer

Etwas ähnliches habe ich auch mal aufgebaut.
http://joerghuelsermann.de/tool/htmlcheck/

Gruß
Jörg

 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:



5 Mitglieder waren innerhalb der letzten 15 Minuten online (303 heute gesamt):
Arcon, bjoern123, joerg, UniversumCommunications, x-f

Administratoren und Moderatoren:
[keine]

Seitenreport hat 18160 registrierte Mitglieder, 3005 Themen und 29117 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 13 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks