28. juli 2008 - 22:24 Der er 29 kommentarer og
1 løsning

html kode hjælp

jeg skal ha hjælp til en kode, siden er ik oppe inu..men her er lidt af den

<center><font size="1" color="#FFFFFF"face="verdana"><LI>Tilbygning/Ombygning</font><br>
<center><<font size="1" color="#FFFFFF"face="verdana"><LI>Renovering</font><br>
<center><<font size="1" color="#FFFFFF"face="verdana"><LI>Vandskuring ude & inde</font><br>
<center><<font size="1" color="#FFFFFF"face="verdana"><LI>Klinke & Flisearbejde</font><br>
<center><<font size="1" color="#FFFFFF"face="verdana"><LI>Muropgaver</font><br>


jeg vil jo gerne ha prikkerne er centeret og ik teksten
28. juli 2008 - 22:25 #1
<center><font size="1" color="#FFFFFF"face="verdana"><LI>Tilbygning/Ombygning</font><br>
<center><font size="1" color="#FFFFFF"face="verdana"><LI>Renovering</font><br>
<center><font size="1" color="#FFFFFF"face="verdana"><LI>Vandskuring ude & inde</font><br>
<center><font size="1" color="#FFFFFF"face="verdana"><LI>Klinke & Flisearbejde</font><br>
<center><font size="1" color="#FFFFFF"face="verdana"><LI>Muropgaver</font><br>


sådan
Avatar billede w13 Novice
28. juli 2008 - 22:53 #2
Hmm. Altså. Både Center- og Font-tags er deprecated i dag. Og du kan heller ikke have andre tags rundt om <li>-tags end <ul> eller <ol>.

Hvad mener du med, at prikkerne skal centreres? Hvis nu du prøver med hele din ul:

<p style="text-align:center;font-family:verdana,sans-serif;font-size:10px;color:#fff">
  <ul>
    <li>Tilbygning/ombygning</li>
    <li>Renovering</li>
    <li>Vandskuring ude & inde</li>
    <li>Klinke & Flisearbejde</li>
    <li>Mureopgaver</li>
  </ul>
</p>

Det kunne nok også bare være:

<ul style="margin:auto;font-family:verdana,sans-serif;font-size:10px;color:#fff">
  <li>Tilbygning/ombygning</li>
  <li>Renovering</li>
  <li>Vandskuring ude & inde</li>
  <li>Klinke & Flisearbejde</li>
  <li>Mureopgaver</li>
</ul>

Så sparer du p-tag'et, men det kræver, at du bruger en gyldig doctype, og det er jeg ikke helt sikker på, du gør.
Avatar billede zips Juniormester
28. juli 2008 - 22:53 #3
Jeg er ikke helt med på hvad du mener?
men er det som dette du ønsker.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {background:#000000;}
li{font-family:verdana;font-size:12px; color:#FFFFFF;}
</style>
<title>Exp test</title>
</head>
<body>
<ul>
<li>Tilbygning/Ombygning</li>
<li>Renovering</li>
<li>Vandskuring ude & inde</li>
<li>Klinke & Flisearbejde</li>
<li>Muropgaver</li></ul>
</body></html>

For det du har skrevet er ikke noget man skriver mere.
Avatar billede zips Juniormester
28. juli 2008 - 22:54 #4
ups ikke hurtig nok :-)
Avatar billede w13 Novice
28. juli 2008 - 22:54 #5
Rimelig tæt på alligevel. =)
Avatar billede w13 Novice
28. juli 2008 - 22:56 #6
lindgaardbadass-76>> Men som Zips også viser, er det altid bedst at have sin CSS liggende i et stylesheet for sig. Evt. i et styletag, men endnu bedre i et eksternt CSS-dokument - så bliver Google i hvert fald gladere for din side. Nu mindre kode og mere tekst, nu bedre.
28. juli 2008 - 23:28 #7
zip hvad mener du med man ik skriver det mere?

det skal se sådan her ud


                    tekst center
            <li>Tilbygning/Ombygning</li>
            <li>Renovering</li>
            <li>Vandskuring ude & inde</li>
            <li>Klinke & Flisearbejde</li>
            <li>Muropgaver</li></ul>
                    tekst center
