Thomas : Buttonformatierung

Beitrag lesen

Hallo zusammen

bekomme das irgendwie nicht hin :-( Hier mein Quelltext:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="author" content="Thomas Gawlitta">
<meta name="copyright" content="2002 (C)opyrights And All (R)ights (R)eserved by Thomas Gawlitta">
<title>Herzlich Willkommen auf dem Intranetportal;user</title>

<link rel="stylesheet" type="text/css" href="intranet.css">

<style>
BODY {     scrollbar-3d-light-color:#999999;
           scrollbar-arrow-color:#0066FF;
           scrollbar-base-color:black;
           scrollbar-dark-shadow-color:#333333;
           scrollbar-face-color:#666666;
           scrollbar-highlight-color:#999999;
           scrollbar-shadow-color:black}
</style>
<base target="_blank">
</head>
<body background="images/background.jpg" bgcolor="#ffffff">
<script Language=VBScript>
<!--
function load_word(mode, pfad)
    'mode 0 = normal open
    'mode 1 = open as dot
    Set appWord = CreateObject("Word.Application")
    ' Display the application.
 appWord.WindowState = 0
 appWord.Height = 600
 appWord.Width = 800
 appWord.Left = 0
 appWord.Top = 0
    appWord.Visible = TRUE

' Open the document.
   ' mode 1 = dot file 0 = docfile
   if mode = 1 then
    appWord.Documents.Add (pfad)
   end if
   if mode = 0 then appWord.Documents.Open (pfad) end if
    ' Close the object variable.
    Set appWord = Nothing
end function
-->
</script>
<script language="JavaScript1.2">
<!--

top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}

//-->
</script>
<form>
  <div align="left">
    <table border="0" height="29" width="278">
      <tr>
        <td valign="top" align="left" width="272" height="18"> <button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT_Zugriff.dot'" STYLE="width: 280; border-color: #FFFFFF; color: #FFFFFF; background: #FFFFFF;">
          <p><b><img border="0" src="images/link.gif" width="20" height="20">
 <sup>
            <font face="Tahoma" color="#0066FF" size="3"> Antrag DV-Zugriffsberechtigung
 </font>
            <font face="Tahoma" color="#FFFFFF" size="3"> BLIND</font></sup></b></button></td>
      </tr>
      <tr>
        <td valign="top" align="left" height="24"> <button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\Internet_Zugriff.dot'" STYLE="width: 280; border-color: #FFFFFF; color: #FFFFFF; background: #FFFFFF;">
          <p><b><img border="0" src="images/link.gif" width="20" height="20">
 <sup>
            <font face="Tahoma" color="#0066FF" size="3"> Antrag Internet-Zugriffsberechtigung
 </font>
            <font face="Tahoma" color="#FFFFFF" size="3"> B</font></sup></b>
          </button> </td>
      </tr>
      <tr>
        <td valign="top" align="left" height="14"> <button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\Outlook_WEB_Access.dot'" STYLE="width: 280; border-color: #FFFFFF; color: #FFFFFF; background: #FFFFFF;">
          <p><b><img border="0" src="images/link.gif" width="20" height="20">
 <sup>
            <font face="Tahoma" color="#0066FF" size="3"> Antrag Outlook-Web-Access
 </font>
            <font face="Tahoma" color="#FFFFFF" size="3"> BLINDTEX</font></sup></b>
          </button> </td>
      </tr>
      <tr>
        <td valign="top" align="left" height="13"> <button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT-FAHRT.dot'" STYLE="width: 280; border-color: #FFFFFF; color: #FFFFFF; background: #FFFFFF;">
          <p><b><img border="0" src="images/link.gif" width="20" height="20">
 <sup>
            <font face="Tahoma" color="#0066FF" size="3"> Anforderung Fahrdienst
 </font>
            <font face="Tahoma" color="#FFFFFF" size="3"> BLINDTEXT BLI</font></sup></b>
          </button> </td>
      </tr>
      <tr>
        <td valign="top" align="left" height="13"> <button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT-VV.DOT'" STYLE="width: 280; border-color: #FFFFFF; color: #FFFFFF; background: #FFFFFF;">
          <p><b><img border="0" src="images/link.gif" width="20" height="20">
          <sup>
            <font face="Tahoma" color="#0066FF" size="3">Verbesserungsvorschlag </font>
            <font face="Tahoma" color="#FFFFFF" size="3">BLINDTEXT BL</font></sup></b>
          </button> </td>
      </tr>
    </table>
  </div>
</form>
</body>
</html>

Dann mein CSS:

/* DATEI: intranet.css */

a:link { color:#0066FF; text-decoration:none; font-weight:bold; }
a:visited { color:#0000CC; text-decoration:none; font-weight:bold; }
a:hover { color:#0066FF; text-decoration:none; background-color:#FFFF99; font-weight:bold; }
a:active { color:#0066FF; background-color:#FFFF99; font-weight:bold; }

Habe versucht dein CSS einfach einzubinden und dann die Formatierung zu ändern. Wo soll dieser Tag hin?

//STYLE VERWENDUNG
<button ... class="buttonFormat">

Wenn ich den einbinde bekomm ich leider nur einen neuen grauen Button :-( Wenn ich den wie mein CSS einbinde mit:

<link rel="stylesheet" type="text/css" href="button.css">

passiert leider nichts :-(

Wieso kann man das in der heutigen Zeit nicht per WYSIWYG lösen? Bitte mal angucken. DANKE

Hallo zusammen,

habe ein kleines Problem. Habe über ein Button ein *.dot Datei geöffnet und es funktioniert. Will aber den Button formatieren. Am liebsten wäre er mir transparent. Gibt es dafür Befehle? Desweiteren bekomme ich die Schrift nicht linksbündig :-(

Hi Thomas,

generell lassen sich html-buttons nach meinem derzeitigen Wissensstand nur über CSS-Befehle formatieren und genauso hast Du es ja auch gemacht. Allerdings funktioniert dass nur im IE so richtig, der Netscape gibt bei den meisten Formular-Elementen den Geist auf !

Hier die fehlenden CSS-Befehle für das Style-Attribut:

linksbündig -> align : left;
transparent -> background : transparent;

Noch ein Tip:

Wenn Du die Styles für mehrere Buttons von gleichen 'Typ' nutzt, ist es sinnvoll eine Klasse zu erstellen. Das spart Tipp-Arbeit !:

//STYLE DEFINITIONEN
<style type="text/css">
<!--
/* Klasse */
buttonFormat {
  font-family : Arial;
  font-size : 12pt;
  font-weight : bold;
  color : #0066FF;
  text-decoration : none;
  background-color : transparent;
  align : left;
}
//-->
</style>

//STYLE VERWENDUNG
<button ... class="buttonFormat">

Geht auch mit (fast) allen anderen Tags !

Weitere Info's zu Style-Attributen findest Du in Stefan's SelfHtml !

Hoffe es klappt !

Ciao,

der Spicedwarf