Avatar billede Slettet bruger
29. maj 2003 - 11:58 Der er 39 kommentarer og
1 løsning

Teksten rykker sig ved forøget tekststørrelse

For nylig genlæste jeg Jakob Nielsens bog om godt webdesign og besluttede mig derfor for at lave nogle ændringer på mit site, heriblandt at gå fra absolutte tekststørrelser til procentuelle. På den måde kan brugeren selv forstørre teksten, hvis vedkommende har lyst til det.

Nu er der imidlertid opstået et problem på forsiden:
http://www.phoenixv.dk
Hvis man vælger en større tekststørrelse i Internet Explorer (Vis > Tekststørrelse > Større/Størst) rykker punkterne "Webdesign", "Scripts" og "Links" et stykke ned.
Dette sker ikke i NS7.

Jeg har lavet denne testside:
http://www.phoenixv.dk/testindex.html
... hvor kanterne på tabelcellerne er fremhævet med rød. Her kan man se, at IE udvider både cellen med billedet og cellen med emnepunkterne, når tekststørrelsen forøges, på trods af, at jeg har givet cellen med billedet en absolut højde.

Hvad skal jeg gøre? Som I kan se i kilden, har jeg prøvet med adskillige vertical-align's o.l.

På forhånd tak, hilsen
PhoenixV
Avatar billede htmlaga Nybegynder
29. maj 2003 - 12:16 #1
Hvis jeg forstår dig rigtigt vil du have punkterne "Webdesign", "Scripts" og "Links" (ved stor tekststørrelse) til at opfører sig som punkterne "Smart linkbeskrivelse", "Lidt større brugervenlighed" og "Nyt design på sitet!" gør ved meget små tekststørrelser. Problemet kan derfor løses ved at bygge koden op på samme måde som ved sektionen i højre side ("lidt større...").
Avatar billede Slettet bruger
29. maj 2003 - 12:50 #2
Nej, det, jeg mener, er, at når man vælger en større tekststørrelse i menuen, rykker "Webdesign", "Scripts" og "Links" sig et godt stykke ned i forhold til billedet, hvilket ødelægger designet.
Avatar billede Slettet bruger
29. maj 2003 - 12:50 #3
Altså hullet mellem billedet og punkterne går fra ca. 20 pixels til 50-60 stykker.
Avatar billede pelkjaer Nybegynder
29. maj 2003 - 13:08 #4
http://peterelkjaer.dk/exp/test.html

Jeg har fjernet din rowspan da jeg ikke kunne få det til at funke med, og istedet indsat "links, scripts osv" lige under front.jpg - med margin-bottom:12px; på front.jpg.
Avatar billede roenving Novice
29. maj 2003 - 13:30 #5
Jeg kom til at tænke på, om man ikke kunne bruge et cowboy-trick:

<td style="width: 650px; height: 250px; vertical-align: top;font-size=1px">

-- ud fra en tanke om, at IE åbenbart tildeler noget text-plads inde i cellen uanset om der er noget ?-)

-- og nej, det virkede ihvertfald ikke i min IE6 .-|
Avatar billede bearhugx Nybegynder
29. maj 2003 - 14:31 #6
Jeg er ikke helt sikker, men jeg tror jeg ved, hvad dit problem er...

I den linie, hvor du indsætter dit (flotte) front-grafik (front.jpg) - prøv da at slette din \n inden du slutter tabellen af

dvs. i stedet for
  <img src="front.jpg" alt="" style="width: 650px; height: 250px;" />
  </td>

at du så skriver
  <img src="front.jpg" alt="" style="width: 650px; height: 250px;" /></td>

Internet exploiter betragter nemlig newlines som et space - dvs. et space, som selvfølgelig vil rette sig efter, hvor stort man vil se teksten....

Desværre kan man i IE kun forhindre at der kommer det famøse ekstra space ved at afslutte tabellen på samme linie...

