Notifikationer

Markér alle som læst Log ud

steen_hansen Forsker

07. oktober 2004 - 07:50 Der er 10 kommentarer og
1 løsning

Hvordan rykker jeg teksten 10px; fra venstre kant i cellen?

Jeg skal have placeret teksten i en menu 10-15px fra cellens venstre kant, men kunne samtidig godt tænke mig at benytte dette CSS:

a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
color: #000;
text-decoration: none;
}
a.menu:hover {
color: #fff;
background-color: #0090e4;
text-decoration: none;
}
.activeMenu {
display: block;
background-color:#0078c8;
color: #fff;
text-decoration: none;
}
a.menu, a.activeMenu:hover, a.menu:hover, a.activeMenu:hover {
color: #fff;
text-decoration: none;
}

Det markerer hele cellen ved hover, og markerer den valgte celle med en farve, så brugeren lettere kan finde ud af hvor han/hun befinder sig.

Problemet er, at hvis jeg bruger padding: 0px 0px 0px 15px; - så bliver farven i cellen også rykket 15px; mod venstre, så det er kun teksten, der skal rykkes.

Desuden kunne jeg godt tænke mig at kunne lave luft i cellen v.hj.a. padding. Skal jeg lave en tabel i hver celle for at kunne styre det, eller kan det styres på en smart måde v.hj.a. CSS?

Synes godt om

limemedia Nybegynder

07. oktober 2004 - 07:55 #1

Prøv med
a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
color: #000;
text-decoration: none;

margin-left: 10px;
}

a.menu:hover {
color: #fff;
background-color: #0090e4;
text-decoration: none;

margin-left: 10px;
}

.activeMenu {
display: block;
background-color:#0078c8;
color: #fff;
text-decoration: none;

margin-left: 10px;
}

a.menu, a.activeMenu:hover, a.menu:hover, a.activeMenu:hover {
color: #fff;
text-decoration: none;

margin-left: 10px;
}

Ganske utestet

Ref : http://www.w3schools.com/css/css_margin.asp

Synes godt om

steen_hansen Forsker

07. oktober 2004 - 07:56 #2

Jeg skal lige skynde mig at tilføje, at jeg ønsker en border-bottom: none, dotted, dashed, solid, double, groove, ridge, inset eller outset. Det er derfor, at HELE cellen skal have denne farve-effekt :o)

Synes godt om

steen_hansen Forsker

07. oktober 2004 - 07:57 #3

Yo, ljweb, lang tid siden, troede ikke du fandtes længere :o)

Den eneste ændring er margin-left: 10px;?

Synes godt om

steen_hansen Forsker

07. oktober 2004 - 07:58 #4

Nej, det er det samme problem :/

Synes godt om

limemedia Nybegynder

07. oktober 2004 - 07:59 #5

dét gør jeg heller ikke *g* får bare mails engang imellem og "kigger ind"
ja, og så formareret så jeg synes det er nemmere at overskue - send mig evt en html eksempel fil så jeg kan lege

Synes godt om

steen_hansen Forsker

07. oktober 2004 - 08:02 #6

Hm, jeg kan ikke finde en e-mailadresse i dine data? Du får tabellen her:

<%
Dim strCurrentPage : strCurrentPage = Request.ServerVariables( "SCRIPT_NAME" )
Dim strMenuClass : strMenuClass = "menu"
Dim strActiveMenuClass : strActiveMenuClass = "activeMenu"
%>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tr>
<td align="left"><a href="/borch/default.asp" onfocus="this.blur();" class="<% If(InStr(strCurrentPage, "/borch/default.asp")) Then %><%=strActiveMenuClass%><% Else %><%=strMenuClass%><% End If %>">Hjem</a></td>
</tr>
<tr>
<td align="left"><a href="/borch/default1.asp" onfocus="this.blur();" class="<% If(InStr(strCurrentPage, "/borch/default1.asp")) Then %><%=strActiveMenuClass%><% Else %><%=strMenuClass%><% End If %>">Link 2</a></td>
</tr>
<tr>
<td align="left"><a href="/borch/default2.asp" onfocus="this.blur();" class="<% If(InStr(strCurrentPage, "/borch/default2.asp")) Then %><%=strActiveMenuClass%><% Else %><%=strMenuClass%><% End If %>">Link 3</a></td>
</tr>
<tr>
<td align="left"><a href="/borch/default3.asp" onfocus="this.blur();" class="<% If(InStr(strCurrentPage, "/borch/default3.asp")) Then %><%=strActiveMenuClass%><% Else %><%=strMenuClass%><% End If %>">Link 4</a></td>
</tr>
<tr>
<td align="left"><a href="/borch/default4.asp" onfocus="this.blur();" class="<% If(InStr(strCurrentPage, "/borch/default4.asp")) Then %><%=strActiveMenuClass%><% Else %><%=strMenuClass%><% End If %>">Link 5</a></td>
</tr>
</table>

Håber du kan få noget ud af det, ellers spørg. Rart at se dig igen :o)

Synes godt om

limemedia Nybegynder

07. oktober 2004 - 08:22 #7

prøvede lige - dét her synes da at virke for mig

<html>
<head>
<style>
a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
color: #000;
text-decoration: none;

padding-left: 20px;
}

a.menu:hover {
color: #fff;
background-color: #0090e4;
text-decoration: none;

padding-left: 20px;
}

.activeMenu {
display: block;
background-color:#0078c8;
color: #eee;
text-decoration: none;

padding-left: 20px;
}

a.menu, a.activeMenu:hover, a.menu:hover, a.activeMenu:hover {
color: #fff;
text-decoration: none;

padding-left: 20px;
}
</style>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" style="width: 100%;">
<tr><td align="left"><a href="/borch/default.asp" onfocus="this.blur();" class="menu">Hjem</a></td></tr>
<tr><td align="left"><a href="/borch/default.asp" onfocus="this.blur();" class="menu">Hjem</a></td></tr>
<tr><td align="left"><a href="/borch/default.asp" onfocus="this.blur();" class="activeMenu">Hjem</a></td></tr>
<tr><td align="left"><a href="/borch/default.asp" onfocus="this.blur();" class="menu">Hjem</a></td></tr>
</table>

</body>
</html>

Synes godt om

steen_hansen Forsker

07. oktober 2004 - 08:57 #8

Jo, sq! Det virker fint! Tak for hjælpen, bedste ven - igen :o)

Er du stadig i Danmark, eller er du taget til Japan igen?

Synes godt om

limemedia Nybegynder

07. oktober 2004 - 08:59 #9

jeg er stadig i Japan - som jeg har været de seneste 3 år og en skvat

Synes godt om

limemedia Nybegynder

07. oktober 2004 - 09:00 #10

og tak for karma :p

Synes godt om

steen_hansen Forsker

07. oktober 2004 - 09:01 #11

10-4 - snakkes :o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS