?
Onbekende gebruiker
19-10-2005 11:26
Ja hoor met CSS kan zo veel. Voeg aan de knop code het volgende toe:
style="background-color: #FFFFFF; color: #0000FF; text-decoration: underline;"
Je kan ook met classes gaan werken maar dat is weer een stapje lastiger
Link gekopieerd
css heb ik al aardig onder de knie met classes kan ik ook al aardig over weg.
met deze oplossing blijft het echter nog wel een knop alleen laat ja alle opmaak weg zodat het een link lijkt maar als het ware is het nog weg een knop
en ook als je er op klikt komt de schaduw rand nog te voorschijn.
is er niet een code waarmee je de button echt transformt naar een link zoder dat de functie verandert ?
MvG frits
Link gekopieerd
Een link maken met javascript, bijvoorbeeld href="javascript:document.forms[0].submit()"
Link gekopieerd
wat jelmer zegt, maar ik zou het dan nog zo doen dat de knop verborgen is:
<div id="knop" style="position: absolute; visibility: hidden">
<form name="form">
<input type="submit">
</form>
</div>
<a href="javascript:document.form.submit();">Test</a>
Of nog beter, gewoon zo'n link in plaats van een knop :P
Link gekopieerd
Deze oplossing werkt niet als je persé een button wilt gebruiken, maar werkt wel als het op een button mag lijken.
-- style.css --
a.menu, a:hover.menu {
border: 1px solid #000000;
font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #E7FF35;
text-decoration: none;
width: 100px;
}
a.menu {
background-color: #095C64;
}
a:hover.menu {
background-color: #70A08B;
}
-- pagina.htm --
<html>
<head>
<title>Titel van jouw pagina</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="#">link</a>
</body>
</html>
Natuurlijk moet je de CSS en de HTML aanpassen naar jouw smaak.
Als je toch persé een button wilt gebruiken, dan kan dit een oplossing zijn:
-- style.css --
input {
color: #000000;
background-color: #AAAAAA;
border: 1px solid #000000;
}
-- pagina.htm --
<html>
<head>
<title>Klaverjasvereniging Connexxion</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form action="http://
www.babaluji.nl"> ;
<input type="submit" value="boe">
</body>
</html>
Link gekopieerd
<div id=\"knop\" style=\"position: absolute; visibility: hidden\">
<form name=\"form\">
<input type=\"submit\">
</form>
</div>
<a href=\"javascript:document.form.submit();\">Test</a>
ik gebruik momenteel deze code maar ik krijg een fout op de pagina met java script.
als ik de hidden button naar voren haal werkt die wel maar de link werkt niet
wat scheeld er aan ?
Link gekopieerd
Als je in een form je buttons een ander uiterlijk wilt geven, kan dat wel met CSS, maar je kunt net zo goed een buttton type image maken. Dan kun je gewoon met Photoshop aan de gang om een mooie button te maken.
Link gekopieerd
het moet allemaal heel simpel zijn daarom heb ik ervoor gekozen om zoveel mogelijk links te gebruiken en niet een button type image of iets dergelijk
maar ik had een stom foutje gemaakt hij werkt nu perfect! met de oplossing van jelmer/legolas
ik dank u allen voor het meedenken
Link gekopieerd