Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Netzwerke>HTML: Input Type Text - kein Rahmen unter Windows

HTML: Input Type Text - kein Rahmen unter Windows

dom_beta23.01.1215:00
Hallo,

unter der Mac-Version von Safari und Firefox wird wie beabsichtigt bei <input type="text"> kein Rahmen angezeigt.

Bei der Windows-Variante von Safari und Firefox schon; der Internet Explorer 9 zeigt wie gewünscht, keinen Rahmen an.

Was muß ich ändern?

<form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
<div id="suche">
<a href="RSS/rss.xml" title="Beschreibung"><img src="RSS-Text.gif" alt="RSS" id="rssbild"></a>
     <input type="hidden" name="cref" value="Google-ID">
     <input type="hidden" name="ie" value="utf-8">
     <input type="hidden" name="hl" value="">
     <input name="q" type="text" size="16" id="suchfeld" title="Suchen">
    </div>
    <script type="text/javascript" src="http://www.google.de/cse/tools/onthefly?form=searchbox_demo&lang="></script>
  </form>

CSS:

div#suchbox{
width:1000px;
margin:10px auto;
}

div#suche {
width:156px;
margin:0;
padding:0;
float:right;
}

img#rssbild {
margin:3px 0 0 0;
float:left
}

input#suchfeld {
margin:3px 0 0 0;
height:17px;
border:0;
width:114px;
float:left
}

Danke.
„...“
0

Kommentare

uplift
uplift23.01.1215:20
Statt border:0 border:none ?!
„Computer erleichtern uns ungemein die Arbeit an Problemen, die wir ohne sie nicht hätten. Ich habe keine Lösung, aber ich bewundere das Problem.“
0
dom_beta23.01.1217:05
das funktioniert auch nicht.
„...“
0
appleguru
appleguru23.01.1219:06
Versuch mal
outline-style: none;

oder
border-color: transparent;
0
KarstenM
KarstenM23.01.1219:29
oder verwende mal zum Testen CLASS statt ID. Musst dann halt auch die CSS kurz anpassen.
0
dom_beta23.01.1219:40
Hallo,

ich habe den Fehler gefunden.

Der Fehler lag in dem JavaScript, der von Google geliefert wurde.

Ich habe im Code folgende Zeile entdeckt:

  if (n.platform == 'Win32') {
      q.style.cssText = 'border: 1px solid #7e9db9; padding: 2px;';

Als Lösung habe ich den JavaScript-Code in einer .js Datei gespeichert und binde so den Code ein.

Wenn man die border-Anweisung löscht, funktioniert es.

Fragt sich nur, warum ich darauf nicht eher gekommen bin.


MfG

und trotzdem danke für Eure Ideen!

Sie werden demnächst wohl eingebunden werden.
„...“
0
dom_beta23.01.1219:42
Ach noch was:

Der IE zeichnet so einen hässlichen Rahmen um ein Bild.

<a href="#"><img ...></a>

Wie überrede ich den Rahmen weg?!
„...“
0
sierkb23.01.1220:00
dom_beta
Ach noch was:

Der IE

Welcher der IEs? Komme bloß nicht auf die blödsinnige Idee, noch irgendeinen Handschlag für IE6 und IE7 zu machen -- selbst Microsoft feiert derzeit den Tod des IE6 (der des IE7 folgt nicht weit)...
zeichnet so einen hässlichen Rahmen um ein Bild.

Hat damit zu tun, weil das Bild halt verlinkt wird. Und ein Link wird eben standardmäßig unterstrichen bzw. ein Bild bekommt einen dem Standardlink entsprechenden Rand (border), damit es als verlinktes Bild auf den ersten Blick zu erkennen ist und sich von einem nicht verlinkten Bild unterscheidet. Setze den Rand des so umschlossenen Bildes auf Null, und gut ist.
<a href="#"><img ...></a>

Wie überrede ich den Rahmen weg?!

a > img {
border: none
}

oder auch:

a > img {
border: none !important
}

Mit der !important-Regel hättest Du evtl. auch in obigem Fall Erfolg, ohne die von Dir angepasste lokale JS-Kopie zu verwenden.

CSS2: 6.4.2 !important-Regeln
CSS2: 6.4.2 !important rules
0
dom_beta23.01.1220:04
Hallo Sierk,

ich wußte doch, daß du mal vorbeischaust
sierkb
Welcher IE?

Es handelt sich um den IE 9.
sierkb
a > img {
border: none
}

oder auch:

a > img {
border: none !important
}

Ja, oder so.


Danke.
„...“
0
Pineapps
Pineapps23.01.1221:37
dom_beta
Ach noch was:

Der IE zeichnet so einen hässlichen Rahmen um ein Bild.

<a href="#" id='link'><img ...></a>

Wie überrede ich den Rahmen weg?!
#link a{
Text-decoration:none;
}
oder
#link a{
border-color:transparent;
border:0px;
}
Habs nicht probiert, aber könnte gehen... so Machs ich immer, wenn ich nicht möchte, dass die TextLinks nicht unterstrichen werden, ich weiß nicht wie das mit den Bildern ist.
„Click. Boom. Amazing! - Steve Jobs“
0
dom_beta21.04.1216:42
sierkb
Welcher der IEs? Komme bloß nicht auf die blödsinnige Idee, noch irgendeinen Handschlag für IE6 und IE7 zu machen -- selbst Microsoft feiert derzeit den Tod des IE6 (der des IE7 folgt nicht weit)...

Hoffentlich, denn der IE7 zeigt nämlich die horizontale Navigation (mit UL und LI) als Treppe an.

Sehr nervig.

Workaround war:

Die LIs und die As als Block-Element anzeigen zulassen.
„...“
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.