/ 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
Fra table til div og css
Fra : Peter Loumann


Dato : 25-05-03 16:49

Hej eksperter

Det er et stort spring jeg har vovet: Nyt layout helt uden tabeller,
kun <div> og <p> og css og endda float

http://pedalo.dk/axelhus/test.html

Jeg var lidt i tvivl om gruppen, men fravalgte så ris+ros fordi det
ikke drejer sig om vurdering af design, men om det rent tekniske:
Fungerer det rundtom? Er koden korrekt? Kan mere flyttes fra html til
css? Er der overflødig kode? Er doctype rigtig?

Men jeg lader mig gerne tilrettevise i valg af gruppe.

--
hilsen pl
http://huse-i-naestved.dk

 
 
jopa (25-05-2003)
Kommentar
Fra : jopa


Dato : 25-05-03 16:55

Davs du
Peter Loumann <peloda@tiscali.dk> skrev bla:
> Hej eksperter
>
> Det er et stort spring jeg har vovet: Nyt layout helt uden tabeller,
> kun <div> og <p> og css og endda float

Hejsa brug CSS til at definere height og width på dine billeder så kan
siderne validere.
Når du nu tog springet burde du fuldføre det XHTML
Det er ikke så svært at omskrive.
Koden ser da ellers fino ud.



--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!



Peter Loumann (25-05-2003)
Kommentar
Fra : Peter Loumann


Dato : 25-05-03 17:06

On Sun, 25 May 2003 17:55:13 +0200, "jopa" <johns@paradis.dk> wrote:

>Peter Loumann <peloda@tiscali.dk> skrev bla:

>Hejsa brug CSS til at definere height og width på dine billeder

Det gør jeg også med fire af dem, men ikke med hovedbilledet. Jeg
havde nemlig tænkt at bruge siden som skabelon for ca. 1400
billedsider med hver sit billede i hver sin størrelse. Men så ku' jeg
s'føli' proppe lige dét op i head i en lokal css-definition. Eller er
det noget, der hedder 'auto' eller noget i den retning?

Mens vi er ved det: alt- og title-tekster til img kan vel ikke lægges
ud i css'en?

>så kan siderne validere.

Kan den ikke det nu? <røde ører>Det har jeg ikke engang fået
tjekket</>.

>Når du nu tog springet burde du fuldføre det XHTML
>Det er ikke så svært at omskrive.

Det ved jeg ikke hvad er. Som det er nu, skal doctype så være noget
med 'strict'?

>Koden ser da ellers fino ud.

Lyder godt. Den er håndstrikket og derfor ikke sikret mod menneskelige
fejl.

--
hilsen pl
http://huse-i-naestved.dk

jopa (25-05-2003)
Kommentar
Fra : jopa


Dato : 25-05-03 17:19

Davs du
Peter Loumann <peloda@tiscali.dk> skrev bla:
> On Sun, 25 May 2003 17:55:13 +0200, "jopa" <johns@paradis.dk> wrote:
> Det gør jeg også med fire af dem, men ikke med hovedbilledet. Jeg
> havde nemlig tænkt at bruge siden som skabelon for ca. 1400
> billedsider med hver sit billede i hver sin størrelse. Men så ku' jeg
> s'føli' proppe lige dét op i head i en lokal css-definition. Eller er
> det noget, der hedder 'auto' eller noget i den retning?

<div id="billede1">
<img src="forside.jpg" alt="blabla"/>
</div>
-----------------------------------
CSS
#billede1 {
width: 350px;
}

osv altså billede 2 med videre

>
> Mens vi er ved det: alt- og title-tekster til img kan vel ikke lægges
> ud i css'en?


> Kan den ikke det nu? <røde ører>Det har jeg ikke engang fået
> tjekket</>.

Kan den hvis du bruger ovenstående
>
>> Når du nu tog springet burde du fuldføre det XHTML
>> Det er ikke så svært at omskrive.
>
> Det ved jeg ikke hvad er. Som det er nu, skal doctype så være noget
> med 'strict'?

Kan godt forklare dig forskellen, men det er lettere at læse, så kig her
http://html.dk/tutorials/xhtml/
Forskelen er såmænd ikke stor, noget med bla
I XHTML skal værdien af atributter stå med anførelsestegn samt i XHTML skal
alle elementer skrives med små bogstaver med mere.
God fornøjelse