Avatar billede zips Juniormester
29. juli 2008 - 00:02 #8
<center> se her http://www.w3schools.com/TAGS/tag_center.asp
<font> se her http://www.w3schools.com/TAGS/tag_font.asp
<li> som ikke er afsluttet med </li> og mangler start <ul> og slut </ul>
face se her http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font-style

der jeg ville hen med det, var at det ville være nemmere at skrive i nutidige html i stedet for noget som er forældet.
Avatar billede zips Juniormester
29. juli 2008 - 04:07 #9
Er det noget i denne stil du du søger http://prebendahl.dk/exp/pic/text_centeret_i_en_li.jpg

Her er lige et par link om hvodan man laver disse ting og betydningen
http://css.maxdesign.com.au/
http://sweatte.wordpress.com/css-tips/

I hvilken sammenhæng skal du bruge dette da det ikke er noget man normalt gør, kun sammen med en menu som skal være block, men kik på de link om ikke der skulle være noget hjælp du kan bruge :-)
Avatar billede w13 Novice
29. juli 2008 - 07:55 #10
lindgaardbadass-76>> Som Zips også siger, så er flere af dine koder "forældede" i følge W3C - har du prøvet vores kodeforslag og set, om det giver dig det ønskede resultat?
29. juli 2008 - 09:08 #11
zips det er ik til en menu...menuen er det styr på..det er bare til forsiden til et murerfirma

det skal stå noget tekst i toppen som er centeret, så kommer det stykke med prikkerne hvor det er prikkerne som er centeret...og så kommer det noget teskt igen
Avatar billede w13 Novice
29. juli 2008 - 09:28 #12
Hvad mener du med, at "prikkerne er centrerede"? Kan du illustrere det? Hvis du ikke har prøvet vores kodeforslag, så gør det lige. Det kunne jo være, dit problem var løst.
29. juli 2008 - 10:33 #13
"tekst her som er cnteret på siden"

                          . Tilbygning/Ombygning
                          . Renovering
                          . Vandskuring ude & inde
                          . Klinke & Flisearbejde
                          . Muropgaver

                    "tekst her som er cnteret på siden"




her er hvordan det skal se ud...
Avatar billede zips Juniormester
29. juli 2008 - 12:51 #14
Hvis det skal se ud som du viser her 29/07-2008 10:33:19 men bare centeret på siden kan du gøre sådan her

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">

#test {margin: 0 auto;padding:0;width:200px; background:#158;}
#test ul {margin:0; padding: 0em 2em}
#test li {width: 150px;color: #fff;}
</style>

<title>Exp test</title>
</head>
<body>

<div id="test">
<ul>
<li>Tilbygning/Ombygning</li>
<li>Renovering</li>
<li>Vandskuring ude &amp; inde</li>
<li>Klinke &amp; Flisearbejde</li>
<li>Muropgaver</li></ul></div>

</body></html>

Så er det denne <div id="test"> som styre hvor den skal ligge på siden, her  er den sat til margin:0 auto; som gør at den centerer på siden
Avatar billede w13 Novice
29. juli 2008 - 13:01 #15
Har du prøvet vores koder? Jeg mener, de gør netop det.
29. juli 2008 - 19:38 #16
zips læs nu lige hvordan jeg skriver det den 29/07-2008 10:33:19

sådan skal det se ud


                    "tekst her som er cnteret på siden"

                          . Tilbygning/Ombygning
                          . Renovering
                          . Vandskuring ude & inde
                          . Klinke & Flisearbejde
                          . Muropgaver

                    "tekst her som er cnteret på siden"
Avatar billede olebole Juniormester
29. juli 2008 - 19:42 #17
<ole>

Ja, hvis man er høglanspolleret blank på et felt, er det jo næsten umuligt at lave noget somhelst på det pågældende felt  ;o)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">

#test {margin: 0 auto;padding:0;width:200px; background:#158;}
#test ul {margin:0; padding: 0em 2em}
#test li {width: 150px;color: #fff;}
</style>

<title>Exp test</title>
</head>
<body>

<p style="text-align:center">tekst her som er cnteret på siden</p>
<div id="test">
<ul>
<li>Tilbygning/Ombygning</li>
<li>Renovering</li>
<li>Vandskuring ude &amp; inde</li>
<li>Klinke &amp; Flisearbejde</li>
<li>Muropgaver</li></ul></div>
<p style="text-align:center">tekst her som er cnteret på siden</p>

</body></html>

/mvh
</bole>
Avatar billede zips Juniormester
29. juli 2008 - 20:01 #18
Ja det er jo ikke nemt når du beder om "jeg vil jo gerne ha prikkerne er centeret og ik teksten" men kun vil have at teksten før og efter dit li element skal være centret :-)

Men ole bole må jo så være kommet med din løsning du søger som er flettet ind i det jeg skrev, eller er det heller ikke lige det du søger ;-)
29. juli 2008 - 20:08 #19
ja olebole sådan bare uden de blå baggrund ved prikkerne
Avatar billede olebole Juniormester
29. juli 2008 - 20:10 #20
#test {margin: 0 auto;padding:0;width:200px;}
Avatar billede zips Juniormester
29. juli 2008 - 20:10 #21
Den blå baggrund er jo kun sat på så man kan den hvide text, slet background:#158; og den er væk :-)
Avatar billede zips Juniormester
29. juli 2008 - 20:12 #22
>> ole bole "høglanspolleret blank på et felt" GFW :-)
Avatar billede olebole Juniormester
29. juli 2008 - 20:14 #23
zips >> sorry, men lige, hvad angår dén forkortelse, er det mig, der er højglanspolleret blank. Translation, please  :D
Avatar billede zips Juniormester
29. juli 2008 - 20:17 #24
Nej Nej GFW = Griner For Vildt og højglanspolleret blank var bare et udtryk jeg ikke lige har hørt her ud på landet :-)

http://www.teliakampagne.dk/smsordbog/sms_ordbog.asp?o=g
Avatar billede erikjacobsen Ekspert
29. juli 2008 - 20:24 #25
Må vi ikke lige be' om kammertonen:  http://retskrivningsordbogen.dk/ro/dataservlet?p1=h%C3%B8jg&p2=false&p3=0&p4=10

"polleret" er vist ikke helt stuerent...
Avatar billede olebole Juniormester
29. juli 2008 - 20:34 #26
Det er da vist kun, når man pollerer et kor ... eller er det, når man pullerer et kor ... åhhrrr, den danske sprog er da osse en svær én! Nå, ja ... i min alder bliver man zq til tider nødt til at tage sexlivet i egen hånd!  ;D

- 'højglanspoleret' naturligvis. Ellers giver 'høj glans' da vist også en helt forkert mening  0:)
Avatar billede w13 Novice
29. juli 2008 - 20:35 #27
:P
Avatar billede olebole Juniormester
29. juli 2008 - 20:38 #28
- en højlandspollering, efterfulgt af en single malt highlander, lyder ellers ikke som noget, der bør ringeagtes  =)

Så, OLE ...!!!
29. juli 2008 - 20:39 #29
olebole

#test {margin: 0 auto;padding:0;width:200px; background:#158;}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">

#test {margin: 0 auto;padding:0;width:200px; background:#99CCCC;}
#test ul {margin:0; padding: 0em 2em}
#test li {width: 150px;color: #ffffff;}
</style>

<title>Exp test</title>
</head>
<body>

<p style="text-align:center">tekst her som er cnteret på siden</p>
<div id="test">
<ul>
<li>Tilbygning/Ombygning</li>
<li>Renovering</li>
<li>Vandskuring ude &amp; inde</li>
<li>Klinke &amp; Flisearbejde</li>
<li>Muropgaver</li></ul></div>
<p style="text-align:center">tekst her som er cnteret på siden</p>

</body></html>


det felt som hedder width:200px skal ik være der..siden skal fylde det hele,da den bliver sadt ind i en ramme..

tekst her som er cnteret på siden må gerne være samme størrelse og farve som det andet

ellers så er den der
Avatar billede olebole Juniormester
29. juli 2008 - 20:47 #30
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Exp test</title>
<style type="text/css">
ul {width:200px;margin:0 auto; padding: 0em 2em}
li {width: 150px;color: #ffffff;}
</style>
</head>
<body>

<p style="text-align:center">tekst her som er cnteret på siden</p>
<ul>
<li>Tilbygning/Ombygning</li>
<li>Renovering</li>
<li>Vandskuring ude &amp; inde</li>
<li>Klinke &amp; Flisearbejde</li>
<li>Muropgaver</li></ul>
<p style="text-align:center">tekst her som er cnteret på siden</p>

</body></html>

- men mon ikke, det var en idé at lære noget grundlæggende HTML og CSS?  =)
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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