Notifikationer

Markér alle som læst Log ud

blach Nybegynder

22. september 2005 - 21:12 Der er 15 kommentarer og
1 løsning

Et CSS problem

Hej..

Kan ikke få nedenstående css til at vise den arrow.gif. I et alm. HTML dokument virker det fint, så regner med at det er ASP .NET...

.teaserBar SPAN {
MARGIN-TOP: 10px; DISPLAY: block; PADDING-LEFT: 8px; FONT-SIZE: 10px; BACKGROUND: url(arrow-red.gif) rgb(210,210,210) no-repeat left 3px;
}

Synes godt om

blach Nybegynder

22. september 2005 - 21:23 #1

Har det således i html dokket:

<UL>

tekst

</UL>

- og Visual Stuido siger at SPAN ikke kan nestes under UL.. hvad gør jeg så?

Synes godt om

softspot Forsker

23. september 2005 - 00:01 #2

Det kan den da heller ikke (det validerer med stor sandsynlighed ikke hvis du gør)...

Hvad er formålet med at lægge et SPAN-element direkte under et UL-element? Under UL-elementer hører LI-elementer (hvori du så kan lægge et SPAN-element)...

Synes godt om

softspot Forsker

23. september 2005 - 00:02 #3

Med andre ord, hvad er det du ønsker at opnå?

Synes godt om

blach Nybegynder

23. september 2005 - 12:56 #4

Jeg poster lige min kode, så er det lidt nemmere :)
TeaserBar vælger hvor på siden den skal være (virker fint), så skal SPAN bare indsætte et ikon for hvert link - dette vikrer fint i normal html, men ikke i ASP .NET.
Du siger man ikke skal lave en SPAN inde i en UL.. Har du et bud på hvordan jeg ellers kan sætte det op? (kan jeg lave den SPAN om til et LI?)

--html--
<UL class=teaserBar>
<a href"">Nyheder1</a>
<a href"">Nyheder2</a>
</UL>

--css--
.teaserBar
{
font-family: Verdana;
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-TOP: 0px; POSITION: relative; TOP: 0px; HEIGHT: 100%; TOP: 300px;
}
.teaserBar SPAN
{
MARGIN-TOP: 10px; DISPLAY: block; PADDING-LEFT: 8px; FONT-SIZE: 10px; BACKGROUND: url(arrow-red.gif) rgb(210,210,210) no-repeat left 3px;
}

Synes godt om

softspot Forsker

23. september 2005 - 13:02 #5

Jeg er ret sikker på at dette kan lade sig gøre:

<UL class=teaserBar>
<LI><a href"">Nyheder1</a></LI>
<LI><a href"">Nyheder2</a></LI>
</UL>

Synes godt om

softspot Forsker

23. september 2005 - 13:02 #6

Ja, eller bare som du siger droppe SPAN til fordel for LI:

<UL class=teaserBar>
<LI><a href"">Nyheder1</a></LI>
<LI><a href"">Nyheder2</a></LI>
</UL>

Synes godt om

softspot Forsker

23. september 2005 - 13:04 #7

Og så naturligvis konsekvensrette i stylesheetet :)

Synes godt om

blach Nybegynder

23. september 2005 - 13:15 #8

Det hjælper ikke nogle af delene..

Den rykker teksten fint ind (gør plads til ikon), også hvis jeg bare laver stylesheet for LI og skriver:
<UL class=teaserBar>
<LI class=li>Nyheder1</li>
<LI class=li>Nyheder2</li>
</UL>

Denne virker slet ikke, så bliver teksten heller ikke rykket ind :S
<UL class=teaserBar>
<LI><a href"">Nyheder1</a></LI>
<LI><a href"">Nyheder2</a></LI>
</UL>

Den skal ikke formuleres anderledes, det med at den tager billede og sætter ind?

Synes godt om

softspot Forsker

23. september 2005 - 13:25 #9

--html--
<UL class=teaserBar>
<LI><a href"">Nyheder1</a></LI>
<LI><a href"">Nyheder2</a></LI>
</UL>

--css--
.teaserBar
{
font-family: Verdana;
PADDING:0 0 0 10px;
DISPLAY: block;
TOP: 0px;
LEFT: 0px;
MARGIN: 0px 0px 0px;
POSITION: relative;
HEIGHT: 100%;
TOP: 300px;
}
.teaserBar li
{
MARGIN-TOP: 10px;
DISPLAY: block;
PADDING-LEFT: 8px;
FONT-SIZE: 10px;
BACKGROUND: rgb(210,210,210) url(arrow-red.gif) no-repeat left 3px;
}

Jeg studser umiddelbart over at du har to top-positioner på din ul, men det burde jo bare være 300px der gælder. Så har jeg rykket farvekoden hen foran url i background.

Og så lige en sidste ting: eksisterer billedet arrow-red.gif?

Synes godt om

blach Nybegynder

23. september 2005 - 13:59 #10

arrow-red.gif er der :)

Men det virker heller ikke :-/ Har ersattet den gamle css med den nye...

Du kan se den fulde kode her, hvis det har noget med det at gøre: (har et andet problem også) http://www.eksperten.dk/spm/650404

Synes godt om

blach Nybegynder

23. september 2005 - 14:08 #11

-har lige smidt den friske kode op på det link, med de ændringer du lavede..

Den brokker sig ikke mere, men forstår ikke hvorfor den arrow-red.gif ikke bliver vist !?

Synes godt om

softspot Forsker

23. september 2005 - 14:24 #12

Prøv evt. at "skære ind til benet", dvs. kun sætte den mest nødvendige kode i dokumentet indtil det fungerer.

Eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<style type="text/css">
.teaserBar
{
PADDING:0 0 0 10px;
DISPLAY: block;
MARGIN: 0;
list-style-type:none;
}
.teaserBar li
{
MARGIN:0;
DISPLAY: block;
PADDING-LEFT: 8px;
BACKGROUND-image: url(arrow-red.gif);
background-repeat: no-repeat;
background-position: left 3px;
}
</style>
</HEAD>
<BODY>
<UL class="teaserBar">
<LI><a href"">Nyheder</a></LI>
</UL>
</BODY>
</HTML>

Jeg er klar over at dette er langt fra det du ønsker, men det burde give dig et udgangspunkt for at funde ud af hvad der rent faktisk fungerer...

Synes godt om

blach Nybegynder

23. september 2005 - 15:05 #13

Tak, vi har fundet fejlen..

Havde lagt css-filen ind i en mappe, så referencer var forkert... :S

Du kan ikke hjælpe med det andet spm? Den footer bliver ikke hvor den skal...
http://www.eksperten.dk/spm/650404

Synes godt om

softspot Forsker

23. september 2005 - 15:16 #14

Velbekomme :)

Synes godt om

softspot Forsker

23. september 2005 - 15:50 #15

Tak for point :)

Synes godt om

blach Nybegynder

23. september 2005 - 16:14 #16

Selv tak.. du er dagens helt, hvis du kan fixe det andet også ;-)

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

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 ASP.NET kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Angular, oprettelse af et projekt , Visual Studio 2022, C# Af OBS i ASP.NET	14	08/12/202501:05	11/12/202518:15
valgte i checkboks og comboboks opdater gui og backend Af keepy i ASP.NET	0	01/10/202318:39	-
Webservice Af SommerFyr i ASP.NET	19	11/05/202313:43	31/05/202315:08
ASP:Image og JPG/PDF Af TV47 i ASP.NET	4	25/03/202318:49	31/03/202310:24
www til non-www og HTTPS Af KOH i ASP.NET	2	16/03/202312:31	22/03/202310:19

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