/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Tabeller
Fra : Julie Thomsen


Dato : 27-07-02 16:45


Hejsa

Hvornår bruges tabeller til at placere elementer? Er det at
foretrække at lave en hjemmeside som udelukkende består
at elementer placeret i celler ell. hvad er alternativet?

Min hjemmeside skal opdeles i 3 sektioner:

1) Billede: øverst centreret, samt tekst på hver side af billedet
2) Menu i venstre side
3) Højre side skifter indhold alt efter menuvalg.

Der skal i øvrigt helst være en border som adskiller de 3
sektioner
(frames er udelukket idet border her ikke virker i Netscape)

PLEASE HELP

Mvh Julie



--
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

 
 
jopa (27-07-2002)
Kommentar
Fra : jopa


Dato : 27-07-02 18:43

"Julie Thomsen" skrev bla
> Hvornår bruges tabeller til at placere elementer? Er det at
> foretrække at lave en hjemmeside som udelukkende består
> at elementer placeret i celler ell. hvad er alternativet?

CSS er hvad du skal bruge
Du definerer hele layautet af dine sider med CSS således at kun dit
indhold/tekst laves i HTML.
Tabeller til layaut er yt siger jeg.
Check denne side og find inspiration.
http://glish.com/css/


--
jopa

www.web-templates.dk
www.jp-web.dk



julie thomsen (28-07-2002)
Kommentar
Fra : julie thomsen


Dato : 28-07-02 14:12


Hejsa Jopa

Tak for svar. Jeg har nu prøvet at gøre således:

<html>
<head>
<title>CafeCastro</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">
img{position: absolute; left: 225px; top: -1px;
          border: solid 5px #003366;}

</style>
</head>

<body bgcolor="#000033">
<img src="Billeder/CafeCastro.jpg" width="350" height="134">

</body>
</html>

Bortset fra at border ikke virker så fungerer det fint.
Hvordan gør jeg nu når jeg skal indsætte et nyt billede. Det retter
sig jo efter den forrige img style? Håber du forstår hvad jeg mener,
men
det er lidt svært at forklare når man selv er forvirret

Please help!!!

mvh Julie



--
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

Kasper Kyndsberg (28-07-2002)
Kommentar
Fra : Kasper Kyndsberg


Dato : 28-07-02 14:33

"julie thomsen" <julle.thomsen@mail.dk> skrev
>
> Hejsa Jopa
>
> Tak for svar. Jeg har nu prøvet at gøre således:
[...]
> img{position: absolute; left: 225px; top: -1px;
[...]
> <img src="Billeder/CafeCastro.jpg" width="350" height="134">
[...]
> Bortset fra at border ikke virker så fungerer det fint.

Border skal se således ud:

border: 5px solid #003366

> Hvordan gør jeg nu når jeg skal indsætte et nyt billede. Det retter
> sig jo efter den forrige img style? Håber du forstår hvad jeg mener,
> men
> det er lidt svært at forklare når man selv er forvirret

Det er fordi du har angivet en generel regel for alle billeder. Når du
styler dine enkelte billeder så gør det inline eller en class:

Inline (i en linie):
<img src="billede.gif" alt="Sort Opel Manta med brede fælge" style="width:
230px; height: 50px; border: 1px solid black; position: absolute; top: 10px;
left: 255px;">

Som en class i dit stylesheet:

<img scr="billede.gif" alt="Sort Opel Manta med brede fælge" id="min-manta">

<style type="text/css">
img.min-manta {
width: 230px;
height: 50px;
border: 1px solid black;
position: absolute;
top: 10px;
left: 255px;
}
</style>

I dit stylesheet kan det være fornuftigt at skrive en general regel om at
billederne ingen borger har:

img {
border: none;
}

Således laver du undtagelser i dine billeder inline eller i en class.

--
/Kasper
http://www.kyndsberg.dk



dudsen (28-07-2002)
Kommentar
Fra : dudsen


Dato : 28-07-02 14:56

julie thomsen wrote:

> Bortset fra at border ikke virker så fungerer det fint.
> Hvordan gør jeg nu når jeg skal indsætte et nyt billede. Det retter
> sig jo efter den forrige img style? Håber du forstår hvad jeg mener,
> men
> det er lidt svært at forklare når man selv er forvirret
> Please help!!!

du skal bruge et div eller et div element læs evt tutorialen på
www.html.dk for lige at få en ide om hvad det er.
koden ser ca sådan ud.
<html>
<head>
<title>CafeCastro</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">
body
{
background-color: #000033;
}

#bilede1
{
position: absolute;
top: -1px;
left: 224px;
border: solid 5px #003366;
}
</style>
</head>

<body>
<div id="bilede1"> <img src="pfshop05.jpg" width="350"
height="134">
</div>
</body>

--
Daniel Udsen <dudsen@koen.dk>
Triangle: "Does it have anything to do with..."
Robert: "The interdimensional portal and box of rubber pretzels?
Sort of."


Kasper Kyndsberg (28-07-2002)
Kommentar
Fra : Kasper Kyndsberg


Dato : 28-07-02 15:13

"dudsen" <dudsen@gjk.dk> skrev
> julie thomsen wrote:
>
> > Bortset fra at border ikke virker så fungerer det fint.
> > Hvordan gør jeg nu når jeg skal indsætte et nyt billede. Det retter
> > sig jo efter den forrige img style? Håber du forstår hvad jeg mener,
> > men
> > det er lidt svært at forklare når man selv er forvirret
> > Please help!!!
>
> du skal bruge et div eller et div element læs evt tutorialen på
> www.html.dk for lige at få en ide om hvad det er.
> koden ser ca sådan ud.


Hvorfor skal det partou være et div? Ethvert blokelement kan positioneres -
således også billeder.

--
/Kasper
http://www.kyndsberg.dk



dudsen (28-07-2002)
Kommentar
Fra : dudsen


Dato : 28-07-02 15:43

Kasper Kyndsberg wrote:

> "dudsen" <dudsen@gjk.dk> skrev
>> julie thomsen wrote:
>>
>> > Bortset fra at border ikke virker så fungerer det fint.
>> > Hvordan gør jeg nu når jeg skal indsætte et nyt billede. Det
>> > retter sig jo efter den forrige img style? Håber du forstår hvad
>> > jeg mener, men
>> > det er lidt svært at forklare når man selv er forvirret
>> > Please help!!!
>>
>> du skal bruge et div eller et div element læs evt tutorialen på
>> www.html.dk for lige at få en ide om hvad det er.
>> koden ser ca sådan ud.
>
>
> Hvorfor skal det partou være et div? Ethvert blokelement kan
> positioneres - således også billeder.

Det var jeg så ikke helt klar over, eller også var det bare heden der
fik mig til at overse den løsning, der egentligt er mere elegant end
div løsningen.

--
Daniel Udsen <dudsen@koen.dk>
Judging by the sounds of arbitrary mayhem, step six must be coming
along.


Julie Thomsen (28-07-2002)
Kommentar
Fra : Julie Thomsen


Dato : 28-07-02 16:25



Jeg har fundet ud af at position absolute ikke er så smart, ide at hele
sitet rykker til venstre ved en højere opløsning end den den er lavet i.
Hvilke løsninger er der ellers? Jeg ønsker at placere de forskellige elementer
helt præcist og det kan så vidt jeg ved kun gøres ved at bruge f.eks left:
50px top:100px.

Mvh Julie



--
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

dudsen (28-07-2002)
Kommentar
Fra : dudsen


Dato : 28-07-02 19:59

Julie Thomsen wrote:

>
>
> Jeg har fundet ud af at position absolute ikke er så smart, ide at
> hele sitet rykker til venstre ved en højere opløsning end den den er
> lavet i. Hvilke løsninger er der ellers? Jeg ønsker at placere de
> forskellige elementer helt præcist og det kan så vidt jeg ved kun
> gøres ved at bruge f.eks left: 50px top:100px.

brug %vise angivelser af position istedet for px

--
Daniel Udsen <dudsen@koen.dk>
Robert: "Fortunately for me, I don't want to understand the nature of
the universe."


Kasper Kyndsberg (28-07-2002)
Kommentar
Fra : Kasper Kyndsberg


Dato : 28-07-02 21:26

"Julie Thomsen" <julle.thomsen@mail.dk> skrev
> Jeg har fundet ud af at position absolute ikke er så smart, ide at hele
> sitet rykker til venstre ved en højere opløsning end den den er lavet i.
> Hvilke løsninger er der ellers? Jeg ønsker at placere de forskellige
elementer
> helt præcist og det kan så vidt jeg ved kun gøres ved at bruge f.eks left:
> 50px top:100px.


Du kan også positionere fra bunden og fra højre (bottom, right)

Men ellers så kan du bruge position: relative.

--
/Kasper
http://www.kyndsberg.dk



jopa (29-07-2002)
Kommentar
Fra : jopa


Dato : 29-07-02 07:50

"julie thomsen" skrev .bla
> Hvordan gør jeg nu når jeg skal indsætte et nyt billede. Det retter
> sig jo efter den forrige img style? Håber du forstår hvad jeg mener,

Jeg selv bruger bla følgende:
----------------------------------------------------------
<div id="billede1">
<img src="billeder/navnbillede1.jpg" alt="navnbillede"/>
</div>
-----------------------------------------------------------
og i mit style:

#billede1 {
float:left;
width: 450px;
}
------------------------------------------------------------
Har du så flere billeder så er det bare :<div id="billede2"> osv
Til ovenstående er brugt float, og der er andre muligheder


--
jopa

www.web-templates.dk
www.jp-web.dk



Søren L. Petersen (28-07-2002)
Kommentar
Fra : Søren L. Petersen


Dato : 28-07-02 20:44

Du vil sikkert få en del svar, der ikke er så opløftende. Der er jo nogle
der mener at de er bedre end andre. Lad dig ikke slå ud af det.
Der er jo også dem der sværger til advancerede sider med flash og andre
dikkedare. Dem skal du heller ikke lade dig imponere af.
Det vigtigste er at du kommer ud med dit budskab, og at din side kommer
hurtigt på skærmen. Det kan man ikke altid sige om de advancerede sider. En
del af de folk som poster en masse javascript på deres sider, gør det uden
at kontrollere om de scripts er fejlfrie.

Det almindelige HTML sprog kan du sagtens lave noget pænt. Men stadig er det
dit budskab der er det vigtigste.

Tabeller kan bruges til mange ting. En af de ting som du vil kunne bruge det
til med fordel, er at lave en højre og venstre margen, så din tekst ikke
hænget helt ude i skærmkanten. Her vil en margen på 3 - 5% være passende.
Inde i det midterste felt kan du så evt. bygge et antal felter alt efter
hvad det er du vil vise.

Lad dig ikke gå på af kritikken, men sorter skit fra kanel, og tage den
saglige kritik til efterretning.
--
Med venlig hilsen
Søren Petersen

"Julie Thomsen" <julle.thomsen@mail.dk> skrev i en meddelelse
news:ahuf4u$b7s$1@sunsite.dk...
>
> Hejsa
>
> Hvornår bruges tabeller til at placere elementer? Er det at
> foretrække at lave en hjemmeside som udelukkende består
> at elementer placeret i celler ell. hvad er alternativet?
>
> Min hjemmeside skal opdeles i 3 sektioner:
>
> 1) Billede: øverst centreret, samt tekst på hver side af billedet
> 2) Menu i venstre side
> 3) Højre side skifter indhold alt efter menuvalg.
>
> Der skal i øvrigt helst være en border som adskiller de 3
> sektioner
> (frames er udelukket idet border her ikke virker i Netscape)
>
> PLEASE HELP
>
> Mvh Julie
>
>
>
> --
> 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



jopa (29-07-2002)
Kommentar
Fra : jopa


Dato : 29-07-02 08:14

"Søren L. Petersen" skrev ..
> Du vil sikkert få en del svar, der ikke er så opløftende. Der er jo nogle
> der mener at de er bedre end andre.

Øhm forklar venligst

> Det almindelige HTML sprog kan du sagtens lave noget pænt. Men stadig er
det
> dit budskab der er det vigtigste.

Hun spørger om alternativer til tabeller, og det er det hun får svar på.

Tabeller bruges ikke til layout. Tiderne skifter.

> Lad dig ikke gå på af kritikken, men sorter skit fra kanel, og tage den
> saglige kritik til efterretning.

Hvem kritiserer ?
Hun får svar på sine spørgsmål, og det er vel det hun efterlyser og ikke
kritik.

--
jopa

www.web-templates.dk
www.jp-web.dk




Matus (07-11-2002)
Kommentar
Fra : Matus


Dato : 07-11-02 01:10

Julie Thomsen wrote:

> (frames er udelukket idet border her ikke virker i Netscape)
>
> PLEASE HELP
>
> Mvh Julie

*LOL*



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408952
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste