Problem: Border bei Linksetzung beim Internet Explorer

[morag]

Hallo!

Ich habe heute getestet, ob unsere Hompegae nicht nur mit Firefox sondern auch mit dem Internet Explorer richtig angezeigt wird.

Das ist leider nicht der Fall.

Ich habe auf das Hintergrundbild ein ungefülltest .gif gettezt und dieses mit der Startseite verlinkt.

Css: div, bislang keine Angabe zu border

Firefox macht alles wie gewünscht, nämlich unsichtbar.
Beim Internet Explorer taucht leider ein weißer Rahmen auf.

versuchte Problemlösungen:

border-style: none
border-style: hidden

Leider beide erfolglos.

Hat bitte jemand einen Tipp, wie ich den Rahmen entfernen kann?

Hier die HP: www.mandara-tanz.de

Danke und viele Grüße,
morag

[ms-88]

add mal beim <img tag border="0"

oder/und style="border: 0px;"

[morag]

Das bedeutet, ich muss diese Angabe in der html-Datei machen und kann das nicht über das Stylesheet erledigen?

Danke und viele Grüße!

add mal beim <img tag border="0"

oder/und style="border: 0px;"

[ms-88]

doch kannst du ws auch über das stylesheet zb

img {
border: 0px;
}

oder über eine klasse

img.foo {
border: 0px;
}

und dann beim bild
<a href=""><img .. class="foo" /></a>

hab ich aber jetzt nicht getestet ob es geht.

Btw: Nein hover-Menü ist auch kaputt, schau dir mal z-index an damit es  überlappt.

lg

[Cheatah]

Hi,

oder über eine klasse

img.foo {
border: 0px;
}

und dann beim bild
<a href=""><img .. class="foo" /></a>

welchen Grund für eine Klasse siehst Du, wenn das Element eindeutig über die Struktur identifiziert werden kann? Es ist, sofern ich die Frage mit der Webseite richtig in Einklang bringe, ein wunderbar strukturiertes Stückchen Code[1] - in irgend einer Sprache der Welt scheint "Mandara" soviel wie "Header" zu bedeuten.

Das Bild ist allerdings inhaltslos (transparent) und an einer anscheinend willkürlichen Stelle untergebracht. Der interessante Bereich, nämlich der Name der Seite, ist rechts daneben.

Oder war's links daneben?

Cheatah

[1] Wenn auch mit einem etwas veralteten HTML-Derivat.

[ms-88]

weil hiermit:

img {

}

alle Bilder gematched werden und wer weiß ob das so gewollt ist.

[Cheatah]

Hi,

weil hiermit:
img {
}
alle Bilder gematched werden und wer weiß ob das so gewollt ist.

und mit #id-des-bereichs img { /* ... */ } werden nur die Bilder selektiert, die es betrifft - in diesem Fall das eine. Es existiert kein Grund, die Struktur zu verhunzen.

Cheatah

[morag]

#id-des-bereichs img { /* ... */ }
Danke.
So hab ich es eh gemacht - es soll ja nur diesen Bereich betreffen.

Ich  hab noch eine weitere Frag, di esich in einem Seitenstrang meiner ursprünglichen Frage aufhällt.
https://forum.selfhtml.org/?t=209495&m=1426136

[morag]

Btw: Nein hover-Menü ist auch kaputt, schau dir mal z-index an damit es  überlappt.

Ähm...
Was ist 'z-index'?
Und was soll überlappen?

Bei mir sieht meine Navi wie gewünscht aus.

[ms-88]

FF 10.01

[morag]

Firefox 10.02 - sah bei FF 10.01 aber genauso aus

Du hast offensichtlch die Ansichtsption 'Seiten das Verwenden von eigenen statt der oben gewählten Schriftart erlauben' nicht aktiviert. (Extras, einstellungen, Inhalt, Erweitert).

Wie ich auch mit dieser Option meine Wunschdarstellung erreichen kann, weiß ich leider nicht.

Weiß jemand Rat?

[morag]

was ist den jetzt 'z-index'?

Ich verstehe den Hinweis/ die Abkürzung leider nicht.

[ChrisB]

Hi,

was ist den jetzt 'z-index'?

Ich verstehe den Hinweis/ die Abkürzung leider nicht.

http://lmgtfy.com/?q=z-index

MfG ChrisB

[morag]

http://lmgtfy.com/?q=z-index

Danke.
Ich dachte, das wäre eine Abkürzung, die ich nur nicht verstehe, undnicht ein Befehl.

Das löst dennoch nicht das Problem.
Ich möchte meine Navigation in einer Reihe angeordnet haben, so wie es auch in meinem Screenshot gezeigt wird.

Wie kann ich denn bei der Browser-Einstellung: 'nur eigene Angaben berücksichtigen', die folglich die Schriftauswahl und somit auch Schriftgröße des Seitenprogrammierers ignoriert, dennoch MEINE gewünschte Darstellung erreichen?

[Cheatah]

Hi,

Ich dachte, das wäre eine Abkürzung, die ich nur nicht verstehe, undnicht ein Befehl.

Anmerkung am Rande, dennoch nicht weniger wichtig: Weder HTML noch CSS kennen Befehle. Es handelt sich *nicht* um Programmiersprachen.

Wie kann ich denn bei der Browser-Einstellung: 'nur eigene Angaben berücksichtigen', die folglich die Schriftauswahl und somit auch Schriftgröße des Seitenprogrammierers ignoriert, dennoch MEINE gewünschte Darstellung erreichen?

Je nachdem, wie Du "gewünscht" hier definierst, entweder gar nicht - oder indem Du Größen verwendest, die relativ zur Schrift sind. Beispielsweise durch "width: 42em;" oder "width: auto;" in geeignetem Kontext.

Letztlich hat der Benutzer *immer* die allerletzte Kontrolle. Selbst im IE kann er ein Nutzer-Stylesheet einbinden, welches ihm eine komplett eigene Darstellung Deiner Site ermöglicht (s. z.B. CSS Zen Garden für die Möglichkeiten unterschiedlicher Darstellung der selben Seite). Du musst damit leben.

Cheatah

[morag]

Danke, Cheatah.

Je nachdem, wie Du "gewünscht" hier definierst, entweder gar nicht - oder indem Du Größen verwendest, die relativ zur Schrift sind. Beispielsweise durch "width: 42em;" oder "width: auto;" in geeignetem Kontext.

Ok, bislang habe ich vornehmlich pixelgenaue Angaben gemacht, kenna aber natürlich auch 'auto' bzw. '123em'.

Letztlich hat der Benutzer *immer* die allerletzte Kontrolle. Selbst im IE kann er ein Nutzer-Stylesheet einbinden, welches ihm eine komplett eigene Darstellung Deiner Site ermöglicht (s. z.B. CSS Zen Garden für die Möglichkeiten unterschiedlicher Darstellung der selben Seite). Du musst damit leben.

Mir geht es vornehmlich darum, dass die Navigation in EINER Zeile, also über der hellroten Inhaltsbox, angezeigt wird und nicht wegen der zu großen Schrift in die zweite Zeile und somit die hellrote Box hineinrutscht.

viele Grüße,
morag

[morag]

border: 0px;
hat leider nicht funktioniert - das hatte ich auch vorab bereits getestet, jedoch vergessen zu erwähnen.

tag border="0"
klappt. Dann muss ich jetzt alle html-Seiten aktualisieren.
Schade, eine Änderung im stylesheet wäre natürlich deutlich einfacher gewesen.

Danke für den Tipp!

Das bedeutet, ich muss diese Angabe in der html-Datei machen und kann das nicht über das Stylesheet erledigen?

Danke und viele Grüße!

