DIV tag

Status
Niet open voor verdere reacties.
joanne

joanne

Terugkerende gebruiker
Lid geworden
31 mrt 2001
Berichten
1.300
PHP: 
<style type="text/css">

body
H5 { color: red; font-style: italic;font-size=18pt }
H6 { color: green; font-family: arial }
 


a:link { color: red }
a:visited { color: fuchsia }
a:hover { color: yellow }
a:active { color: green }



P { color:  black; font-family: 'verdana', Courier; font-weight: normal; line-height: 13pt; font-size: 10pt; text-align: left; text-indent: 10pt }
td ( font-family: 'Verdana',courier; } 

{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

#menu {
  position: absolute;
  left: 5px;
  padding: 0px;
  width: 150px;


}

#content {

  margin-left: 200px;
  padding: 0px;
  margin-right: 15px;

  
}

</style>
</head>
<body background=spikgreen.jpg>

<div id="menu"> 
pim pam pet 
</div>


<div id="content">
pim pam pet 
</div>

Pagina met links en rechts gedeelte.
Maar ik wil bijv. links een andere achtergrond/plaatje hebben, waar moet ik dit in hemelsnaam definieren.
Krijg het in ieder geval niet voor elkaar.

TIA,
Joanne
 
Code: 
#menu {
  position: absolute;
  left: 5px;
  padding: 0px;
  width: 150px;
  background-image: url(jouwplaatje.gif);
}

evt kan je nog een beetje tweaken met background-position
-attachment -repeat.

succes!

t.
 
div bijt tabel?

Het werkt niet, maar ik denk dat ik weet hoe het komt, heb binnen de menu div tag al een tabel staan met daarbinnen nog een tabel, die het wel goed doen.
Zal kijken hoe het in de kale structuur werkt, dus zonder de toeters en bellen tabel.

Vind het op zich wel een handige tag.

Bedankt Teach.

J.
 
Als je het nou helemaal netjes wil doen (en "from scratch" begint met een site) gebruik dan helemaal geen tabellen meer voor de lay-out.

t.
 
DIV en CSS

Stoei nu met DIV en CSS.
Vraag luidt: kan binnen CSS style sheet een stuk bestand geplaatst worden, komt nl op iedere pagina voor of dat naar een bepaald bestand verwezen wordt voor verwerking?

Dat bestand copy/paste ik tot nu toe iedere keer als ik een nieuw item begin.
Nogal omslachtig.

J.
 
hoe bedoel je dat?

Praat je over een stylesheet, script of over een stuk tekst?

t.
 
andere uitleg dan

Pagina verdeeld in een menu en content, heb ik dus gedaan met de DIV tags.
Lay out/opmaak bewaard in een CSS stylesheet, die roep je dus aan via sheet en die zet je tussen de head tags.

In menu gedeelte zet je meestal links of linkplaatjes.
Hetzelfde menu moet natuurlijk ook op de andere pagina's. Hoe doe ik dit laatste het handigst.

Nu copieer ik het gewoon van bijv. pagina 1. Volgens mij niet de goede methode.

Ik hoop dat het nu duidelijk is.

===Dus eigenlijk heb ik het over de sheet, dat hierin verstopt menu zit, hoef ik het maar 1 keer aan te passen.

J.
 
bedoel je dit?


<link rel="stylesheet" type="text/css" href="jouw_css.css"/ >
 
simuleren

Hoi Teach,

Kan de vraag denk ik niet goed formuleren, omdat ik nog te weinig van de DIV eigenschappen weet:rolleyes:

Gaat me er eigenlijk om dat ik gewoon frames wil simuleren met de DIV's.
Dus a/d linkerkant, welke pagina ik ook opzoek, altijd het menu voor handen.

Vr.Gr.
Joanne
 
ah.. ok

Die regel die ik je net gaf gebruik je als je een stylesheet extern wil gebruiken. Hiermee maak je dus 1 bestand en dmv deze regel (in de head) wordt dit bestand, en dus de opmaak, op het document toegepast.

Maar, CSS is alleen voor de opmaak en niet voor content.
Maw; de "looks" van je menu kan je wel in je CSS opnemen, maar niet je menu zelf (links en teksten)....

Als je bijv PHP kan gebruiken op de server zou je het menu kunnen "includen". Dus wel 1 regeltje in elk document.

zoiets kan je ook met JS benaderen (script src="menu.js en in menu.js zet je je menu met document.write's neer), maar dat is eigenlijk niet de manier...

t.
 
PHP en het andere..

ben nog niet zover. :(
Maar goed wat niet is, kan nog komen. Half jaar geleden was CSS en DIV ook volkomen onbekend terrein voor me.

We komen er wel, step by step. Voorlopig hou ik het maar bij CSS, vind die external sheets reuze handig stoeiwerk.

Bedankt he
J:cool:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan