nicht angemeldet
Buttonformatierung
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 :-( Hier mal der Quelltext:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Herzlich Willkommen auf dem Intranetportal der Firma RT;user</title>
<style type="text/css">
<!--
a:link { color:#0066FF; text-decoration:none; font-weight:bold; }
a:visited { color:#0066FF; 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; }
-->
</style>
<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>
<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>
<body background="images/background.jpg">
<form>
<div align="left">
<table border="0" height="111">
<tr>
<td valign="top" align="left" width="270" height="20">
<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">
<font face="Tahoma" color="#0066FF" size="3">
<sup>Antrag DV-Zugriffsberechtigung</sup>
</font>
</b>
</button>
</td>
</tr>
<tr>
<td valign="top" align="left" width="270" height="5">
<button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\Internet_Zugriff.dot'" style=WIDTH="280" style="border-color= 0 ; color= #FFFFFF; background= 0;">
<p><b><img border="0" src="images/link.gif" width="20" height="20">
<font face="Tahoma" color="#0066FF" size="3">
<sup>Antrag Internet-Zugriffsberechtigung</sup></font>
</b>
</button>
</td>
</tr>
<tr>
<td valign="top" align="left" height="26">
<button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\Outlook_WEB_Access.dot'" style=WIDTH="250" style="border-color: 0 ; color: 0; background: #FFFFFF;">
<p><b><img border="0" src="images/link.gif" width="20" height="20">
<font face="Tahoma" color="#0066FF" size="3">
<sup>Antrag Outlook-Web-Access</sup></font>
</b>
</button>
</td>
</tr>
<tr>
<td valign="top" align="left" width="270" height="20">
<button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT-FAHRT.dot'" style=WIDTH="250" style="border-color: 0 ; color: 0; background: 0;">
<p><b><img border="0" src="images/link.gif" width="20" height="20">
<font face="Tahoma" color="#0066FF" size="3">
<sup>Anforderung Fahrdienst</sup></font>
</b>
</button>
</td>
</tr>
<tr>
<td valign="top" align="left" width="270" height="20">
<button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT-VV.DOT'" style=WIDTH="250" style="border-color: 0 ; color: 0; background: 0;">
<p><b><img border="0" src="images/link.gif" width="20" height="20">
<font face="Tahoma" color="#0066FF" size="3"><sup>Verbesserungsvorschlag</sup></font>
</b>
</button>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
-
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
-
Hi,
Will aber den Button formatieren.
generell lassen sich html-buttons ... nur über
CSS-Befehle formatieren und genauso hast Du es
ja auch gemacht.Yep.
Allerdings funktioniert dass nur im IE so richtig,
der Netscape gibt bei den meisten Formular-Elementen
den Geist auf !Naja, Netscape 4 interpretiert CSS halt nicht in allen Tags. Formular-Input-Elemente gehören zu den ignorierten.
Aber schließe mal den Button in
<span class="dein_klassenname">
<input ...>
</span>ein ... so herum funktioniert es wenigstens teilweise.
(Schriftgröße geht - Farbe geht nicht.)Viele Grüße
Michael-
Danke für den Tip Michael. Da bei uns in der Firma nur der IE eingesetzt wird brauch ich darauf nicht zu achten :-) Leider bekomm ich das mit der Formatierung immer noch nicht hin. Habe mein Quelltext mal gepostet. Vielleicht kannst du mir helfen? Danke im voraus.
Hi,
Will aber den Button formatieren.
generell lassen sich html-buttons ... nur über
CSS-Befehle formatieren und genauso hast Du es
ja auch gemacht.Yep.
Allerdings funktioniert dass nur im IE so richtig,
der Netscape gibt bei den meisten Formular-Elementen
den Geist auf !Naja, Netscape 4 interpretiert CSS halt nicht in allen Tags. Formular-Input-Elemente gehören zu den ignorierten.
Aber schließe mal den Button in
<span class="dein_klassenname">
<input ...>
</span>ein ... so herum funktioniert es wenigstens teilweise.
(Schriftgröße geht - Farbe geht nicht.)Viele Grüße
Michael -
Ich bin es nochmal. Habe den Quelltext aufgeräumt. Bekomm aber die Buttons nicht mehr hin. Sieht jetzt so aus:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
</head>
<body>
<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><form>
<div align="left">
<table border="0" height="29" width="215">
<tr>
<td valign="top" align="left" width="207" height="18"> <button type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT_Zugriff.dot'">
<p><b><img border="0" src="images/link.gif" width="20" height="20">
<sup>
Antrag DV-Zugriffsberechtigung
</font>
</sup></b></button></td>
</tr>
</table>
</div>
</form>
</body>
</html>kann man noch mehr aufräumen? ich hasse langsam CSS. Kannst du mir nochmal helfen? danke im voraus.
CU Thomas
Hi,
Will aber den Button formatieren.
generell lassen sich html-buttons ... nur über
CSS-Befehle formatieren und genauso hast Du es
ja auch gemacht.Yep.
Allerdings funktioniert dass nur im IE so richtig,
der Netscape gibt bei den meisten Formular-Elementen
den Geist auf !Naja, Netscape 4 interpretiert CSS halt nicht in allen Tags. Formular-Input-Elemente gehören zu den ignorierten.
Aber schließe mal den Button in
<span class="dein_klassenname">
<input ...>
</span>ein ... so herum funktioniert es wenigstens teilweise.
(Schriftgröße geht - Farbe geht nicht.)Viele Grüße
Michael-
Hi,
kann man noch mehr aufräumen? ich hasse langsam CSS.
der Sinn der Sache ist, daß Du _nur_ noch CSS hast und nicht irgendwelche Wechselwirkungen verschiedener Formatierungsmethoden. (Und daß Du nur noch eine Formatierungssprache und deren Interpretation in den verschiedenen Browsern kennen mußt.)
<p><b><img border="0"
<b> ist Formatierung -> style="font-weight:bold"
<sup>
<sup> ist Formatierung - müßte sich mit "text-align" und kleinerer Schriftgröße (75%) nachbilden lassen.
</font>
Das ist ganz böse.
In Deinem HTML-Dokument soll tendentiell nur noch Logik drin stehen, also _welche_ Elemente darzustellen sind. Nicht aber, _wie_ sie darzustellen sind.
Falls Du jemals "strict" erreichen möchtest, müßten auch noch Deine <table>-Parameter raus, fürchte ich.Viele Grüße
Michael
(der sich selbst mit CSS herumschlägt und mit den aktuellen Browser-Implementierungen auch nicht glücklich ist - manches funktioniert einfach nicht, vor allem in Netscape 4.)-
Hi,
Morgen Michael, alles klar? Ist ja bald Wochenende :-) Habe jetzt die HTML Seite vom aussehen wie ich sie haben will. Hier mal der 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 der Firma XXX;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="file:///S:/DV_GAST/Intranet/images/background.jpg">
<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 style="width: 313; height: 181" >
<table height="1" width="291">
<tr>
<td valign="top" align="left" width="283" height="12"> <button STYLE="align: left; width: 280; border-color: #FFFFFF; color: #FF0000; background: #FFFFFF;border=0" type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT_Zugriff.dot'">
<p><b> <font face="Tahoma" size="3" color="#0066FF"><img border="0" src="images/link.gif" align="left">
<sup>
Antrag DV-Zugriffsberechtigung </sup></font>
<sup>
<font face="Tahoma" size="3" color="#FFFFFF">BLINDT</font></sup></b></button></td>
</tr>
<tr>
<td valign="top" align="left" width="283" height="6"> <button STYLE="align: left; width: 280; border-color: #FFFFFF; color: #FF0000; background: #FFFFFF;border=0" type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\Internet_Zugriff.dot'">
<p><b><font face="Tahoma" size="3" color="#0066FF"><img border="0" src="images/link.gif" align="left">
<sup>
Antrag Internet-Zugriffsberechtigung </sup></font>
<sup>
<font face="Tahoma" size="3" color="#FFFFFF">B</font></sup></b></button></td>
</tr>
<tr>
<td valign="top" align="left" width="283" height="6"> <button STYLE="align: left; width: 280; border-color: #FFFFFF; color: #FF0000; background: #FFFFFF;border=0" type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\Outlook_WEB_Access.dot'">
<p><b><font face="Tahoma" size="3" color="#0066FF"><img border="0" src="images/link.gif" align="left">
<sup>
Antrag Outlook-Web-Access </sup></font>
<sup>
<font face="Tahoma" size="3" color="#FFFFFF">BLINDTEXT</font></sup></b></button></td>
</tr>
<tr>
<td valign="top" align="left" width="283" height="12"> <button STYLE="align: left; width: 280; border-color: #FFFFFF; color: #FF0000; background: #FFFFFF;border=0" type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT-FAHRT.dot'">
<p><b><font face="Tahoma" size="3" color="#0066FF"><img border="0" src="images/link.gif" align="left">
<sup> Anforderung Fahrdienst </sup></font><sup><font face="Tahoma" size="3" color="#FFFFFF">BLINDTEXT</font></sup>
<sup> <font face="Tahoma" size="3" color="#FFFFFF">BLIN</font></sup></b>
</button></td>
</tr>
<tr>
<td valign="top" align="left" width="283" height="12"> <button STYLE="align: left; width: 280; border-color: #FFFFFF; color: #FF0000; background: #FFFFFF;border=0" type="button" onClick="load_word '1','R:\OFFICE\VORLAGEN\RT-VV.DOT'">
<p><b><font face="Tahoma" size="3" color="#0066FF"><img border="0" src="images/link.gif" align="left">
<sup>Verbesserungsvorschlag </sup></font>
<sup><font face="Tahoma" size="3" color="#FFFFFF">BLINDTEXT BLIN</font></sup></b></button></td>
</tr>
</table>
</div>
</form>
</body>
</html>Habe alles erreicht was ich wollte. Habe bei der Buttonbeschriftung geschummelt und einfach BLINDTEXT weiss formatiert. Habe langsam keinen Nerv mehr das vernünftig zu lösen. Leider erkennt man jetzt bei meinen Buttons nicht mehr, dass sie ein Link sind. Gibt es irgendwelche Hoverelemente für Knöpfe?
kann man noch mehr aufräumen? ich hasse langsam CSS.
der Sinn der Sache ist, daß Du _nur_ noch CSS hast und nicht irgendwelche Wechselwirkungen verschiedener Formatierungsmethoden. (Und daß Du nur noch eine Formatierungssprache und deren Interpretation in den verschiedenen Browsern kennen mußt.)
<p><b><img border="0"
<b> ist Formatierung -> style="font-weight:bold"
<sup>
<sup> ist Formatierung - müßte sich mit "text-align" und kleinerer Schriftgröße (75%) nachbilden lassen.
</font>
Das ist ganz böse.
In Deinem HTML-Dokument soll tendentiell nur noch Logik drin stehen, also _welche_ Elemente darzustellen sind. Nicht aber, _wie_ sie darzustellen sind.
Falls Du jemals "strict" erreichen möchtest, müßten auch noch Deine <table>-Parameter raus, fürchte ich.Viele Grüße
Michael
(der sich selbst mit CSS herumschlägt und mit den aktuellen Browser-Implementierungen auch nicht glücklich ist - manches funktioniert einfach nicht, vor allem in Netscape 4.)CU Thomas
P.S.: Brauche kein Netscape da in der Fa (Intrantseite) nur IE verwendet wird.
-
Hi auch,
irgendwie sehe ich keine Verbesserung:
»»
background="file:///S:/DV_GAST/Intranet/images/background.jpg"><p><b> <font face="Tahoma" size="3" color="#0066FF"><img border="0" src="images/link.gif" align="left">
<sup>
Antrag DV-Zugriffsberechtigung </sup></font>Es ist immer noch alles gemischt.
Habe langsam keinen Nerv mehr das vernünftig zu
lösen.Mit einer "vernünftigen" Lösung wäre Dein Code etwa
halb so lang und viel besser wartbar.Leider erkennt man jetzt bei meinen Buttons nicht
mehr, dass sie ein Link sind. Gibt es irgendwelche
Hoverelemente für Knöpfe?Ich hatte Dich doch explizit gefragt, wofür Du diese Buttons überhaupt brauchst ...
Viele Grüße
MichaelP.S.: Brauche kein Netscape da in der Fa
nur IE verwendet wird.Wieso fragst Du dann Netscape mit
else if (document.layers||document.getElementById)
extra noch ab?
-
-
-
-
-
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
-
Hi,
Hier mein Quelltext:
<link rel="stylesheet" type="text/css" href="intranet.css">
<style>
BODY { scrollbar-3d-light-color:#999999;
...
</style>
<body background="images/background.jpg" bgcolor="#ffffff">
<script Language=VBScript>
<script language="JavaScript1.2">Himmel, hilf! Wie viele verschiedene Techniken - und davon reichlich viele proprietäre - möchtest Du denn noch gleichzeitig einsetzen?
<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;">
Eingebrannte Laufwerksbuchstaben? Pfui Teufel.
Wozu hat Dein Webserver denn einen URL-space?<font face="Tahoma" color="#0066FF" size="3"> Antrag DV-Zugriffsberechtigung
</font>Aha - das also auch noch.
Dann mein CSS:
/* DATEI: intranet.css */Das formatiert das Aussehen von hyperlinks - nicht das Aussehen von Formular-Elementen.
<button ... class="buttonFormat">
Brauchst Du wirklich <button> statt <input>?
Wieso kann man das in der heutigen Zeit nicht per
WYSIWYG lösen?Weil die Möglichkeiten der Darstellung mit Hilfe von HTML und CSS nicht für WYSIWYG gedacht sind, sondern ganz im Gegenteil dafür, daß es auf jedem der unzähligen verschiedenen möglichen HTTP-Clients anders, aber jeweils dessen Möglichkeiten entsprechend.
Du wirst nicht glücklich sein über mein Urteil - aber ich empfehle Dir dringend, Deine Datei erst mal gründlich aufzuräumen.
Wenn Du schon CSS so massiv einsetzen willst, dann setze aber auch wirklich _nur_ noch CSS sein und eliminiere sowohl _alle_ <font> tags als auch _alle_ Formatierungs-Attribute in HTML-Tags ungleich "style". Das macht die Sache wesentlich lesbarer (und wartbarer - letzteres sollte für Dich ausschlaggebend sein).Viele Grüße
Michael-
Hi,
Hallo :-)
Hier mein Quelltext:
<link rel="stylesheet" type="text/css" href="intranet.css">
<style>
BODY { scrollbar-3d-light-color:#999999;
...
</style>
<body background="images/background.jpg" bgcolor="#ffffff">
<script Language=VBScript>
<script language="JavaScript1.2">Himmel, hilf! Wie viele verschiedene Techniken - und davon reichlich viele proprietäre - möchtest Du denn noch gleichzeitig einsetzen?
Das brauche ich um *.dot Dateien in Word als neues Dokument zu öffnen.
<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;">
Eingebrannte Laufwerksbuchstaben? Pfui Teufel.
Wozu hat Dein Webserver denn einen URL-space?Die Dateien liegen auf zentral auf unserem Server und wie meinst du das mit dem URL-Space?
<font face="Tahoma" color="#0066FF" size="3"> Antrag DV-Zugriffsberechtigung
</font>Aha - das also auch noch.
So nennen sich die Formulare hier.
Dann mein CSS:
/* DATEI: intranet.css */Das formatiert das Aussehen von hyperlinks - nicht das Aussehen von Formular-Elementen.
Das ist ja auch in Ordnung. Dachte über CSS kann ich Buttons ebenfalls formatieren?
<button ... class="buttonFormat">
Brauchst Du wirklich <button> statt <input>?
leider schon. Bekomme sonst mein *.dot Problem nicht ans laufen. Muss halt aus einer *.dot ein neues Worddokument öffnen und nicht die Originaldatei. Oder kennst du eine bessere Lösung?
Wieso kann man das in der heutigen Zeit nicht per
WYSIWYG lösen?Weil die Möglichkeiten der Darstellung mit Hilfe von HTML und CSS nicht für WYSIWYG gedacht sind, sondern ganz im Gegenteil dafür, daß es auf jedem der unzähligen verschiedenen möglichen HTTP-Clients anders, aber jeweils dessen Möglichkeiten entsprechend.
Du wirst nicht glücklich sein über mein Urteil - aber ich empfehle Dir dringend, Deine Datei erst mal gründlich aufzuräumen.
Wenn Du schon CSS so massiv einsetzen willst, dann setze aber auch wirklich _nur_ noch CSS sein und eliminiere sowohl _alle_ <font> tags als auch _alle_ Formatierungs-Attribute in HTML-Tags ungleich "style". Das macht die Sache wesentlich lesbarer (und wartbarer - letzteres sollte für Dich ausschlaggebend sein).Werde es mal versuchen :-)
Viele Grüße
MichaelCU Thomas
-
Hi,
Das brauche ich um *.dot Dateien in Word als neues
Dokument zu öffnen.was _nach_ dem Klick auf den Button dem "*.dot" passiert, das hat doch nichts damit zu tun, wie es _vorher_ in Deinem Browserfenster aussah?
Eingebrannte Laufwerksbuchstaben? Pfui Teufel.
Die Dateien liegen auf zentral auf unserem ServerWie wird denn Dein Dokument überhaupt angesprochen?
Über einen URL (http://servername/pfad/zur/datei)?
Oder über irgend etwas Anderes?Wozu hat Dein Webserver denn einen URL-space?
und wie meinst du das mit dem URL-Space?Wenn Deine Dokumente von einem Webserver via HTTP ausgeliefert werden, dann braucht niemand die Pfadnamen der eigentlichen Dateien zu kennen - außer dem Webserver selbst.
(Und es _sollte_ auch niemand diese Namen kennen.)<font face="Tahoma" color="#0066FF" size="3"> Antrag DV-Zugriffsberechtigung
</font>
Aha - das also auch noch.
So nennen sich die Formulare hier.Ich meinte das <font>.
Dann mein CSS:
Das formatiert das Aussehen von hyperlinks -
nicht das Aussehen von Formular-Elementen.
Das ist ja auch in Ordnung. Dachte über CSS kann
ich Buttons ebenfalls formatieren?sicher - aber ich habe noch keine CSS-Anweisungen
von Dir gesehen, die das tun würden (glaube ich).<button ... class="buttonFormat">
Brauchst Du wirklich <button> statt <input>?
leider schon. Bekomme sonst mein *.dot Problem
nicht ans laufen.Offenbar ist an Deiner gesamten Netzkonfiguration noch irgendwas so völlig anders als in einer normalen Web-Umgebung, daß mir diese Informationen fehlen, um das Problem zu begreifen.
Viele Grüße
Michael-
Hi,
Das brauche ich um *.dot Dateien in Word als neues
Dokument zu öffnen.was _nach_ dem Klick auf den Button dem "*.dot" passiert, das hat doch nichts damit zu tun, wie es _vorher_ in Deinem Browserfenster aussah?
Das ist richtig :-) Habe das Design jetzt so wie ich es haben will (siehe anderes Posting)
Eingebrannte Laufwerksbuchstaben? Pfui Teufel.
Die Dateien liegen auf zentral auf unserem ServerWie wird denn Dein Dokument überhaupt angesprochen?
Über einen URL (http://servername/pfad/zur/datei)?
Oder über irgend etwas Anderes?Wozu hat Dein Webserver denn einen URL-space?
und wie meinst du das mit dem URL-Space?Wenn Deine Dokumente von einem Webserver via HTTP ausgeliefert werden, dann braucht niemand die Pfadnamen der eigentlichen Dateien zu kennen - außer dem Webserver selbst.
(Und es _sollte_ auch niemand diese Namen kennen.)Haben verschiedene Server wo Dokumente liegen. Um das in Ordnung zu bringen müsse ich die ganze Datenverarbeitung neu strukturieren.
<font face="Tahoma" color="#0066FF" size="3"> Antrag DV-Zugriffsberechtigung
</font>
Aha - das also auch noch.
So nennen sich die Formulare hier.Ich meinte das <font>.
Dann mein CSS:
Das formatiert das Aussehen von hyperlinks -
nicht das Aussehen von Formular-Elementen.
Das ist ja auch in Ordnung. Dachte über CSS kann
ich Buttons ebenfalls formatieren?sicher - aber ich habe noch keine CSS-Anweisungen
von Dir gesehen, die das tun würden (glaube ich).<button ... class="buttonFormat">
Brauchst Du wirklich <button> statt <input>?
leider schon. Bekomme sonst mein *.dot Problem
nicht ans laufen.Offenbar ist an Deiner gesamten Netzkonfiguration noch irgendwas so völlig anders als in einer normalen Web-Umgebung, daß mir diese Informationen fehlen, um das Problem zu begreifen.
Das stimmt leider :-( Habe im Prinzip nur noch ein Problem dass meine Buttons nicht als Hyperlink erkannt werden in dieser Formatierung. Ein Hovereffekt für Buttons wäre hilfreich. Kann dir ja mal die Seite schicken wenn du willst?
Viele Grüße
MichaelCU Thomas
-
Hi,
Wenn Deine Dokumente von einem Webserver via
HTTP ausgeliefert werden, dann braucht niemand
die Pfadnamen der eigentlichen Dateien zu kennen- außer dem Webserver selbst.
(Und es _sollte_ auch niemand diese Namen
kennen.)
Haben verschiedene Server wo Dokumente liegen.
Um das in Ordnung zu bringen müsse ich die ganze
Datenverarbeitung neu strukturieren.
Gar nicht wahr.
Du kannst in Deinem Webserver (und _nur_ dort!) Mappings von URL-Teilen auf alle möglichen Laufwerke einrichten - also das, was bisher _jeder_ Deiner Clients wissen muß.
Die Konfiguration wird einfach nur überschaubarer ...Viele Grüße
Michael - außer dem Webserver selbst.
-
-
-
-
-
-