Søg
Avatar billede dl Nybegynder
18. januar 2005 - 00:37 Der er 9 kommentarer og
1 løsning

dottet linie omkring en div

jeg har i en css skrævet:

#MainSection {

    border-left: black 1px solid;
    border-right: black 1px solid;

    background-color: #ff66cc;
    width: 750px;


}



og jeg har en div box, som da få disse solid line border på... men hvordan får jeg dem til at blive dottet ?

//dl
Avatar billede olebole Juniormester
18. januar 2005 - 00:39 #1
<ole>

border: 1px dotted black;

/mvh
</bole>
Avatar billede dl Nybegynder
18. januar 2005 - 00:45 #2
k, tak ... kan du ikke også svar på dette:

se på http://dlarsen.sytes.net/
Du skal ikke tage dig af farverne ...

min kilde kode ser sådan du:



index fil >>>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <meta name="robots" content="index, nofollow, noarchive">
        <meta name="description" content="Tølløse Camping & Weber Club">
        <meta name="Keywords" content="Tølløse, Camping, Weber, Club">
        <link rel="stylesheet" type="text/css" href="/test/system/screenstyle.css" media="screen">
        <link rel="stylesheet" type="text/css" href="/test/system/printstyle.css"  media="print">
    </head>

    <body>

<?php
    include($_SERVER["DOCUMENT_ROOT"] . "/header.php");
?>

    <div id="MainSection">

        <p>min forside</p>

    </div>





    </body>

</html>





header filen >>>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Tølløse Camping & Weber Club - menusystem</title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <meta name="description" content="Tølløse Camping & Weber Club">
        <meta name="Keywords" content="Tølløse, Camping, Weber, Club">
        <meta name="robots" content="index, nofollow, noarchive">
        <link rel="stylesheet" type="text/css" href="/system/screenstyle.css" media="screen">
        <link rel="stylesheet" type="text/css" href="/system/printstyle.css"  media="print">

    </head>
    <body>

        <div id="HeaderSection" >
            <h1>Toppen!</h1>
            <div id="HeaderNavigationSection">
                <p>Navigation!</p>
                <a href="index.php?menu=1">link: Menu 1  & submenu = 0 </a>
            </div>
        </div>

    </body>
</html>







mit SP:  hvorfor laver den et så stort mellemrum ?

//dl

PS. kom med et svar, så kan du også få de point.
Avatar billede dl Nybegynder
18. januar 2005 - 00:45 #3
som min CSS fil:


/* ----- stylesheet til screen ----- */

#HeaderSection {

    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;

    background-color: #F1F5FB;
   
    width: 755px;


}


#HeaderNavigationSection {


    background-color: #cc66cc;
    width: 750px;


}


#MainSection {

    border-left: 1px dotted black;
    border-right: 1px dotted black;

    background-color: #ff66cc;
    width: 755px;


}
Avatar billede olebole Juniormester
18. januar 2005 - 01:02 #4
Den resulterende kode siger vel det hele:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <meta name="robots" content="index, nofollow, noarchive">
        <meta name="description" content="Tølløse Camping & Weber Club">
        <meta name="Keywords" content="Tølløse, Camping, Weber, Club">
        <link rel="stylesheet" type="text/css" href="/test/system/screenstyle.css" media="screen">
        <link rel="stylesheet" type="text/css" href="/test/system/printstyle.css"  media="print">
    </head>

    <body>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Tølløse Camping & Weber Club - menusystem</title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <meta name="description" content="Tølløse Camping & Weber Club">
        <meta name="Keywords" content="Tølløse, Camping, Weber, Club">
        <meta name="robots" content="index, nofollow, noarchive">
        <link rel="stylesheet" type="text/css" href="/system/screenstyle.css" media="screen">
        <link rel="stylesheet" type="text/css" href="/system/printstyle.css"  media="print">

    </head>
    <body>

        <div id="HeaderSection" >
            <h1>Toppen!</h1>
            <div id="HeaderNavigationSection">
                <p>Navigation!</p>
                <a href="index.php?menu=1">link: Menu 1  & submenu = 0 </a>
            </div>
        </div>

    </body>
</html>




    <div id="MainSection">

        <p>min forside</p>

    </div>





    </body>

</html>
Avatar billede olebole Juniormester
18. januar 2005 - 01:04 #5
Til en start skal din PHP-fil se sådan ud:

<?php
    include($_SERVER["DOCUMENT_ROOT"] . "/header.php");
?>

    <div id="MainSection">

        <p>min forside</p>

    </div>





    </body>

</html>

- hverken mere eller mindre  :)
Avatar billede olebole Juniormester
18. januar 2005 - 01:06 #6
... og header PHP bør så se sådan ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Tølløse Camping & Weber Club - menusystem</title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <meta name="description" content="Tølløse Camping & Weber Club">
        <meta name="Keywords" content="Tølløse, Camping, Weber, Club">
        <meta name="robots" content="index, nofollow, noarchive">
        <link rel="stylesheet" type="text/css" href="/system/screenstyle.css" media="screen">
        <link rel="stylesheet" type="text/css" href="/system/printstyle.css"  media="print">

    </head>
    <body>

        <div id="HeaderSection" >
            <h1>Toppen!</h1>
            <div id="HeaderNavigationSection">
                <p>Navigation!</p>
                <a href="index.php?menu=1">link: Menu 1  & submenu = 0 </a>
            </div>
        </div>

- no more - no less
Avatar billede dl Nybegynder
19. januar 2005 - 23:12 #7
jeg har stadig samme problem, med at den laver en tom linie ... når jeg includer

se på http://dlarsen.sytes.net/
se source koden

//dl

PS. olebole.. kom med et svar, så du kan få point for at besvar mit spørgsmål.
Avatar billede olebole Juniormester
19. januar 2005 - 23:34 #8
Det er dit p-tag, der giver den ekstra afstand ... et 'paragraf' tegn  ;o)
Prøv at bruge et div - eller sæt margin-værdier på dine p-tags:

p {
  margin: 0px
}
Avatar billede dl Nybegynder
19. januar 2005 - 23:38 #9
Men alle mine "P" tegn er inden i en DIV ...
Browser result:
<!-- Header Section Begin -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Mit - menusystem</title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <meta name="description" content="Tølløse Camping & Weber Club">
        <meta name="Keywords" content="Tølløse, Camping, Weber, Club">
        <meta name="robots" content="index, nofollow, noarchive">

        <link rel="stylesheet" type="text/css" href="/system/screenstyle.css" media="screen">
        <link rel="stylesheet" type="text/css" href="/system/printstyle.css"  media="print">

    </head>
    <body>

        <div id="HeaderSection" >
            <h1>Toppen!</h1>
            <div id="HeaderNavigationSection">

                <p>Navigation!</p>
                <a href="index.php?menu=1">link: Menu 1  & submenu = 0 </a>
            </div>
        </div>

<!-- Header Section End -->


<!-- Main Section Begin -->


        <div id="MainSection">

            <p>min forside</p>

        </div>



<!-- Main Section End -->


<!-- Footer Section begin -->

        <div id="FooterSection" >
            <h1>footer!</h1>
        </div>

    </body>
</html>

<!-- Footer Section End -->
Avatar billede dl Nybegynder
19. januar 2005 - 23:54 #10
Du har fået point. Jeg har oprettet et nyt SP, med det nye problem.
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 22:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
I går 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
White papers
Flere white papers »