Søg
Avatar billede madseksperten Nybegynder
08. marts 2008 - 02:53 Der er 14 kommentarer og
1 løsning

tekst indryk

hejsa.

jeg vil gerne have lavet tekst indryk på ca 60px; i en bestemt <td> som skal gøres via mit eksterne stylesheet.
Hvordan ser det ud i css?
Jeg har prøvet padding: 60px; men så udvider hele <td>én sig
hvis jeg sætter margin sker der det samme.

Håber der er en der har en ide?

Med Venlig hilsen
Mads
Avatar billede thesurfer Nybegynder
08. marts 2008 - 03:20 #1
Brug text-indent..

Eksempel:

text-indent:60px;

Det kan du så smide i en klasse og tilføje klassen til din td:

.indrykning
{
text-indent:60px;
}

og:

<td class="indrykning">dette er teksten</td>

Hvis du hellere vil bruger id i stedet for class, gør du sådan her:

#indrykning
{
text-indent:60px;
}

og

<td id="indrykning">dette er teksten</id>


HUSK:

- class kan bruges flere steder (dvs, på flere elementer, som f.eks. celler)

- id må kun bruges 1 gang, da id altid skal være unikt og starte med et bogstav (må ikke starte med et tal)
Avatar billede madseksperten Nybegynder
08. marts 2008 - 13:41 #2
Du er for´sej surfer, mange tak for det. Man kan vel også sætte den i højre side også så?, istedet for at skulle skrive <br> hver gang?
Avatar billede thesurfer Nybegynder
08. marts 2008 - 21:33 #3
huh? Forstod jeg ikke.. :-)
Avatar billede madseksperten Nybegynder
08. marts 2008 - 21:53 #4
hej surfer:-)

Forstår jeg godt:-/

Jeg har lige lagt et link ind, der hvor jeg har skrevet prove prove prove går ind over billedet nedenunder, hvordan får jeg det til at være sådan at der også kommer en margin ind der?

http://www.mads.wep.dk/index.htm

Med Venlig Hilsen
Mads
Avatar billede thesurfer Nybegynder
09. marts 2008 - 11:22 #5
Jeg kan ikke komme ind på siden du linker til..

Prøv lige at lave et billede (f.eks. via "Paint" i Windows, som ligger i "Tilbehør"-mappen i startmenuen) og uploade det til:

http://www.peecee.dk

Man siger jo, at et billede siger mere en 1000 ord.. :-)
Avatar billede madseksperten Nybegynder
09. marts 2008 - 13:43 #6
det skulle gerne virke nu, tror jeg var igang med at uploade på daværende tidspunkt.
Håer du stadigvæk har tid:-/
Avatar billede thesurfer Nybegynder
09. marts 2008 - 14:02 #7
Jeg vil anbefale at du først finder ud af, hvilken standard (doctype / DTD) du vil følge, når du skriver HTML..

Liste over standarderne:
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Den standard der tillader flest ting, er:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Den linie SKAL være den FØRSTE linie i filerne! - Der må ikke stå noget foran..


Når du har tilføjet DTD'en, kan du validere din hjemmeside på:

http://validator.w3.org/

Validatoren fortæller dig hvad der er galt med din kode.. det er så op til dig at få rettet alle de fejl den måtte finde..

Et godt råd:
Brug ALDRIG Internet Explorer til at se siden layout, mens du udvikler siden! Du får bare et forkert billede af hvad der er rigtigt.

Brug hellere FireFox og/eller Opera.. eller en kombination af de 3 browsere..
Avatar billede madseksperten Nybegynder
09. marts 2008 - 16:28 #8
hej igen surfer.

Det havde jeg ikke lige tænkt over da det er et eksamens projekt og ikke skulle oploades til nettet.
Når jeg har skrevet linjen ind:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

forsvinder min sort bar i toppen, men det finder jeg ud af. Det eneste der bare er meget vigtig for mig nu var at text-indent: 145px; kun virker på den første linje, hvordan fik jeg den til at virke på de andre linjer i <td>èn??
Avatar billede thesurfer Nybegynder
09. marts 2008 - 17:15 #9
Ja.. :-)

Det nemmeste ville nok være at dele td'en/dataene op i 2 td'er.. så har du også mere kontrol over hvordan tingene opfører sig..

Eksempel:

td'en til venstre indholder billedet
td'en til højre indeholder "prove"-teksten..

Du skal så lige have klippet billedet til, så det passer ind i td'en i venstre side..
Avatar billede madseksperten Nybegynder
09. marts 2008 - 18:35 #10
hvordan kan jeg ændre min <td>, jeg mener hvordan vil koden se ud, skal jeg lave en ny table så?
Avatar billede thesurfer Nybegynder
09. marts 2008 - 19:50 #11
Er det bare mig, eller er http://www.mads.wep.dk/ monster ustabil..? :-)