add mal beim <img tag border="0"

oder/und style="border: 0px;"

[Gunnar Bittersmann]

@@morag:

nuqneH

tag border="0"
klappt. Dann muss ich jetzt alle html-Seiten aktualisieren.

Nein, musst du nicht. Sollst du nicht.

Schade, eine Änderung im stylesheet wäre natürlich deutlich einfacher gewesen.

Ja, und genau da solltest du es auch tun.

Danke für den Tipp!

Nein, nicht für den!

Bedank dich bei Erwin! Und vergiss alles, was ms-88 hier zum Besten (eher zum Schlechtesten) gegeben hat!

Qapla'

PS: Und bitte kein TOFU.

[ms-88]

Erklär mal warum bitte du der meinung bist das ein standard tag wie border="0" in dem fall

1. Nicht gehört
2. man es nicht im css über img.classname definiert

oder im einzelfalls nicht über style-tag macht.

deine erklärung würd ich mal gern wissen.

[Malcolm Beck´s]

مرحبا

Erklär mal warum bitte du der meinung bist das ein standard tag wie border="0" in dem fall

1. Nicht gehört
2. man es nicht im css über img.classname definiert

oder im einzelfalls nicht über style-tag macht.

deine erklärung würd ich mal gern wissen.

Deine frage würde ich mal gerne verstehen.

mfg

[ms-88]

Man kann

1.) beim img-tag das Attribut border hinzufügen
2.) das Style Attribut mit border: angeben
3.) eine Style declaration angeben je nach gewünschtem Effekt.

Es ging aus dem Text für mich nicht hervor dass sie überall den border ändern möchte ich dachte nur bei einem Bild und ich war zu faul jetzt eine virtuelle Maschine zu starten damit ich die Seite im IE ansehen kann daher hab ich zu style oder border geraten was nicht falsch ist, wenn sie natürlich bei ALLEN bilder die änderung vornehmen muss gehört es ins css.

Du tust aber grad so als wären die angaben falsch was nicht der fall ist.

[Malcolm Beck´s]

مرحبا

Du tust aber grad so als wären die angaben falsch was nicht der fall ist.

Streng genommen tu ich fast garnichts, aber nein, ich hatte deine frage nicht verstanden. Du hattest dich etwas undeutlich ausgedrückt.

mfg

[morag]

2.) das Style Attribut mit border: angeben

Du tust aber grad so als wären die angaben falsch was nicht der fall ist.

Ganz ursprünglich hatte ich border: 0px angegeben.
Aber eben nicht in 'a img {  } , sondern im div für den gewünschten Block.

Weil border: nicht funktionierte, habe ich border-style versucht.

Jetzt klappt es ja, also bitte nciht streiten.

Vielen Dank für eure Hilfe.
Ich habe wieder etwas dazu gelernt.

[Erwin]

1.) beim img-tag das Attribut border hinzufügen

Kann man. Man kann auch Tabellen fürs Layout benutzen, Blind-GIFs, um pixelgenaue Abstände hinzuwurschteln, <b> für fette Schrift und <h1> für besonders große Initialen.

Sicher freuen sich dann auch die Benutzer von Netscape 4 und IE 6, aber trotzdem sollte sich niemand wundern, wenn er ob dieses steinzeitlichen HTML-Stiles schief angeguckt wird.

2.) das Style-Attribut mit border: angeben

Kann man. Es ist aber meist übersichtlicher, das Aussehen in einem Block zu sammeln, als jedes HTML-Element einzeln mit style zu betüpfeln. Selbst, wenn es nur ein einzelnes Element ist, sollte diese Regel beherzigt werden.

3.) eine Style declaration angeben je nach gewünschtem Effekt.

That hört sich zwar mighty techno an, läuft aber vermutlich aufs Richtige hinaus.

Du tust aber grad so als wären die angaben falsch was nicht der fall ist.

