Gå til innhold

Webkafeen


Anbefalte innlegg

Videoannonse
Annonse

Japp, og derfor er ikke en <div> mer/mindre tom enn en <hr />. :)

 

Så den eneste semantiske forskjellen mellom dem er at en <hr /> er til for å lage en grafisk strek (presentasjon, ikke struktur (før HTML5/XHTML2)), mens en <div> er ikke-presentasjonell og er utelukkende strukturmessig. :)

Lenke til kommentar
Vi snakker om to forskjellige typer elementer, elementer som lukker seg selv, og elementer som er ment å lukke seg rundt andre elementer...

6389159[/snapback]

 

Fremdeles, begge elementer er tomme elementer, i den forstand at de ikke har noe innhold eller noe å si, annet enn at <hr /> sier at "her er en strek", mens <div> sier "her er et abstrakt objekt som skaperen av siden kan tøyse rundt med og gjøre noe nyttig utav" :)

Lenke til kommentar

God natt.

Jeg har vært innom palmekraft.net som forøvrig har et strålende design.

Men jeg lurer litt på hvordan du gjorde det med å forandre headerbildet (eller noen bilder i det) på a:hover i menyen?

Sikkert noen andre som også vet dette?

 

Mvh Doffar

Lenke til kommentar
God natt.

Jeg har vært innom palmekraft.net som forøvrig har et strålende design.

Men jeg lurer litt på hvordan du gjorde det med å forandre headerbildet (eller noen bilder i det) på a:hover i menyen?

Sikkert noen andre som også vet dette?

 

Mvh Doffar

6390551[/snapback]

Takk.

 

Dette er koden til menyen:

	<ul id="meny">
 <li id="m_blogg"><a href="http://palmekraft.net/index.php"><strong>Blogg</strong><span></span></a>
 <li id="m_meg"><a href="http://palmekraft.net/index.php?side=meg"><strong>Meg</strong><span></span></a>
 <li id="m_bilder"><a href="http://palmekraft.net/plogger/"><strong>Bilder</strong><span></span></a>
 <li id="m_portefolje"><a href="http://palmekraft.net/index.php?side=portefolje"><strong>Portefølje</strong><span></span></a>
 <li id="m_kontakt"><a href="http://palmekraft.net/index.php?side=kontakt"><strong>Kontakt</strong><span></span></a>
</ul>

(ja, jeg vet -- jeg burde ha fikset bedre url-er)

Hvert listepunkt har en id, som brukes til å skille de fra hverandre. Selve menyvalget er satt med strong for å kunne skjule det til fordel for et bilde. Bak menyvalget står det <span></span>, altså et tomt element.

 

I CSS-en definerer vi rett og slett at #meny span skal vises som et absolutt posisjonert blokkelement som er skjult (display: none;). Hvert av menyvalgenes span (#meny #m_blogg a span) får sitt egne bakgrunnsbilder.

 

På hover (#meny #m_blogg a:hover span) blir elementene vist (display: block;), og får sin absolutte posisjon. Posisjonen er satt slik at den går sømløst med headeren. Headeren skiftes altså ikke, men det kommer et bilde "oppå".

 

Finnes guider til dette, men jeg har ikke URL. Det beste er kanskje å gå gjennom koden og analysere den bit for bit.

 

:)

Lenke til kommentar
Mange her som har endret nick, hvor lang tid tok det fra dere sendte inn sånn bytte nick skjema til det ble endret? sånn ca.

6392708[/snapback]

Det kan ofte ta måneder, men for meg tok det ca. ett minutt. :)

6392763[/snapback]

Huff, hva er det det går på egentlig? Moderatorers vilje til å gidde å gjøre det? Husker det var ganske enkelt å skifte nick på ett forum jeg var admin på engang.

Lenke til kommentar
Huff, hva er det det går på egentlig? Moderatorers vilje til å gidde å gjøre det? Husker det var ganske enkelt å skifte nick på ett forum jeg var admin på engang.

6392789[/snapback]

Det gjøres av administratorene, og behandlingstiden er helt avhengig av køen. Jeg vet at det er mange som venter på navneskifte nå, men når køen blir mindre vil selvsagt behandlingstiden gå ned.

 

Meeeen, nå går vi way off topic. Som vanlig. ;)

Endret av Dahl
Lenke til kommentar

Hvis man har et xml dokument som er sånn:

<?xml version="1.0" encoding="UTF-8" ?>
<root>
                  <element>hello</element>
                  <element>hi</element>
                  <element>woot</element>
                  <element>cow</element>
                  <element>chicken</element>
</root>

Og man vil bruke xslt for å presentere dataen i lister

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">

<html>
<body style="font-family:'CMU Sans Serif';">
<ul>
	<xsl:for-each select="root/element">
			<li><xsl:value-of select="element" /></li>
	</xsl:for-each>
</ul>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

Er det mulig å gi annenhver "element" en annen html kode?

 

Håper dere forstår, xslt er nytt for meg..

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...