Enten tager det en krig at loade, eller også kommer der ikke noget frem..

Jeg ved ikke om jeg får tid til at kigge på det i dag.. jeg skal se om jeg kan smide noget kode her ind, engang i morgen aften, efter arbejde..
Avatar billede thesurfer Nybegynder
09. marts 2008 - 20:00 #12
Det skal lige siges, at browseren Opera kommer med en del fejlmeldinger, angående din CSS kode..

F.eks.:
- du bruger "font" i stedet for "font-family"
- du skriver text-align1
- du skal nok ikke regne med at kunne bruge skriften "Cambria"
- du angiver størreslsen "12spx;" ("s"?)

Hvis der er noget css du ikke bruger, skal du enten fjerne CSS-koden, eller kommentere den ud med:

/*
css kode der ikke bliver afviklet indsættes her
*/


----- Fra Opera's fejlkonsol:



CSS - http://www.mads.wep.dk/css/links.css
Linked-in stylesheet
Invalid value for property: font
Line 2:
        font: Cambria;
  --------------------^
CSS - http://www.mads.wep.dk/css/links.css
Linked-in stylesheet
Invalid value for property: font
Line 17:
        font: Cambria;
  --------------------^
CSS - http://www.mads.wep.dk/css/links.css
Linked-in stylesheet
Invalid value for property: font
Line 30:
        font: Cambria;
  --------------------^
CSS - http://www.mads.wep.dk/css/links.css
Linked-in stylesheet
Invalid value for property: font
Line 43:
        font: Cambria;
  --------------------^
CSS - http://www.mads.wep.dk/css/links.css
Linked-in stylesheet
Invalid value for property: font-size
Line 45:
        font-size: 12spx;
  -----------------------^
CSS - http://www.mads.wep.dk/css/toplinks.css
Linked-in stylesheet
Invalid value for property: font
Line 2:
                    font: Cambria;
  --------------------------------^
CSS - http://www.mads.wep.dk/css/toplinks.css
Linked-in stylesheet
Invalid value for property: font
Line 15:
                    font: Cambria;
  --------------------------------^
CSS - http://www.mads.wep.dk/css/toplinks.css
Linked-in stylesheet
Invalid value for property: font
Line 28:
                    font: Cambria;
  --------------------------------^
CSS - http://www.mads.wep.dk/css/toplinks.css
Linked-in stylesheet
Invalid value for property: font
Line 40:
                    font: Cambria;
  --------------------------------^
Avatar billede madseksperten Nybegynder
10. marts 2008 - 22:47 #13
Hej surfer, tak for tippet. Jeg har fået rettet mange af dem nu, tror jeg. vidste ikke man kunne gøre det, men det har jeg jo lært nu.:-)
Avatar billede thesurfer Nybegynder
11. marts 2008 - 18:32 #14
Jeg har svært ved at indlæse din webside. Jeg er heldig engang i mellem, og får loades siden.. men andre gange får jeg beskeden "The site may be busy or the web server may be down." (via Proxomitron).

Da jeg ikke kan indlæse side, kan jeg ikke helt se hvad der er i CSS-klassen "undermenu"...

En mulig løsning er at bruge 2 divs, med float left..

Eksempel:

<td rowspan="2" valign="top"><div style="float:left; width:133px; height:102px;">billede</div><div style="float:left; width:480px; height:108px;">prove prove prove prove prove prove prove prove prove prove prove prove prove prove prove prove</div></td>

På disse divs kan du så f.eks. bruge:

padding-left
padding-right
margin-left
margin-right

Du kan lige kigge på det, og prøve værdierne på begge divs, hvis du ønsker, indtil du opnår nøjagtigt det du vil..

Sig til hvis du skal bruge mere hjælp.. som ligger inden for rimelighedens grænser.. :-)
Avatar billede thesurfer Nybegynder
11. marts 2008 - 18:36 #15
Læg mærke til, at jeg har fjernet CSS-klassen fra td'en der indeholder "prove" teksten.. dvs, jeg har slettet:

class="undermenu"
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:06 Hjemmeside der virker både på mobil og computer Af Strawberry i PHP
I går 17:08 Problemer med borger.dk Af valby i Windows
I går 14:19 Fejl Af buls i Windows
I går 13:44 Adgang til Google konto via Ipad Af cyperbent i E-mail programmer
24/0109:50 Mobilpay svindel Af nu_igen i Andre onlineløsninger
White papers
Flere white papers »