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