/ 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
tekst i hver side af en boks..
Fra : Mads Horndrup


Dato : 21-01-10 17:42

Hejsa.

Jeg synes ikke rigtig jeg kan få et billede til at være helt ude
i højre side af en boks, sammen med noget tekst i venstre side -
på samme linie.

Siden er her:
http://www.horndrup.eu/alle_lejemaal.php

og koden der er i brug er denne:
<p><span style="margin-left:1em;">Hellig Andersvej 15A</span><p
style="text-align:right;margin-right:10px;"><img
src="pictures/billede_ikon.gif"
data-tooltip="hellig_andersvej_15a" /></p></p>

Problemet er at både billedet OG teksten skal være på samme linie
..

-Mads

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

 
 
Birger Sørensen (21-01-2010)
Kommentar
Fra : Birger Sørensen


Dato : 21-01-10 18:16

Efter mange tanker skrev Mads Horndrup:
> Hejsa.
>
> Jeg synes ikke rigtig jeg kan få et billede til at være helt ude
> i højre side af en boks, sammen med noget tekst i venstre side -
> på samme linie.
>
> Siden er her:
> http://www.horndrup.eu/alle_lejemaal.php
>
> og koden der er i brug er denne:
> <p><span style="margin-left:1em;">Hellig Andersvej 15A</span><p
> style="text-align:right;margin-right:10px;"><img
> src="pictures/billede_ikon.gif"
> data-tooltip="hellig_andersvej_15a" /></p></p>
>
> Problemet er at både billedet OG teksten skal være på samme linie
> .
>
> -Mads

Der er to p'er inde i hinanden - det mås man ik'.
p'er opfører sig som blokelementer - skal de stå ved siden af hinanden
skal de floates.
Ovenstående snip mangler desuden alt attribut for img - hvilket lader
til at være et gennemgående tema for siden, der i øvrigt har 6 andre
valideringsfejl - som af en eller anden årsag er doctype XHTML, men
ikke skrevet i XHTML -, ud over de 25 (+5 advarsler) der importeres fra
google...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Mads Horndrup (21-01-2010)
Kommentar
Fra : Mads Horndrup


Dato : 21-01-10 19:27

> Der er to p'er inde i hinanden - det mås man ik'.
Godt - rettet!

> p'er opfører sig som blokelementer - skal de stå ved siden af hinanden
> skal de floates.
Mange tak.

> som af en eller anden årsag er doctype XHTML, men ikke skrevet i
XHTML...
Så vidt jeg ved er der ikke ret stor forskel på xhtml og alm. html - det
er skam (forsøgt) skrevet i xhtml..


Nu vi er i gang med validering har jeg lig et par spørgsmål:
1. end tag for "meta" omitted, but OMITTAG NO was specified
…me="author" content="Mads Horndru…

Validatoren siger at jeg skal slutte mit meta tag "author" med ">" - når
jeg så gør det, vil den have det skal sluttes med "/>"
-Nogen forslag?

Validatoren giver også fejl ved en to tags jeg har sluttet af med ">".
Disse tags er som følger:
</html>
</head>

Fejlene ligger i ">" hvilket ikke rigtig giver mening for mig.
..forslag?

Derudover for jeg fejl ved mine data-* attributes - hvilke attributrs kan
jeg bruge i stedet? Data-* attributes var jo customizeable tags i html 5 -
hvilke er det i xhtml?


På forhånd tak
-Mads

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

Stig Johansen (21-01-2010)
Kommentar
Fra : Stig Johansen


Dato : 21-01-10 20:43

Mads Horndrup wrote:

> Så vidt jeg ved er der ikke ret stor forskel på xhtml og alm. html

Det er der heller ikke, xhtml er html med xml-syntax.
I xml skal alle tags afsluttes.
Dvs. <tag>..</tag>
Men hvis tagget er tomt, har man en særlig notation (så man sparer
afslutningen), så et tomt tag kan skrives som:
<tag/>

Dvs alle tomme tags skal lukkes, også <meta,<img m.m.
(og <br>, som i xhtml er <br/>)

> Derudover for jeg fejl ved mine data-* attributes - hvilke attributrs kan
> jeg bruge i stedet? Data-* attributes var jo customizeable tags i html 5 -
> hvilke er det i xhtml?

Attributter kan anfæres med en hvilken som helst værdi, så det er op til
applikationen om de bliver brugt eller ej.

(applikation=browser i dette tilfælde).

--
Med venlig hilsen
Stig Johansen

Birger Sørensen (21-01-2010)
Kommentar
Fra : Birger Sørensen


Dato : 21-01-10 23:18

Mads Horndrup:
>> Der er to p'er inde i hinanden - det mås man ik'.
> Godt - rettet!
>
>> p'er opfører sig som blokelementer - skal de stå ved siden af hinanden
>> skal de floates.
> Mange tak.
>
>> som af en eller anden årsag er doctype XHTML, men ikke skrevet i
> XHTML...
> Så vidt jeg ved er der ikke ret stor forskel på xhtml og alm. html - det
> er skam (forsøgt) skrevet i xhtml..
>
>
> Nu vi er i gang med validering har jeg lig et par spørgsmål:
> 1. end tag for "meta" omitted, but OMITTAG NO was specified
> …me="author" content="Mads Horndru…
>
> Validatoren siger at jeg skal slutte mit meta tag "author" med ">" - når
> jeg så gør det, vil den have det skal sluttes med "/>"
> -Nogen forslag?
>
> Validatoren giver også fejl ved en to tags jeg har sluttet af med ">".
> Disse tags er som følger:
> </html>
> </head>
>
> Fejlene ligger i ">" hvilket ikke rigtig giver mening for mig.
> ..forslag?
>
> Derudover for jeg fejl ved mine data-* attributes - hvilke attributrs kan
> jeg bruge i stedet? Data-* attributes var jo customizeable tags i html 5 -
> hvilke er det i xhtml?
>
>
> På forhånd tak
> -Mads

var i HTML5?
HTML er svjv ikke standard endnu - og der går nogle år før den bliver
det...
attributes i (X)HTML er begrænset til dem browserne kender - ellers får
du valideringsfejl, muligvis med quirks mode til følge.
JScript i IE, havde (har?) mulighed for at definere attributter i tags
- oftes til anvendelse i scripting. Men hvis det stadig er sådan,
holder det kun i IE.

http://www.w3.org/TR/html401/index/elements.html - find det element du
skal bruge, og se hvilke attributes er lovlige, eller brug
http://www.w3.org/TR/html401/index/attributes.html

"Så vidt jeg ved er der ikke ret stor forskel på xhtml og alm. html..."
siger du, og misser pointen, ved at skrive HTML, og "glemme" de ting
der *er* forskellen på XHTML og HTML.
Forskellen er - som en almindelig betragtning - netop at XHTML er
semantisk meget mere strict end HTML. Hvilket giver en pæn og
letlæselig kildekode, for dem der forstår at praktisere det.
Små bogstaver til elementer og attributer, værdier skal i " eller ', og
alle tags - også de tomme - *skal* lukkes; altså enten <br></br> eller
<br /> etc. og <meta ... />. Det er ikke > validatoren beklager sig
over, men den manglende /.
</html> og </head> er afslutningstags.
Funktionelt er der ingen forskel på HTML og XHTML.
Hvorfor skriver du XHTML? Det er fint, hvis du vil det - men hvis det
er for at være på forkant med udviklingen, er det misforstået, og
nemmere for dig selv med HTML.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



KBK (22-01-2010)
Kommentar
Fra : KBK


Dato : 22-01-10 22:14

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> Efter mange tanker skrev Mads Horndrup:
> > Hejsa.
> >
> > Jeg synes ikke rigtig jeg kan få et billede til at være helt ude
> > i højre side af en boks, sammen med noget tekst i venstre side -
> > på samme linie.
> >
> > Siden er her:
> > http://www.horndrup.eu/alle_lejemaal.php
> >
> > og koden der er i brug er denne:
> > <p><span style="margin-left:1em;">Hellig Andersvej 15A</span><p
> > style="text-align:right;margin-right:10px;"><img
> > src="pictures/billede_ikon.gif"
> > data-tooltip="hellig_andersvej_15a" /></p></p>
> >
> > Problemet er at både billedet OG teksten skal være på samme linie
> > .
> >
> > -Mads
>
> Der er to p'er inde i hinanden - det mås man ik'.
> p'er opfører sig som blokelementer - skal de stå ved siden af hinanden
> skal de floates.
> Ovenstående snip mangler desuden alt attribut for img - hvilket lader
> til at være et gennemgående tema for siden, der i øvrigt har 6 andre
> valideringsfejl - som af en eller anden årsag er doctype XHTML, men
> ikke skrevet i XHTML -, ud over de 25 (+5 advarsler) der importeres fra
> google...
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>

Han glemte også å skrive </p> i den første rekken.


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

KBK (22-01-2010)
Kommentar
Fra : KBK


Dato : 22-01-10 22:18




> Han glemte også å skrive </p> i den første rekken.
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials

Bare glem dette!

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

Jørgen Farum Jensen (21-01-2010)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 21-01-10 18:29

Mads Horndrup skrev:
> Hejsa.
>
> Jeg synes ikke rigtig jeg kan få et billede til at være helt ude
> i højre side af en boks, sammen med noget tekst i venstre side -
> på samme linie.
>
> Siden er her:
> http://www.horndrup.eu/alle_lejemaal.php
>
> og koden der er i brug er denne:
> <p><span style="margin-left:1em;">Hellig Andersvej 15A</span><p
> style="text-align:right;margin-right:10px;"><img
> src="pictures/billede_ikon.gif"
> data-tooltip="hellig_andersvej_15a" /></p></p>
>
> Problemet er at både billedet OG teksten skal være på samme linie
> .
>
> -Mads
>

Dit citat er ikke dækkende for de faktiske forhold
i jernindustrien, som er
<div class="lejemaal_liste_top"></div>
<div class="lejemaal_liste"><p><span
style="margin-left:1em;">Hellig Andersvej 15A</span><p
style="text-align:right;margin-right:10px;"><img
src="pictures/billede_ikon.gif"
data-tooltip="hellig_andersvej_15a" /></p></p></div>
<div class="lejemaal_liste_bottom"></div>

1. Hvorfor 3 forskellige - skal alle linjer ikke være ens?

2. Når du har et enkelt drilsk element på en side er
der en god idé at pille dette ud og lave det på en side
for sig. I dette tilfælde skal du right-float'e billedet
og afsætte en passende højre margin på p'en i div'en.
Med en HTML doctype behøver du ike indeslutte billedet i
en p.
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

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

Månedens bedste
Årets bedste
Sidste års bedste