Naja, der Einstand mit border="0" war schon, siehe Punkt 1 oben, ein sehr unglücklicher Griff ins Klo. Die nur das Symptom, aber nicht die Ursache dahinmeuchelnde Lösung hat ihm dann wohl den Rest gegeben :>

[Gunnar Bittersmann]

@@ms-88:

nuqneH

Erklär mal warum bitte du der meinung bist das ein standard tag wie border="0" in dem fall

1. Nicht gehört

Man sollte Darstellung nicht mit (missbilligten) HTML-Attributen angeben, sondern mit CSS.

2. man es nicht im css über img.classname definiert

Klassitis. Dazu hatte Cheatah schon was gesagt.

Man sollte darstellungsbezogene Klassen vermeiden.

oder im einzelfalls nicht über style-tag macht.

„[…] was noch »falscher« ist.“ Du meinst das style-Attribut.

Allen dreien ist eins gemeinsam: Die Darstellung wird im HTML angegeben. Nachteile:

Wartbarkeit: Bei Änderungen müssen unzählige HTML-Dateien geändert werden, anstatt Änderungen nur an einer Stelle zu vollziehen – im Stylesheet (wo man Styleangaben ja auch vermuten sollte).

Anpassungsfähigkeit: Mir darstellungsbezogenem Markup wird mn kein responsives Design hinbekommen, wodurch eine Webseite auf verschiedensten Endgeräten (von Smartphones über Tablets, Fernseher, Notebooks zu Destop-PC) adäquat dargestellt werden kann.

Und ein Misch aus rein strukturellem Markup mit sämtlicher Darstellung per Stylesheet einerseits und darstellungsbezogenem Markup andererseits ist vermutlich ein fauler Kompromiss und noch problematischer als die beiden Extreme.

deine erklärung würd ich mal gern wissen.

Erklärung genug?

Qapla'

[Gunnar Bittersmann]

@@ms-88:

nuqneH

add mal beim <img tag border="0"
oder/und style="border: 0px;"

Nein! Weder das eine noch das andere.

Darstellungsangaben gehören ins Stylesheet.

Qapla'

[Erwin]

Firefox macht alles wie gewünscht, nämlich unsichtbar.
Beim Internet Explorer taucht leider ein weißer Rahmen auf.

Einspruch, mein Firefox zeigt den Rahmen auch an.

versuchte Problemlösungen:

border-style: none
border-style: hidden

Leider beide erfolglos.

Dann hast du sie vermutlich an der falschen Stelle eingetragen.

Hat bitte jemand einen Tipp, wie ich den Rahmen entfernen kann?

Dein Problem ist ganz einfach, dass ein <img>-Element innerhalb eines <a> grundsätzlich einen Rahmen bekommt.

Ergänze deine CSS-Regeln um die Zeile 'a img {border:none}', dann ist der Rahmen weg.

[morag]

Hallo Erwin,

DANKE für den super Tipp!

Bei mir (windows 7 + Laptop mit Windows XP) wird jetzt kein Rahmen mehr angezeigt, weder beim Firefox noch beim Internet Explorer.
Bei deinem Firefox hoffentlich auch nicht.

Viele Grüße,
morag

Firefox macht alles wie gewünscht, nämlich unsichtbar.
Beim Internet Explorer taucht leider ein weißer Rahmen auf.

Einspruch, mein Firefox zeigt den Rahmen auch an.

versuchte Problemlösungen:

border-style: none
border-style: hidden

Leider beide erfolglos.

Dann hast du sie vermutlich an der falschen Stelle eingetragen.

Hat bitte jemand einen Tipp, wie ich den Rahmen entfernen kann?

Dein Problem ist ganz einfach, dass ein <img>-Element innerhalb eines <a> grundsätzlich einen Rahmen bekommt.

Ergänze deine CSS-Regeln um die Zeile 'a img {border:none}', dann ist der Rahmen weg.