CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede kongen72 Nybegynder
22. april 2009 - 08:53 Der er 5 kommentarer og
1 løsning

Dobbelt border i knap

Hej.

Jeg skal have lavet en html-knap med 2 forskellige border farver rundt om.
Hvor top,right,bottom og left border skal have forskellige farver. Hvordan laver jeg det?? Har prøvet næsten alt i css, men uden held. Tror måske der skal c# til..

Jeg bruger asp.net med c#!


Tak på forhånd, Kim.
Avatar billede Syska Mester
22. april 2009 - 09:05 #1
lav en css ala

.left-top
{
border-left: solid 1px black;
border-top: solid 1px black;
}

.bottom-right
{
border-bottom: solid 1px black;
border-right: solid 1px black;
}

Virker det ik' ?

Hvis ikke ... hvordan kommer din html til at se ud i din browser ?
Avatar billede Syska Mester
22. april 2009 - 09:08 #2
Komplet eksempel:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .left-top
{
border-left: solid 5px black;
border-top: solid 5px black;
}

.bottom-right
{
border-bottom: solid 5px blue;
border-right: solid 5px blue;
}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="id" runat="server" CssClass="bottom-right left-top" Text="noget" />
    </div>
    </form>
</body>
</html>
Avatar billede Syska Mester
22. april 2009 - 09:10 #3
ohhh, og nu tror jeg så at jeg har misforstået spm :-(

DOHHHH
Avatar billede kongen72 Nybegynder
22. april 2009 - 09:17 #4
Ja en lille smule..;-) Der skal være 2 forskellige bordere rundt om knappen.
Avatar billede Syska Mester
22. april 2009 - 09:25 #5
Hej,

Det tror jeg ikke kan lade sig gøre ... jeg kan ikke umidbart finde nogen måder at gøre det på, så det kræver nok noget helt opskurt css hack ...

Dog ville du måske kunne få den effekt du vil have med et billeder som baggrund i knappen :-)

// ouT
Avatar billede kongen72 Nybegynder
24. april 2009 - 19:05 #6
ja, håbede bare på, at der var en anden udvej end et billede.. Jeg lukker og slukker for denne gang..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Se alle it-kurser fra Computerworld Kurser
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.
Se alle it-kurser

Flere spørgsmål fra C# kategorien

Titel Indlæg Oprettet Seneste aktivitet
Søger programmør til hjælp på eksamensprojekt - betaler gerne! Af Caroline BJ i C# 0 12/06/202411:19 -
Drev bogstav som path Af prox1 i C# 5 01/05/202403:58 01/05/202421:24
Tråd programmering Af lasserasch i C# 3 04/12/202313:03 06/01/202419:04
Inspiration til GUI opdatering fra Service lag. Af lasserasch i C# 2 28/11/202308:48 28/11/202319:29
Kan ikke komme igennem azure firewall med fil upload fra web app Af chrisrj i C# 1 28/08/202313:32 28/08/202314:04
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 08:14 Nyt Batteri installeret virker ikke Af duvander i Andet hardware
I går 20:33 Glemt kode Af Bukse i E-mail programmer
I går 17:26 Søge forslag på Firefox (Linjen på midten) (Eller øverst) Af Ikke-ekspert i Browsere
I går 15:57 Android box. Af johnnylassen i Apps til Android
I går 15:03 Makro kode Af djsimonsen i Excel
White papers
Flere white papers »


Premium
Teaser billede
Dansk netbetalings-firma brager frem efter strategiskifte: Forventer 5.000 nye kunder i år
Læs mere »
Virksomheder står over for store it-omkostninger: Mere end hver 10. pc kan ikke køre Windows 11
Tidligere Salesforce-boss Michael Zink stopper hos Celonis - skal være global CEO for softwareselskab
AI kan sætte en næsten øjeblikkelig stopper for sms- og telefonsvindel, men politikerne tøver
Se alle »
Computerworld
Teaser billede
Efter 11 år er det slut for Google Chromecast: Snart sidste udkald for at sikre sig den billige enhed
Læs mere »
10.000 timers ubønhørlig test afslører: Derfor sætter fladskærme ud
Mercedes’ nye generation af selvkørende biler får det grønne lys: Kan slippes løs på vejene
Google sigter højt med sin nye streaming-satsning: Mød Google TV Streamer
Se alle »
CIO
Teaser billede
Din Azure-konto kan blive misbrugt til kryptomining - helt uskyldige virksomheder ender med kæmpe-elregning
Læs mere »
Den danske it-kæmpe Atea skifter 1.200 enheder fra Windows 10 til 11: Vil spare tusindvis af arbejdstimer
Microsoft skyder tilbage mod flyselskab efter kæmpe-nedbrud: I har ringe infrastruktur
It-leverandør står over for millionbøde efter ransomware-angreb: Lykkedes ikke med at beskytte vigtige oplysninger
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
KMD-direktør forlader selskabet: Det skal hun nu
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Samlet platform sikrer sammenhæng, kontrol og sikkerhed i hybrid cloud
Læs mere »
Sådan gør du: Elektronisk dokumentudveksling i praksis
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
SASE: Træf det rette valg – første gang
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »