Notifikationer

Markér alle som læst Log ud

radiomus Nybegynder

24. april 2005 - 17:39 Der er 6 kommentarer og
1 løsning

4 ting der driller i XHTML/CSS -håber det er den rigtige kategori

1. ved brug af klikbare kort er der fejl i valideringen af xhtml'en, får følgende 3 fejl. hvad skal der gøres så man kan validere koden til xhtml1.1?

there is no attribute "name"
<map id="sitemap" name="sitemap">

character "#" is not allowed in the value of attribute "usemap"

<img src="./gfx/top.jpg" usemap="#sitemap" alt="" class="ingenramme"/>

reference to non-existent ID "#sitemap"
<img src="./gfx/top.jpg" usemap="#sitemap" alt="" class="ingenramme"/>

2. jeg har bygget min hjemmeside op ved brug af en table og celler til menu'en og indholdet. ved brug af align="center" på min table kan jeg få den centreret i browseren. Dette
er dog ikke validerbart, og jeg har prøvet at få samme effekt ved at bruge .center
{margin:auto} (som f.eks <table class="center">)har prøvet både en id og class i CSS'en, men
intet virker. hvordan kan det gøres?

3. I min indholdscelle har jeg brugt padding-left 25px, for at style det, så det passer ind i mit layout, derved får jeg en vertikal scrollbar på min celle som jeg ikke kan få
væk. kan jeg få rykket indholdet af min celle så jeg undgår den vertikale scrollbar?

4. vha classes har jeg bestemt width og heigth på mine menu celler. (indeni disse celler har jeg jpegs der har samme størelse som jeg har angivet på cellen, og lavet disse
billeder til links.) ideén er at alle cellerne undtagen den nederste er statisk i
størrelse, og ved at give den nederste celle height:100% så skulle den være variable
i forhold til størrelsen af browseren.

Nu er det sådan at min indholdscelle påvirker
størrelsen på alle mine menu celler, så de derved bliver højere end ønsket. både den nederste menucelle og indholdscellen skulle efter ideén følge browseren fra
minimum's størrelsen som er størrelsen på menucellerne, til maksimum på 100% af hvad browseren kan trækkes ud til, men med height:100% forekommer stræk af menucelle
højden, hvis indholdet af indholdscellen overskrider minimumsstørrelsen.

Eneste måde jeg kan finde ud af at undgå ændringen i menucellerne er at give indholdscellen en fast højde og derved miste den tilpassende effekt. (dog hvis browseren ikke kan have hele teksten i indholdscellen skulle den bare have en scroll bar)

i kan muligvis se hvad jeg mener.

sådan skulle det se ud
http://www.rasmus.buttons.dk

sådan kommer det til at se ud
http://www.rasmus.buttons.dk/index2.html

håber i kan hjælpe

Synes godt om

roenving Novice

24. april 2005 - 17:55 #1

1. Hvad med at forsøge det, den foreslår: Fjern #-tegnet i usemap-attributten !-)

2. Sætter du en bredde på tabellen skulle du uden problemer kunne centrere den:

<table style="width:750px;margin:0 auto">

-- der kan dog være noget med, at du tvinger IE til at skide på standarderne, når du bruger xml-prologen (og hvilken tegntabel er 8859-15 ?-)

-- så udskift det følgende:

<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Rasmus's CV</title>

-- til

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Rasmus's CV</title>

-- og så er det måske ikke det smarteste at bruge xhtml, når der slet ikke findes en browser, som kan læse den slags endnu ...

(læs også oleboles artikler om det: http://www.eksperten.dk/artikler/537 og http://www.eksperten.dk/artikler/538 !-)

3. Hvis du bruger padding og bredde 100% vil du netop få scroll, men det kan du selvfølgelig skjule: overflow:hidden;

4. Jeg ville kaste en stak selvstændige elementer ind i menuen, for på det punkt har du slet ikke brug for nogle tabel-egenskaber, så bare en stak divs inde i een celle !-)

Synes godt om

roenving Novice

24. april 2005 - 18:00 #2

Kig evt. her (og den foregående !-) http://www.w3.org/TR/xhtml11/xhtml11_dtd.html !o]

Synes godt om

radiomus Nybegynder

24. april 2005 - 18:46 #3

1. det med # i sitemap må falde på min læres regning, har været så smart at låse mig selv ude her i weekenden så har ikke mine bøger kun min interaktionslærer's hjemmeside, som åbenbart ikke er helt korrekt.

2. hehe xhtml er ikke mit valg, det er netop hvad dette projekt går ud på, nemlig at lære det :) er lige started på multimediedesigner uddannelsen i århus.

det med 8859-15 er en smutter, har kopy-pasted fra noget andet jeg engang pillede ved.

mht centrering af tabellen, så virker det stadig ikke
jeg har følgende i mit css:
.centertabel {
width: 760px;
margin: auto;
}
og dette i index.html:
<table class="centertabel" border="1" cellspacing="0" cellpadding="0">

så den burde være centreret.. men det er den bare ikke, forstår det virkelig ikke :)

3. mht overflow:hidden så virker det fint, men jeg vil gerne have cellen til at fylde browservinduet op og derefter få en scroll inde i cellen. som jeg har det nu får den scroll som normalt ude til højre.

jeg prøver lige at smide de div's ind i stedet for celler til menupunkterne.

Synes godt om

roenving Novice

24. april 2005 - 18:57 #4

-- men hvis du insisterer på xml-prologen, kan du ikke teste dit xhtml med IE, for så skider den på al css ...

<table style="width:500px;margin:0 auto;">
<tr>
<td style="background-color:#abc;height:200px;">Txt</td>
</tr>
</table>

Virker fortrinligt i IE, _hvis_ du undlader xml-prologen !-)

-- og en måde at tænke fuld højde på, kan du se på her:

http://www.eksperten.dk/spm/497362, http://www.eksperten.dk/spm/488278 og http://www.eksperten.dk/spm/520876 !o]

Synes godt om

radiomus Nybegynder

24. april 2005 - 19:48 #5

okay.. har lagt en ny version op www.rasmus.buttons.dk

har prøvet at kigge på http://www.eksperten.dk/spm/488278 og http://www.eksperten.dk/spm/520876 , men kan ikke rigtig tyde hvad det egentlig er jeg skal gøre.

hovedproblemet som det er nu er at få scrollbaren ind i indholdscellen, og få sat indholdscellens størrelse lig med browserens kant.

CSS:
.indhold
height: 100%;
overflow: auto;

i en class på td som indholdet står i

Index.html:
<td class="indhold">
<div>
<img src="./gfx/ovmig.jpg" alt=""/>
INDHOLD
</div>
</td>

hvad er det jeg laver ged i :)?

Synes godt om

radiomus Nybegynder

12. august 2008 - 23:02 #6

lukket

Synes godt om

arne_v Ekspert

12. august 2008 - 23:08 #7

ISO-8859-15 er ISO-8859-1 med Euro tegn, saa hvis man af en eller anden
grund ikke vil UTF-8, saa er ISO-8859-15 vel naestbedst. Men absolut ikke
"kendt".

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