Software-Updates
EuroFaktura 4.8.1
14.05.12 10:53
deinVerein 2.1.7
11.05.12 09:48
ShowIP 1.25
05.05.12 18:09
Calories 3 3.0
18.04.12 17:00
Calories 2 2.9
18.04.12 16:54
Umfrage
Wie oft benötigen Sie an Ihrem Mac noch ein optisches Laufwerk?
Täglich
3,1%
Mehrmals pro Woche
9,2%
Ca. 1x pro Woche
12,5%
Ca. 1x pro Monat
22,5%
Alle paar Monate
39,5%
Nie
8,3%
Habe gar kein optisches Laufwerk mehr
5%
1513 Stimmen
WERBUNG
WERBUNG
Zurück zu Netzwerk & Internet
HTML: Input Type Text - kein Rahmen unter Windows
dom_beta 23.01.12 15: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.
Mac OS X 10.6 Snow Leopard forever!
Kommentare
10 Kommentare
Website
uplift 23.01.12 15: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.
Kommentare
dom_beta 23.01.12 17:05
das funktioniert auch nicht.
Mac OS X 10.6 Snow Leopard forever!
Kommentare
appleguru 23.01.12 19:06
Versuch mal
outline-style: none;
oder
border-color: transparent;
Kommentare
Website
KarstenM 23.01.12 19:29
oder verwende mal zum Testen CLASS statt ID. Musst dann halt auch die CSS kurz anpassen.
Kommentare
dom_beta 23.01.12 19: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.
Mac OS X 10.6 Snow Leopard forever!
Kommentare
dom_beta 23.01.12 19: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?!
Mac OS X 10.6 Snow Leopard forever!
Kommentare
sierkb 23.01.12 20: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
Kommentare
dom_beta 23.01.12 20: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.
Mac OS X 10.6 Snow Leopard forever!
Kommentare
Website
Pineapps 23.01.12 21: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.
Kommentare
dom_beta 21.04.12 16: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.
Mac OS X 10.6 Snow Leopard forever!
Kommentare
Kommentar hinzufügen
Sie müssen sich anmelden, um an der Diskussion teilnehmen zu können.
Zurück zu Netzwerk & Internet
WERBUNG
Anmeldung
Name:
Kennwort:
WERBUNG
Synium Software GmbH 2012
Nutzungsbedingungen  Datenschutz  RSS-Feeds  Werbung  Impressum 
WERBUNG