Du bist nicht eingeloggt.

Login

Pass

Registrieren

Community
Szene & News
Locations
Impressum

Forum / Bits und Bytes

Probleme mit HTML style

ZER0-CooL - 36
Champion (offline)

Dabei seit 09.2004
4459 Beiträge

Geschrieben am: 24.05.2008 um 18:14 Uhr
Zuletzt editiert am: 24.05.2008 um 19:52 Uhr

Das Problemkind

Einfach einmal im IE und einmal im FF anschauen, dann wird das Problem sichtbar.

HTML:

Zitat:


<html>
<head>
<title>Maxelonline.de</title>
<style type="text/css">
<!--Links----------------------------------------------------------------- -->
a {
font-size: 12px;
color: #333;
text-decoration: none;
font-family: Tahoma;
font-weight: bold;
}
a:hover {
color: red;
}

<!--Allgemeine Zelleneinstellung------------------------------------------ -->
td {
padding: 3px;
}
.content {
background-color: #eee;
}

.leftborder {
border-left: 2px outset white;
}

.leftedgeborder {
border-left: 2px outset white;
border-bottom: 2px inset white;
}

.rightborder {
border-right: 2px inset white;
}

.rightedgeborder {
border-right: 2px inset white;
border-bottom: 2px inset white;
}

.bottomborder {
border-bottom: 2px inset white;
}

<!--Sonstige Attribute---------------------------------------------------- -->
input {
border: 1px;
border-style: solid;
border-color: #ddd;
background: url(background.png);
font-weight: bold;width:140px;
}

label {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #999;
}

body {
background-image: url(background.png);
text-align: center;
vertical-align: middle;
}
</style>
</head>
<body>
<form action="KeineAhnung.php" method="post" id="Login">

<table align="center" cellpadding="0" cellspacing="0">
<!--Damits in der Mitte ist--------------------------------------------- -->
<tr>
<td style="vertical-align:middle"> </td>
</tr>
<tr>
<td colspan="3" class="bottomborder">
<img src="maxelonline.png" alt="Maxelonline.de" /> </td>
</tr>
<tr class="content">
<td style="width:70px;" class="leftborder">
<label for="username">Name</label> </td>
<td style="width:150px;" >
<input name="username" type="text" id="username" style="input" /> </td>
<td style="width:150px;" class="rightborder"> </td>
</tr>
<tr class="content">
<td class="leftborder">
<label for="password">Passwort</label> </td>
<td>
<input name="password" id="password" type="password" /> </td>
<td class="rightborder"><a href="..."> » Passwort vergessen</a></td>
</tr>
<tr class="content">
<td class="leftedgeborder"> </td>
<td class="bottomborder">
<a href="javascript:document.Login.submit();"> » Login</a> </td>
<td class="rightedgeborder">
<a href="..."> » Registrieren</a> </td>
</tr>
</table>
</form>
</body>
</html>

mr-neis
Halbprofi (offline)

Dabei seit 01.2006
365 Beiträge
Geschrieben am: 24.05.2008 um 19:46 Uhr

a:hover {
color: red
}

hinter red gehört ein semikolon...

Den Rest schaue ich mir jetzt mal an
MackieMesser - 42
Champion (offline)

Dabei seit 08.2007
3916 Beiträge

Geschrieben am: 24.05.2008 um 19:47 Uhr

"outset" wird vom IE nicht unterstützt.
ZER0-CooL - 36
Champion (offline)

Dabei seit 09.2004
4459 Beiträge

Geschrieben am: 24.05.2008 um 19:48 Uhr
Zuletzt editiert am: 24.05.2008 um 19:48 Uhr

Zitat von mr-neis:

a:hover {
color: red
}

hinter red gehört ein semikolon...

Den Rest schaue ich mir jetzt mal an

Jetzt wirds rot aber die Schrift passt nicht ;-)


Zitat von MackieMesser:

"outset" wird vom IE nicht unterstützt.

Wie kann ich es anders lösen?
MackieMesser - 42
Champion (offline)

Dabei seit 08.2007
3916 Beiträge

Geschrieben am: 24.05.2008 um 19:49 Uhr

"outset" wird vom IE nicht unterstützt oder anders dargestellt
ZER0-CooL - 36
Champion (offline)

Dabei seit 09.2004
4459 Beiträge

Geschrieben am: 24.05.2008 um 19:50 Uhr

Zitat von MackieMesser:

"outset" wird vom IE nicht unterstützt oder anders dargestellt

aha, dacht doch gerade, weil ich hätte es nämlich gerne so wie es im IE ist xD
MackieMesser - 42
Champion (offline)

Dabei seit 08.2007
3916 Beiträge

Geschrieben am: 24.05.2008 um 20:02 Uhr
Zuletzt editiert am: 24.05.2008 um 20:04 Uhr

Ich würde keine Zeit mit solchen CSS Problemen vernichten.
In 2 min:

[verlinkte Grafik wurde nicht gefunden]

Mit "border:1px solid #efefef" ist das mindestens genauso schick und 100% kompatible. Denn der Netscape, der Konqueror, ..... musst auch prüfen.
Ich würd mich mit CSS nicht zu weit hinaushängen. Vieles ist nett gedacht, aber nicht anwendbar.

Von Browserweichen wollen wir nicht reden.^^
ZER0-CooL - 36
Champion (offline)

Dabei seit 09.2004
4459 Beiträge

Geschrieben am: 24.05.2008 um 20:11 Uhr

Die Frage ist halt ob man es so haben will ;-)
MackieMesser - 42
Champion (offline)

Dabei seit 08.2007
3916 Beiträge

Geschrieben am: 24.05.2008 um 20:14 Uhr

Zitat von ZER0-CooL:

Die Frage ist halt ob man es so haben will ;-)


Schon. Ich würde es per Grafik machen. Pech für die 300 restlichen Modemnutzer.^^
ZER0-CooL - 36
Champion (offline)

Dabei seit 09.2004
4459 Beiträge

Geschrieben am: 24.05.2008 um 20:36 Uhr

Wenn ich jeden Style einzeln eintrag geht es... :-P
  [Antwort schreiben]

Forum / Bits und Bytes

(c) 1999 - 2026 team-ulm.de - all rights reserved - hosted by ibTEC Team-Ulm

- Presse - Blog - Historie - Partner - Nutzungsbedingungen - Datenschutzerklärung - Jugendschutz -