/Søren
Avatar billede Slettet bruger
30. maj 2003 - 10:51 #7
pelkjaer>> Det virker! Genialt! :)
Det ærgrer mig nu, jeg ikke selv kom på den idé...

Men smid et svar, så skal du få dine point.

Er der i øvrigt nogen, der har en idé om, hvorfor Opera7 ikke viser kanten til højre og neden under nyhedsboksene?
Avatar billede pelkjaer Nybegynder
30. maj 2003 - 11:09 #8
Hvis du ændrer din class .nyhed

.nyhed {
  width: 230px;
  padding-left: 10px;
  border: 1px solid #CCCCCC;
}

så er Opera 7 også med her.

Svar :)
Avatar billede pelkjaer Nybegynder
30. maj 2003 - 11:12 #9
Men det er NS6 ikke - hæh :(
Avatar billede Slettet bruger
30. maj 2003 - 11:13 #10
Var NS6 med før (jeg kan kun teste i NS7)?
Avatar billede pelkjaer Nybegynder
30. maj 2003 - 11:15 #11
Ja NS6 er fint med (med margin-left i .nyhed) - og Opera 7 er med hvis man siger padding-left.
Avatar billede Slettet bruger
30. maj 2003 - 11:16 #12
Så NS6 kræver margin-left, mens Opera7 kræver padding-left eller hvad?
Avatar billede Slettet bruger
30. maj 2003 - 11:18 #13
Ok, jeg kan selv se det nu. Prøv at "overtale" Opera til at makke ret! :)
Avatar billede roenving Novice
30. maj 2003 - 11:19 #14
Gaab, er der ikke en dag en som kan skrive en lille pamflet om at tilfredsstille alle browsere -- på en 3-5 sider (nå-nej tusind ;-|
Avatar billede Slettet bruger
30. maj 2003 - 11:21 #15
roenving>> Hørt! Synes også det er på tide, man bliver enige om at slå kræfterne sammen og udvikle én browser, der overholder ALLE standarder og i øvrigt bliver fuldt integreret med styresystemet. Men... :)
Avatar billede pelkjaer Nybegynder
30. maj 2003 - 11:22 #16
Med

.nyhed {
  width: 230px;
  margin-left: 10px auto;
  border: 1px solid #CCCCCC;
}


Virker det i NS6, IE6 samt Opera 7
Avatar billede Slettet bruger
30. maj 2003 - 11:23 #17
Jeg fik det også til at virke nu, dog med en anden løsning.
Se www.phoenixv.dk
Avatar billede pelkjaer Nybegynder
30. maj 2003 - 11:26 #18
Yup - nu virker det i alle mine browsere (har ik tjekket i NN4 *rofl*)

I forbindelse med dit "fluid" layout er http://www.peterelkjaer.dk/css/cssexperimental.html også vældigt interessant
Avatar billede Slettet bruger
31. maj 2003 - 11:49 #19
Jeg får en 404 på ovenstående link.

