---

Jeg er ved at lave en side til en bekendt, men jeg tror, jeg stirrer mig
blind på nogle fejl lige nu.
Adressen er : http://www.lynd.dk/sf
På siden Projekter vil jeg gerne have, at billederne står under hinanden, og
at tekst flyder på højre side at billederne. Der ser OK ud i IE, men ikke i
Firefox eller Opera. Css-filen validerer, men det gør HTML-delen ikke, og
jeg kan simpelthen ikke se, at der skulle være fejl. Så vidt jeg kan se, er
der ingen fejl, men det er der jo nok alligevel. Er der en, der har et bedre
syn end mig?

mvh
Preben

---

Preben Andersen skrev:

> jeg kan simpelthen ikke se, at der skulle være fejl. Så vidt
> jeg kan se, er der ingen fejl,

Når validatoren finder fejl, så er det som regel fordi der også
_er_ fejl.

Fejlmeddelelserne skulle gerne hjælpe med at se hvad der er galt:

Fejl 1: Line 40, column 26: ID "footer" already defined

Id-værdier må kun bruges én gang pr. side.

(eller med validatorens hjælpetekst:

,--------
| An "id" is a unique identifier. Each time this attribute is used in
| a document it must have a different value. If you are using this
| attribute as a hock for style sheets it may be more appropriate to
| use classes (which group elements) than id (which are used to
| identify exactly one element).
`--------

Fejl 3: Line 43, column 6: end tag for "div" omitted, but OMITTAG
NO was specified

Du har glemt at lukke et div-element.

Fejl 2 og 4 er følgefejl af hhv. 1 og 3.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns95D7C9B3960EFjcdmfdk@gyrosmod.cybercity.dk...

> Når validatoren finder fejl, så er det som regel fordi der også
> _er_ fejl.
>
> Fejlmeddelelserne skulle gerne hjælpe med at se hvad der er galt:
>
> Fejl 1: Line 40, column 26: ID "footer" already defined
>
> Id-værdier må kun bruges én gang pr. side.


Den med Footeren kan jeg se, men jeg kan med min bedste vilje ikke se de
andre fejl. Kan du se dem her:
http://www.lynd.dk/sf/projekter.htm

Hvad med placeringen af billederne i Opera/Firefox?
Har du et forslag?

mvh
Preben

---

> Den med Footeren kan jeg se, men jeg kan med min bedste vilje ikke se de
> andre fejl. Kan du se dem her:
> http://www.lynd.dk/sf/projekter.htm
Linje 62
<div id="footer">xxxx, xxxx, tlf.: xxxxx, mail: xxxx.dk, Fax: xxxx</div>

---

"Stoffer" <christoffer@buur.info> wrote in message
news:41def5c2$0$67807$edfadb0f@dread14.news.tele.dk...

> Linje 62
> <div id="footer">xxxx, xxxx, tlf.: xxxxx, mail: xxxx.dk, Fax: xxxx</div>

Den linie fejler vist ikke noget.

mvh
Preben

---

>> Linje 62
>> <div id="footer">xxxx, xxxx, tlf.: xxxxx, mail: xxxx.dk, Fax: xxxx</div>
>
> Den linie fejler vist ikke noget.
Mig der ikke lige fik kigget ordentligt efter.. havde ikke set > efter
footer.. undskyld

---

Preben Andersen submitted this idea :
> Den med Footeren kan jeg se, men jeg kan med min bedste vilje ikke se de
> andre fejl. Kan du se dem her:
> http://www.lynd.dk/sf/projekter.htm

Som validatoren skriver:
Du har nogle img-tags, der ikke er lukket korrekt i xhtml
Du skal afslutte med /> og ikke bare >

--
Benny

---

"Benny Nissen" <news@bennynissen.dk> wrote in message
news:mn.3d227d519787499b.23061@bennynissen.dk...

> Som validatoren skriver:
> Du har nogle img-tags, der ikke er lukket korrekt i xhtml
> Du skal afslutte med /> og ikke bare >

Du har ret, det var img-tags, der skulle lukkes rigtigt.
Tusinde tak, jeg blev forvirret af, at validatoren påstod, at der var
problemer med div-erne.

Så mangler jeg bare placering af billeder og tekst.
Anyone??

mvh
Preben

---

Preben Andersen skrev:

> Den med Footeren kan jeg se, men jeg kan med min bedste vilje
> ikke se de andre fejl. Kan du se dem her:
> http://www.lynd.dk/sf/projekter.htm

img-elementet skal lukkes i xhtml.

I html skriver man: <img src="pic.png" alt="mit billede">
I xhtml skriver man: <img src="pic.png" alt="mit billede" />

Mht. billedplaceringen vil jeg foreslå dig at kigge på
positionering for at få placeret menu og indhold i forhold til
hinanden. Jeg er for træt til at lave et forslag her og nu, men du
kan fx tage udgangspunkt i artiklen her:
   <http://html-faq.dk/2003.asp>

Bemærk at du skal putte en samlende div om det der skal være i
indholdskolonnen.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns95D7E093D23Djcdmfdk@gyrosmod.cybercity.dk...

> img-elementet skal lukkes i xhtml.
>
> I html skriver man: <img src="pic.png" alt="mit billede">
> I xhtml skriver man: <img src="pic.png" alt="mit billede" />

Ja, så simpelt var det. Tak skal du have.

> Mht. billedplaceringen vil jeg foreslå dig at kigge på
> positionering for at få placeret menu og indhold i forhold til
> hinanden. Jeg er for træt til at lave et forslag her og nu, men du
> kan fx tage udgangspunkt i artiklen her:
> <http://html-faq.dk/2003.asp>

Jeg er også for træt nu, men jeg kigger på artiklen i morgen

> Bemærk at du skal putte en samlende div om det der skal være i
> indholdskolonnen.

Gælder det alle billeder på en gang, eller skal det være billede for
billede?

mvh
Preben

---

Preben Andersen wrote:

>> Bemærk at du skal putte en samlende div om det der skal være i
>> indholdskolonnen.
>
> Gælder det alle billeder på en gang, eller skal det være billede for
> billede?

Du skal flytte lukketagget for <div class="indhold> ned lige før <div
id="footer"> og så skal du i css have en padding-left på .indhold sat lidt
større end bredden på <div id="menu">.

Så burde pengene komme til at passe.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

---

Hej Erik.
"Erik Ginnerskov" <erik@donotspammmeplease.invalid> skrev i en
meddelelse news:41df1a33$0$51246$14726298@news.sunsite.dk...
[snip]
> Så burde pengene komme til at passe.
>

Du glemte at sige, at man kun kan have float eller position i den samme
div. Preben bruger både float:left samt position:relative. Bruger han
float:left, står billederne pænt. Det er i div projekt-danaeg og div
projekt-ukendt. Mvh Knud

---

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:41df1a33$0$51246$14726298@news.sunsite.dk...

> Du skal flytte lukketagget for <div class="indhold> ned lige før <div
> id="footer"> og så skal du i css have en padding-left på .indhold sat lidt
> større end bredden på <div id="menu">.
>
> Så burde pengene komme til at passe.

Ja, så er placeringen i orden, i hvert fald i skærmopløsning 1024*768, tak
for det.
I opløsning 1600*1200 ser det hele ud ad h... til, og i Firefox og Opera
står teksten stadig ikke, hvor den skal. Så mon ikke jeg får weekenden til
at gå med at læse din og andres sider

mvh
Preben

---

Preben Andersen wrote:

> I opløsning 1600*1200 ser det hele ud ad h... til,

> i Firefox og
> Opera står teksten stadig ikke, hvor den skal.

For hvert af de tre billeder med tilhørende tekst:

<div id="projekt-xx"><img src="billeder/xx.jpg" alt="Projekt xx"/></div>
< br />
<h3>Projekt xx</h3>
<p>Her kommer så en masse tekst</p>

skal du lave denne ændring:

<div id="projekt-xx" style="clear:both;"><img src="billeder/xx.jpg"
alt="Projekt xx"/></div>
< br />
<h3>Projekt xx</h3>
<p>Her kommer så en masse tekst</p>></div>

Så kommer det til at dels stå fornuftigt også i store browservinduer og dels
kommer de til billederne hørende tekster til at stå, hvor de skal.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

---

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:41dfd655$0$51247$14726298@news.sunsite.dk...

> <div id="projekt-xx" style="clear:both;"><img src="billeder/xx.jpg"
> alt="Projekt xx"/></div>
> < br />
> <h3>Projekt xx</h3>
> <p>Her kommer så en masse tekst</p>></div>

Super, nu står billederne hvor de skal, også i andre opløsninger. Teksten
står stadig ikke rigtig i Firefox og i Opera, men vha et par <br /> kommer
det på plads, men så passer det dog ikke i de 2 browsere med andre
opløsninger. Det tror jeg dog godt, jeg kan leve med.
Det mærkelige er, at jeg forsøgte clear:both i css-filen ved #projekt-xx,
men der lykkedes det ikke.
Jeg takker mange gange for hjælpen. Hvis du (eller en anden) tilfældigt
falder over en løsning med tekstens placering i Firefox og Opera, vil jeg da
gerne høre om det

mvh
Preben

---

Preben Andersen wrote:

> Super, nu står billederne hvor de skal, også i andre opløsninger.
> Teksten står stadig ikke rigtig i Firefox og i Opera,

Det er fordi jeg har lavet en beklagelig fejl: Jeg fik ikke slettet en
</div> øverst, da jeg satte en ny nederst. Meget undskyld ;(

Du fik dette råd:

<div id="projekt-xx" style="clear:both;"><img src="billeder/xx.jpg"
alt="Projekt xx"/></div>
<h3>Projekt xx</h3>
<p>Her kommer så en masse tekst</p>></div>

Det skulle have været:

<div id="projekt-xx" style="clear:both;"><img src="billeder/xx.jpg"
alt="Projekt xx" />
<h3>Projekt xx</h3>
<p>Her kommer så en masse tekst</p></div>

Det, du har lavet, ser sådan ud:

<div id="projekt-xx" style="clear:both;"><img src="billeder/xx.jpg"
alt="Projekt xx"/></div>
<h3>Projekt xx</h3>
<p>Her kommer så en masse tekst</p>


Den </div>, der står efter <img src="billeder/xx.jpg" alt="Projekt xx"/>,
skal flyttes ned efter </p>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

---

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:41e012a1$0$51254$14726298@news.sunsite.dk...

> Den </div>, der står efter <img src="billeder/xx.jpg" alt="Projekt xx"/>,
> skal flyttes ned efter </p>

Det virker ikke her. Hvis det hele er i samme div, flytter teksten sig ned
under billedet i stedet for at stå ved siden af billedet.

mvh
Preben

---

Preben Andersen wrote:

> Det virker ikke her. Hvis det hele er i samme div, flytter teksten
> sig ned under billedet i stedet for at stå ved siden af billedet.

Vi prøver igen:

<div id="projekt-xx" style="clear:both;">
<div style="float:left;margin-right:15px;"><img src="billeder/xx.jpg"
alt="Projekt xx" /></div>
<h3>Projekt xx</h3>
<p>Her kommer så en masse tekst</p></div>

Den her *virker* - der er sat en floated div om billedet.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

---

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:41e0389e$0$51248$14726298@news.sunsite.dk...

> <div id="projekt-xx" style="clear:both;">
> <div style="float:left;margin-right:15px;"><img src="billeder/xx.jpg"
> alt="Projekt xx" /></div>
> <h3>Projekt xx</h3>
> <p>Her kommer så en masse tekst</p></div>
>
> Den her *virker* - der er sat en floated div om billedet.


Desværre ikke. Nu flyder teksten ind bag billedet. Kan det have noget at
gøre med min CSS-fil, som ser sådan ud:

#projekt-danaeg {
float: left;
width: 440px;
height: 300px;
margin-top: 1.5em;
margin-bottom: 2em;
}

Jeg har prøvet at fjerne float:left samtidig med at jeg foretog dine
ændringer, men uden held.

mvh
Preben

---

Preben Andersen wrote:

>> <div id="projekt-xx" style="clear:both;">
>> <div style="float:left;margin-right:15px;"><img src="billeder/xx.jpg"
>> alt="Projekt xx" /></div>
>> <h3>Projekt xx</h3>
>> <p>Her kommer så en masse tekst</p></div>
>>
>> Den her *virker* - der er sat en floated div om billedet.

> Desværre ikke. Nu flyder teksten ind bag billedet.

Du gjorde heller ikke, som jeg fortalte. Din kode ser nu sådan ud:

<div id="projekt-xx" style="clear:both"><img src="billeder/xx.jpg"
alt="Projekt xx"/></div>
<br />
<h3>Projekt xx</h3>
<p>Her kommer så en masse tekst. </p>

Det skal være sådan:

<div id="projekt-xx" style="clear:both;">
<div style="float:left;margin-right:15px;"><img src="billeder/xx.jpg"
alt="Projekt xx" /></div>
<h3>Projekt xx</h3>
<p>Her kommer så en masse tekst</p></div>

Altså først en fælles div, der clearer i forhold til alle tidligere floats.
Deri en div, der floater billedet left og sætter en afstand i højre side på
15px til teksten. Efter billed-div'en en p med teksten. Husk at få den
afsluttende </div> med efter </p>.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

---

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:41e05281$0$51245$14726298@news.sunsite.dk...
> <div id="projekt-xx" style="clear:both;">
> <div style="float:left;margin-right:15px;"><img src="billeder/xx.jpg"
> alt="Projekt xx" /></div>
> <h3>Projekt xx</h3>
> <p>Her kommer så en masse tekst</p></div>
>
> Altså først en fælles div, der clearer i forhold til alle tidligere
floats.
> Deri en div, der floater billedet left og sætter en afstand i højre side
på
> 15px til teksten. Efter billed-div'en en p med teksten. Husk at få den
> afsluttende </div> med efter </p>.

Jeg må virkelig beundre din store tålmodighed
Jeg har gjort nøjagtig, som du skrev, men jeg har ikke lagt koden op, jeg
testede det kun lokalt på min PC, og tro mig, det ser skrækkeligt ud.

mvh
Preben

---

Preben Andersen wrote:

> Jeg må virkelig beundre din store tålmodighed
> Jeg har gjort nøjagtig, som du skrev, men jeg har ikke lagt koden op,
> jeg testede det kun lokalt på min PC, og tro mig, det ser skrækkeligt
> ud.

Hvis du ikke lægger det ud, er det da svært at se, hvorfor det ikke vil
virke. ;)

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

---

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:41e060e9$0$51243$14726298@news.sunsite.dk...
>
> Hvis du ikke lægger det ud, er det da svært at se, hvorfor det ikke vil
> virke. ;)

Det har du selvfølgelig ret i, så det har jeg gjort nu, jeg har dog kun
lavet ændringen på de 2 sidste billeder, det første er jo OK.
Prøv at se her: http://www.lynd.dk/sf/projekter.htm

mvh
Preben

---

Preben Andersen wrote:

> Det har du selvfølgelig ret i, så det har jeg gjort nu, jeg har dog
> kun lavet ændringen på de 2 sidste billeder, det første er jo OK.

Og det faldt dig slet ikke ind at forsøge at lave de to sidste på samme måde
som den først?

Den kode, jeg foreslog, kan du se på
<http://hjemmesideskolen.dk/html/testsider/float.asp>, hvor det fungerer som
forventet. Det undrer mig derfor, at det ikke vil fungere for dig - måske
fordi du ikke har defineret en størrelse på billederne, hvorved den
omgivende div får en bredde på 100%?

Men da du skal have teksten lagt rundt om et tilhørende billede, som pr.
definition er et inline-element, som ikke fylder mere i bredden end netop
billedbredden, skulle dette også kunne fungere:

<div id="projekt-xx"><img src="billeder/xx.jpg" alt="Projekt xx"
style="margin-right:15px;"/></div>
<br />
<h3>Projekt xx</h3>
<p>Lorem ipsum dolor sit amet, </p>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

---

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:41e12da1$0$51254$14726298@news.sunsite.dk...

> Og det faldt dig slet ikke ind at forsøge at lave de to sidste på samme
måde
> som den først?

Sig mig, tror du jeg er komplet idiot? Hvad i alverden får dig til at tro,
at jeg ikke fra starten brugte samme metode med de 2 andre billeder? Det er
jo netop det, der er problemet: Det virker kun i IE, men ikke i Firefox og
Opera.
Nu har jeg rettet det tilbage igen, så alle 3 er behandlet ens, som de var
fra begyndelsen, så kan du se det, hvis du gider.

> Den kode, jeg foreslog, kan du se på
> <http://hjemmesideskolen.dk/html/testsider/float.asp>, hvor det fungerer
som
> forventet. Det undrer mig derfor, at det ikke vil fungere for dig - måske
> fordi du ikke har defineret en størrelse på billederne, hvorved den
> omgivende div får en bredde på 100%?

Billedernes størrelse er og har hele tiden været defineret i CSS-filen
(440px*300px), er det ikke tilstrækkeligt?

mvh
Preben

---

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> wrote in message
news:41e12da1$0$51254$14726298@news.sunsite.dk...
> Og det faldt dig slet ikke ind at forsøge at lave de to sidste på samme
måde
> som den først?

Så lykkedes det endelig ved at definere billedernes størrelse inline og
slette den tilhørende del i CSS-filen. Hvorfor det er bedre, kan jeg dog
ikke genemskue.

mvh
Preben