Avatar billede snigeren Nybegynder
25. februar 2004 - 20:12 Der er 22 kommentarer og
1 løsning

scalering af tekst

Hej

Jeg har brug for at kunne scalere tekst ligesom man kan i photoshop: vertical og horizontal scaling. så man kan stretche bogstaverne.

Hvordan kan dette gøres med CSS eller noget tilsvarende. Jeg er lige begyndt at bruge CSS så jeg ved ikke så meget om det og jeg bruger lige pt. Dreamweaver mx 2004

/Snig
Avatar billede doggy82 Praktikant
25. februar 2004 - 20:43 #1
Det virker ikke i de fleste browsere. Men se her http://dbaron.org/css/test/sec150203d
Men rent design mæssigt er det "ulovligt". Det ødelægger skrift designet.
Brug i stedet en bredere skrifttype.
Avatar billede snigeren Nybegynder
25. februar 2004 - 21:23 #2
hmm skod,.. så er det derfor jeg ikke kan se de scripts. Jeg brugte nemlig også font-stretch.

Er der virkelig ikke en anden måde at lave fonten bredere på?

/Snig
Avatar billede doggy82 Praktikant
25. februar 2004 - 21:32 #3
find en anden skrifttype. men hvis det bare er en overskrift kan du jo lave den som et billede
Avatar billede snigeren Nybegynder
25. februar 2004 - 21:46 #4
hvis man finder en anden skrifttype som ikke er standard,.. kan man så placere den i CSS filen? eller fylder det for meget?

og så lige en lille ting til,... kan man ikke lave mellemrum som indent. Jeg har en punktopstilling som følgende

1. punkt
  underpunkt 1
  underpunkt 2
  underpunkt 3
2. punkt
3. punkt

hvordan laver jeg bedst denne opstilling i html?

/Snig
Avatar billede doggy82 Praktikant
25. februar 2004 - 22:00 #5
Ang. skrifter som brugeren ikke har på sin computer: http://www.webdesign101.dk/fonts/skrifter2.php - PS: jeg har ikke selv kunnet få det til at virke da jeg eksperimenterede med det :(
Avatar billede snigeren Nybegynder
25. februar 2004 - 22:03 #6
hmm jeg må jo nøjes med dem der er så =)

Men hvad med at lave en punktliste,.. det er jo så altså meningen at punkterne skal stå lige under hinanden men tallene skal stå for sig selv. Ved du hvordan man bedst gør det?

Eller er den eneste måde at sætte dem ordentlig op på ved at lave 2 celler i tabellen: en med tallene og en med selve teksten

/Snig
Avatar billede doggy82 Praktikant
25. februar 2004 - 22:35 #7
Kan du ikke bare lave en "ordered" list? http://www.w3schools.com/html/html_lists.asp
Avatar billede snigeren Nybegynder
25. februar 2004 - 22:54 #8
Jeg prøvede lige at bruge <ul> men kan man ændre indent-afstanden på nummer to indent afstand?
Avatar billede doggy82 Praktikant
25. februar 2004 - 23:08 #9
øh hva?! ved ikke lige om jeg forstår, men du kan bruge indent hvor du har lyst med:
style="text-indent:10px;"

Ellers prøv at smid din kode her...
Avatar billede snigeren Nybegynder
25. februar 2004 - 23:47 #10
hehe nu har jeg uploadet et billede som jeg gerne vil have det til at se ud... der er ikke lige noget kode at vise så det her er lettest så kan du helt præcist se, hvad jeg mener.

http://www.triodimenzionale.dk/misc/eksperten.jpg

Det er alfa omega at man ikke kan lave om på skriftstørrelsen i browseren, derfor ville jeg bruge CSS til at "låse" layoutet.

/Snig
Avatar billede doggy82 Praktikant
26. februar 2004 - 00:20 #11
Så skal du lave en liste inde i listen:

<ol>
  <li>Welding:
    <ul>
    <li>Tig welding</li>
    <li>Mig welding</li>
    <li>Mag welding</li>

    </ul>
  </li>
  <li>Plumbing</li>
  <li>Refinery technique</li>

</ol>

For atlave den mere som du vil ha' den indsæt følgende i dit stylesheet:

ol ul {list-style-type:none;margin-left:4px;}
Avatar billede doggy82 Praktikant
26. februar 2004 - 00:21 #12
evt. margin-left:0px; - men jeg syntes det ser bedst ud at den er rykket lidt ind af :)
Avatar billede mik789 Nybegynder
26. februar 2004 - 12:29 #13
snigeren 25/02-2004 23:47:10>"Det er alfa omega at man ikke kan lave om på skriftstørrelsen i browseren, derfor ville jeg bruge CSS til at "låse" layoutet."

Det kan du ikke. I princippet skulle det fiksere tekststørrelsen hvis du angiver den i px. F.eks. font-size: 13px; Den vil så også være fikseret i Internet Explorer, men ikke i Netscape/Mozilla, der tillader at brugeren kan forøge størrelsen, også selv om den er angivet i px.
Avatar billede snigeren Nybegynder
26. februar 2004 - 13:24 #14
mik789 >> hmm skoj, er der ikke en anden måde at låse fonten fast i alle browsere? ellers må jeg jo lige lave siden lidt mere dynamisk =(
Avatar billede doggy82 Praktikant
26. februar 2004 - 13:57 #15
Dynamik er jo netop fordelen ved web design. Det giver større brugervenlighed. Så jeg fatter heller ikke at så mange vil låse deres design.
Avatar billede snigeren Nybegynder
26. februar 2004 - 13:59 #16
doggy82 >> den liste du har lavet er rigtig fin,.. der er bare et problem =)

Kan man ikke få punkterne 1,2,3,... til at starte helt inde i siden så de ikke er indentet?

eller kan jeg få overskriften "we are experienced in" til at stå lige under punkterne 1,2,3,...?

Det går ikke at overskrift og punkter ikke står under hindanden =(

/Snig
Avatar billede snigeren Nybegynder
26. februar 2004 - 14:01 #17
jeg mente self. at få overskriften til at stå på linie med punkterne
Avatar billede doggy82 Praktikant
26. februar 2004 - 14:07 #18
Du indsætter da bare:
ol {margin-left:0px;}

du skal evt. rette den til hvis du i for vejen har en margin.
Avatar billede doggy82 Praktikant
26. februar 2004 - 14:08 #19
altså indsæt det i dit stylesheet
Avatar billede snigeren Nybegynder
26. februar 2004 - 14:19 #20
hmm jeg har ikke helt fattet hvor i style sheetet det skal indsættes.

Mit style sheet ser sådan ud:

.BGstyle { 
    background-color: 1f1f1f;
    background-image: url(pics/bg-profile1.jpg);
    background-repeat: no-repeat
}
.main_text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #0EBD70;
    font-weight: bold;
    margin-left:0px;
}
ol ul {list-style-type:none;margin-left:0px;}

Men der er stadig margin på,... det ser således ud i browseren:
http://www.triodimenzionale.dk/misc/eksperten2.jpg

og skulle således ud:
http://www.triodimenzionale.dk/misc/eksperten.jpg

/Snig
Avatar billede snigeren Nybegynder
26. februar 2004 - 14:24 #21
hmm jeg prøvede lige at sætte:
ol {margin-left:0px;}

da jeg satte den linie ind rykkede den bare alle list items ind til venstre margin og det ser nu således ud:
http://www.triodimenzionale.dk/misc/eksperten3.jpg
Avatar billede snigeren Nybegynder
26. februar 2004 - 14:39 #22
Nu har jeg lige prøvet med en defined list istedet, her er resultatet:
http://www.triodimenzionale.dk/misc/eksperten4.jpg

Nu er problemet at underpunkterne ikke står lige under hovedpunkterne som de gør i:
http://www.triodimenzionale.dk/misc/eksperten2.jpg

Håber ikke du syntes det er alt for besværligt at hjælpe mig =)

/Snig
Avatar billede snigeren Nybegynder
02. marts 2004 - 00:55 #23
hmm jeg tror desværre ikke lister er løsningen på mit problem, men du har da givet mig en god source side og et indblik i lister så du får bare points alligevel =)

takker
/Snig
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