I øvrigt sigter jeg kun efter IE5+, NS6+ og Opera7. :)
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 11:55 #20
Nu får du ikk 404
Avatar billede Slettet bruger
31. maj 2003 - 12:02 #21
Jep, meget godt. Men eksperimenter er ikke meget værd, for de sættes i kraft i den "virkelige verden". :)
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:07 #22
Jow gu er de så :) Man starter jo ik lige med at smide noget uprøvet op på en kundes site :)
Avatar billede Slettet bruger
31. maj 2003 - 12:10 #23
Enig. Men mht. procentuelle tekststørrelser, har det jo været standard på nettet siden det startede. Der er desværre i de seneste par år mange, der ikke tænker over det, og skriver deres skriftstørrelser i px.
Avatar billede Slettet bruger
31. maj 2003 - 12:11 #24
Faktisk bør selv px-skriftstørrelser kunne skaleres af brugeren efter min mening.
Det er fx for åndssvagt her på Eksperten, at man ikke kan ændre skriftstørrelsen selv. Det giver dårlige øjne for folk med store skærmopløsninger eller dårligere øjne for folk med dårlige øjne! :)
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:12 #25
Ja det er helt korrekt, det gør jeg også selv. Nogle gange er det også en nødvendighed hvis designet er avanceret i en eller anden form, det er derfor at ovenstående eks, er smart, da man kan definere områder på sin side der kan "forstørres".
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:14 #26
Og skulle det være rigtigt smart, skulle der bygges cookies på :)
Avatar billede Slettet bruger
31. maj 2003 - 12:16 #27
Vi er jo nogle stykker, der går og venter på browsernes død.
Til den tid har nettet forhåbentlig udviklet sig til et informationsudvekslingssystem, hvor brugerne selv udtrækker den information - og ser den på den måde - de ønsker.
Men man kan jo godt anticipere denne proces lidt; det er er desværre ikke mange, der tænker på, og der er endnu færre, der siger det til dem! :)
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:23 #28
Sikke en usenet rus du er på lige pludselig :o)
Avatar billede Slettet bruger
31. maj 2003 - 12:32 #29
Jep, det er bare sider som fx vores allesammens Kronprins', der gør mig så skide irriteret. Hvad fanden bilder han sig ind at besvære alle de gamle damer så meget med den åndsvage menu? :)
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:38 #30
Nu har jeg ikke set den side (anti anarkist som jeg efterhånden er), men som udgangspunkt mener jeg at man blot bør tænke sig om når man laver et site.
Er målgruppen bl.a. "gamle damer", er det klart at det ikke er en tahoma 10px der skal bruges :)

Når det er sagt, kan jeg udmærket se idéen med procentuelle tekst størrelser, jeg mener blot ikke at det altid er muligt over hele siten.
Avatar billede Slettet bruger
31. maj 2003 - 12:40 #31
Nej, måske er det heller ikke så hensigtsmæssigt i fx menuen på toppen af min hjemmeside. Men alligevel: Folk kører jo generelt med skriftstørrelsen sat på mellem. Det er kun, hvis de rent faktisk har brug for det, at de sætter den på noget større. Og så bør de vel også hjælpes.

P.S. Anti-anarkist? Hvad har det med kongehuset at gøre?
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:41 #32
Jeg mente anti-monarkist *G*
(og jeg har ellers være i livgarden, måske det er derfor *rofl*)
Avatar billede Slettet bruger
31. maj 2003 - 12:42 #33
Ok, så forstår jeg bedre! :)
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:43 #34
Ja klart at de bør hjælpes, jeg ville blot fortrække en lille menu med "site styles here", hvor man kan vælge fx. 3 tekststørrelser defineret af mig, både hvor og hvad.
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:44 #35
Så ville man i dit tilfælde som et eksempel, kunne gøre dit content større, uden at det ændrer på "layout'et", deriblandt menuen.
Avatar billede Slettet bruger
31. maj 2003 - 12:45 #36
Hm, set ud fra designerens synspunkt måske, men det kræver bare, at en ny bruger også skal finde frem til den indstillingsmulighed.
Efter min mening bør der i JavaScript være noget lignende navigator.textSize, hvor man så kan aflæse brugerens foretrukne størrelse. Ud fra denne information kan man så vise en dynamisk sidesammensætning.
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:46 #37
Ved min egen (totalt ubrugervenlige site) ville det ikke kunne lade sig gøre at ændre alt pga, den lille scroll menu, men selve content ville sagtens kunne ændres.
Avatar billede Slettet bruger
31. maj 2003 - 12:47 #38
Ja, og det er jo også en rigtig godt start, eftersom det er det væsentlige.
Avatar billede pelkjaer Nybegynder
31. maj 2003 - 12:48 #39
Det er jo det (hvordan man så kommer frem til det væsentlige underlader jeg at kommentere) =oD
Avatar billede Slettet bruger
31. maj 2003 - 12:49 #40
:)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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