--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!



Peter Loumann (25-05-2003)
Kommentar
Fra : Peter Loumann


Dato : 25-05-03 17:42

On Sun, 25 May 2003 18:18:46 +0200, "jopa" <johns@paradis.dk> wrote:

><div id="billede1">
><img src="forside.jpg" alt="blabla"/>
></div>
>-----------------------------------
>CSS
>#billede1 {
> width: 350px;
>}

Ja, det ved jeg. Sådan er det jo allerede på 4 af de 5 billeder,
bortset fra, at jeg har brugt class. Det var bare det der med, at jeg
gerne vil bruge samme externe css-fil til over 1000 sider, hvor det
femte billede er forskelligt i størrelsen.

>> Mens vi er ved det: alt- og title-tekster til img kan vel ikke lægges
>> ud i css'en?

>Næ

Æv! Men logisk nok, egentlig

>Kan den hvis du bruger ovenstående

Tak

>>> XHTML
>>> Det er ikke så svært at omskrive.

>> Det ved jeg ikke hvad er.

>Kan godt forklare dig forskellen, men det er lettere at læse, så kig her
>http://html.dk/tutorials/xhtml/

Det har du helt ret i. Jeg kendte den egentlig også godt. Det var
sådan mere den dybere forståelse af, hvad xhtml og xml er, jeg ikke
har.

>Forskelen er såmænd ikke stor, noget med bla
>I XHTML skal værdien af atributter stå med anførelsestegn samt i XHTML skal
>alle elementer skrives med små bogstaver med mere.

Nej, det kan jeg da se. Bortset fra dokumentdefinitionen i head og så
lige et enkelt <br> opfylder jeg den vist allerede.

>God fornøjelse

Ja tak, det er helt skægt, så jeg leger nok lidt videre.

--
hilsen pl
http://huse-i-naestved.dk

Peter Loumann (25-05-2003)
Kommentar
Fra : Peter Loumann


Dato : 25-05-03 18:44

On Sun, 25 May 2003 18:18:46 +0200, "jopa" <johns@paradis.dk> wrote:

><div id="billede1">
><img src="forside.jpg" alt="blabla"/>
></div>
>-----------------------------------
>CSS
>#billede1 {
> width: 350px;
>}

Ja, nu validerer både html (4.0 Transitional) og css

>>> Når du nu tog springet burde du fuldføre det XHTML
>>> Det er ikke så svært at omskrive.

Om med kun lidt omskrivning validerer selve siden også som xhtml. Men
når jeg så vil validere css'en, får jeg en sær fejl på

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fpedalo.dk%2Faxelhus%2Favanceret.html

CSS
Validator
Error
Target: http://pedalo.dk/axelhus/avanceret.html
org.xml.sax.SAXException: Please, fix your system identifier (URI) in
the DOCTYPE rule.

Den kan jeg ikke greje. Den er stadig valid til den gamle
html4-version.


--
hilsen pl
http://huse-i-naestved.dk

jopa (25-05-2003)
Kommentar
Fra : jopa


Dato : 25-05-03 18:53

Davs du
Peter Loumann <peloda@tiscali.dk> skrev bla:
> On Sun, 25 May 2003 18:18:46 +0200, "jopa" <johns@paradis.dk> wrote:
> Om med kun lidt omskrivning validerer selve siden også som xhtml. Men
> når jeg så vil validere css'en, får jeg en sær fejl på

Prøv evt med nedenstående


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!



Peter Loumann (26-05-2003)
Kommentar
Fra : Peter Loumann


Dato : 26-05-03 20:51

On Sun, 25 May 2003 19:53:09 +0200, "jopa" <johns@paradis.dk> wrote:

>Prøv evt med nedenstående

><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
><html>
><head>
><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Ja så validerer css'en også. Jeg har godtnok ikke forstået hvorfor,
men tak skal du have! Den opr. udgave validerer også som html 4.01
strict, så jeg er lidt i tvivl om hvilken jeg skal vælge.

Jeg lægger den også lige over i ris+ros for funktionalitet og æstetik.

--
hilsen pl
http://huse-i-naestved.dk

Søg
Reklame
Statistik
Spørgsmål : 177505
Tips : 31968
Nyheder : 719565
Indlæg : 6408555
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste