---

Hej,

Det drejer sig om fieldset på den følgende side:

http://www.geocities.com/hokus123/urban/default.htm

Overskrifterne "Welcome to..." og "featured Recipe", stregen
(fieldset) omkring overskriften skal først starte efter teksten.

altså:

Welcome to UrbanRecipes.net --------------------

og ikke:

-- Welcome to UrbanRecipes.net -------------------

Nogen som kender en løsning på den ? tak.

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Mads B. Rasmussen wrote:
> Hej,
>
> Det drejer sig om fieldset på den følgende side:
>
> http://www.geocities.com/hokus123/urban/default.htm
>
> Overskrifterne "Welcome to..." og "featured Recipe", stregen
> (fieldset) omkring overskriften skal først starte efter teksten.
>
> altså:
>
> Welcome to UrbanRecipes.net --------------------
>
> og ikke:
>
> -- Welcome to UrbanRecipes.net -------------------
>
> Nogen som kender en løsning på den ? tak.

Overskrifter vil automatisk rykke lidt ind, og da stregen ligger helt ud til
kanten er denne synlig.

du kan bruge "text-indent"
http://www.html.dk/tutorials/css/lektion5.asp#text-indent
til at rykke teksten ud til venstre, så stregen ikke kan ses.

eller fjerne noget at den sorte streg i billedet bag overskriften.


--
mvh Søren Nielsen
http://www.soerennielsen.dk/akvarie/

---

Tak for det hurtige svar.

Jeg kan dog ikke få det til at gøre som jeg vil.

hvor sætter jeg text-ident ind ?



--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

jeg mener selvfølgeligt text-indent ikke ident :)

virker stadig ikke....

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Mads B. Rasmussen wrote:
> jeg mener selvfølgeligt text-indent ikke ident :)
>
> virker stadig ikke....

I din css
..welcomehead{
......
......
}

Kan ikke se om det kommer til at virke, da du har
23 tabeller på siden.

Har du overvejet at bruge css i stedet for tabeller?


--
mvh Søren Nielsen
http://www.soerennielsen.dk/akvarie/

---

On Mon, 26 May 2003 13:02:48 +0200, "Soeren Nielsen"
<soeren_nielsen_dk_scn@hotmail.com> wrote:

>Har du overvejet at bruge css i stedet for tabeller?

Hvor kan man læse noget om dette?

Med venlig hilsen
Jesper Hansen

---

Jesper Hansen wrote:
> On Mon, 26 May 2003 13:02:48 +0200, "Soeren Nielsen"
> <soeren_nielsen_dk_scn@hotmail.com> wrote:
>
>> Har du overvejet at bruge css i stedet for tabeller?
>
> Hvor kan man læse noget om dette?
>

Et godt sted at starte er:
http://www.html.dk/tutorials/css/


--
mvh Søren Nielsen
http://www.soerennielsen.dk/akvarie/

---

On Mon, 26 May 2003 15:37:57 +0200, "Soeren Nielsen"
<soeren_nielsen_dk_scn@hotmail.com> wrote:

>Et godt sted at starte er:
>http://www.html.dk/tutorials/css/

Tak

Med venlig hilsen
Jesper Hansen

---

Mads B. Rasmussen wrote:

> Hej,
>
> Det drejer sig om fieldset på den følgende side:
>
> http://www.geocities.com/hokus123/urban/default.htm
>
> Overskrifterne "Welcome to..." og "featured Recipe", stregen
> (fieldset) omkring overskriften skal først starte efter teksten.
>
> altså:
>
> Welcome to UrbanRecipes.net --------------------
>
> og ikke:
>
> -- Welcome to UrbanRecipes.net -------------------
>

Umidelbart ville jeg kun bruge fieldset og legend sammen med en form.

Den effekt du prøver at opnå, kan laves på følgende måde.
Lav en div block med border top og right samt en header med en negativ
top margin, så den kommer op over div block'en.
Headeren skal også have en hvid background så den skjuler border'en.

Hintzmann c",)

---

> Umidelbart ville jeg kun bruge fieldset og legend sammen med en form.
>
> Den effekt du prøver at opnå, kan laves på følgende måde.
> Lav en div block med border top og right samt en header med en negativ
> top margin, så den kommer op over div block'en.
> Headeren skal også have en hvid background så den skjuler border'en.
>
> Hintzmann c",)

Det lydder interessant, jeg har bare aldrig rigtig arbejdet med div
block før. var det muligt at du vil lavet lidt mere uddybende eksempel
til mig ?

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Mads B. Rasmussen wrote:

>>Hintzmann c",)
>
>
> Det lydder interessant, jeg har bare aldrig rigtig arbejdet med div
> block før. var det muligt at du vil lavet lidt mere uddybende eksempel
> til mig ?
>

Du får et eksempel her:
http://users.cybercity.dk/~dsl58854/testcenter/css/www_urbanrecips_dk/index.html


her CSS'en

----

body {font-size:100%;}
..blok {
   width:500px;
   border-top:1px solid black;
   border-right:1px solid black;
}
..blok h1 {
   position:relative;
   top:-0.7em;
   display:inline;
   font-size:1em;
   margin:0;
   padding:0 0.5em 0 0;
   background:white;
}
..blok p {
   margin:0 0 1em 0;
}

----

Og her er HTML'en

<div class="blok">
   <h1>Tekst</h1>
   <p>
      Tekst
   </p>
</div>

Hintzmann c",)

---

> Du får et eksempel her:
> http://users.cybercity.dk/~dsl58854/testcenter/css/www_urbanrecips_dk/index.html

> Hintzmann c",)

Mange tak, virker som det skal :]


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> Lav en div block med border top og right samt en header med en negativ
> top margin, så den kommer op over div block'en.
> Headeren skal også have en hvid background så den skjuler border'en.
>
> Hintzmann c",)

har prøvet at gøre som du siger, men det giver problemer...
Når header marginen er negativ laver div blocken to topborders ...
guderne ved hvorfor.
Hvordan løser jeg problenmet ?
http://212.242.192.89/urny/default.htm ... der er koden hvis min pc er
tændt :)

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials