Archief - CSS: Probleem met positioneren in dreamweaver

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
S

Stevitski

Legacy Member
Yeps,

Ik ben bezig mijn site in css te verwerken. Ik heb dus een layout gemaakt in photoshop en heb die gesliced. Dit is het resultaat.. site

Nu ik wil alles in een mooi css bestandje, zodat de layout sneller wordt geladen en dat ik al direct de lettertypen en de hovers juist kan zetten. Nu het probleem is, ik begin met de banner enzo goed te zetten en sommige knopjes, en wanneer ik in een nieuw html bestand dit css bestand toevoeg zie ik niks.. Ik heb dan aan de zijkant zo'n dreamweaver CSS paneel en daarin bv het css bestand banner etc... alsek daaropklik zie ik mijn banner..

.frame {
background-color: #FFFFFF;
}
.frame5 {
background-image: url(images/2_01.gif);
height: 200px;
width: 800px;

}
.unnamed1 {
background-image: url(images/2_02.gif);
height: 58px;
width: 131px;

}
.unnamed2 {
background-image: url(images/2_04.gif);
height: 58px;
width: 205px;
}
Klik om te vergroten...

Dit vind ik in dit css paneel terug van dreamweaver! --> hier


Moest iemand mij kunnen helpen, ik heb al alle nodige research gedaan over CSS, maar soms ist beter om het te vragen nietwaar? :p Nog één vraagje, moet je je tabels ook in brengen in een css bestand? Dus elke tabel waar een imgage zou instaan, moet je die in css brengen of enkel de image?

Vriendelijke groeten Traxy
B

Boddah

Legacy Member
je moet een verwijzing in je header zetten naar de het css bestand
<link rel="stylesheet" href="styles/style.css" media="screen" />
waarbij de inhoud van 'href', de locatie is van de css.

en nee, je moet tabellen en images niet allemaal in de css zetten. enkel wanneer de images deel uitmaken van layout, bv als achtergrond of zo.
anders kun je ze beter in de html code laten staan.
S

Stevitski

Legacy Member
Als ik dit doe dan ziet hij niets! Wat ik hierboven getoond heb, is tot nu toe het enige wat in mijn css bestand staat, want ik wil eerst zien of alles werkt, voor ik de rest toevoeg..

<link rel="stylesheet" type="text/css" href="test.css" />
S

Stevitski

Legacy Member
Er zou niemand zo vriendelijk willen zijn, om voor mij dat css bestand te schrijven dat ik er dan uit leer hoe jet gedaan hebt?
o

orez

Legacy Member
voor de 2de keer traxy... CSS laat uw layout echt niet "sneller" laden...
Blijkbaar heb je nog niet genoeg research gedaan in verband met CSS, want elke tabel in je CSS onderbrengen, elke image... dat is echt de manier niet hoor...
S

Stevitski

Legacy Member
Het is toch ook om je tekst bij iedere pagina dezelfde opmaak te geven? Je hovers etc ...

Ik dacht, als je je images erin verwerkt, dat je layout veel sneller laadt voor de surfers..
o

orez

Legacy Member
je images moeten altijd geladen worden, als da nu in je css zit of in je site... je images blijven even groot.

En het dient idd voor opmaak, maar iedere keer je een pagina oproept, wordt ook iedere keer je CSS sheet geladen.
B

Boddah

Legacy Member
Traxy zei:
Als ik dit doe dan ziet hij niets! Wat ik hierboven getoond heb, is tot nu toe het enige wat in mijn css bestand staat, want ik wil eerst zien of alles werkt, voor ik de rest toevoeg..

<link rel="stylesheet" type="text/css" href="test.css" />
Klik om te vergroten...
aan de screenshot te zien, zit je test.css bestand in de map 'images'.
dus moet in het href attribuut het volgende staan: 'images/test.css'
.

.kw

Legacy Member
orez zei:
iedere keer je een pagina oproept, wordt ook iedere keer je CSS sheet geladen
Klik om te vergroten...

... maar dat bestand wordt na de eerste keer wel opgeslagen in de cache van de gebruiker, waardoor het niet telkens herladen hoeft te worden. CSS versnelt de laadtijd van je pagina's dus toch. Er moet immers minder code geladen worden.
R

Rvl

Legacy Member
.kw dit is ook altijd met vb header en footer van html dus u opmerking is niet echt volledig juist aangezien er meer dan enkel maar css in cache wordt opgeslagen. Het is wel zo dat css meestal zorgt voor veel minder code om hetzelfde te bereiken en zo zal het minuscuul bijdragen voor mindere laadtijden.
d

dJeez

Legacy Member
Ik denk - op basis van de verwarrende uitleg in de eerste post - dat het probleem van de TS is dat hij enkel de CSS in dat tweede HTML bestand include en verwacht dat hij direct de layout van de originele pagina te zien krijgt. De oplossing is in dat geval vrij simpel: naast de CSS file moet je uiteraard ook het "skelet" van die pagina (zijnde de HTML containers waarop je die CSS klasses toepast) toevoegen. Je kan van dat skelet ook best een template maken om nodeloos copy/paste werk tot een minimum te beperken.

Als het dat niet is, leg dan misschien eens duidelijk je probleem uit (de relevante inhoud van de HTML pagina's posten zou wat dat betreft al handig kunnen zijn - maar het beste om snel geholpen te worden is uiteraard een link naar een online versie).
S

Stevitski

Legacy Member
nope djeez :) ik zal het dit weekend eens proberen en we zien dan wel :) Ik zal eens dat skelet importeren!
S

Stevitski

Legacy Member
Jo mannen, het is mij uiteindelijk gelukt met css, maar nu heb ik nog 1 probleem :p! Ik heb een css bestand gemaakt mijn images erin verwerkt etc.. Als ik in dreamweaver preview doe, ziet mijn site er goed uit, wanneer ik heb online gooi, zie ik de images nie... (dit is enkel in Firefox, in internex explorer ziet hij er goed uit!

ziehier

Hij is dus gelinkt aan een css bestand! :) (kzen blij dak er nu al meer over weet en half mee kan werken :))

Nu, is volgens jullie alles in orde met mijn css?

Ik had graag nog geweten hoe je de kleur (hover) van je links aanpast in dat css bestand EN als er een CSS dropdown menutje bestaat (een navigation bar die automatisch naar beneden valt met de verschillende links op mijn site home, historiek etc..)

Thx mannen!



Voor de mannen die mijn css bestand willen zien hier!

.banner {
background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(images/fd_01.gif);
background-repeat: no-repeat;
background-position: center center;
height: 200px;
width: 800px;

}
.nse {
background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(images/fd_02.gif);
background-repeat: no-repeat;
background-position: left top;
height: 56px;
width: 140px;
}
.banner {
background-attachment: fixed;
background-image: url(images/fd_01.gif);
background-repeat: no-repeat;
background-position: center center;
}
.frame {
background-color: #FFFFFF;
height: 600px;
width: 800px;
border: thin solid #000000;
}
.home {
background-attachment: fixed;
background-color: #FFFFFF;
background-repeat: no-repeat;
}
.maintext {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
color: #333366;
}
Klik om te vergroten...


Dit is nog maar een test éh, ik wil eerst zien dat alles perfect werkt! Daarna maak ik body etc..
d

denk

Legacy Member
de site ziet er net hetzelfde uit in IE en FF, dus daar is al geen probleem :)

hover: wss zo:

.class a:hover{
color:#......
}

.class is dus de class die je aan de tekst/div geeft (het zou zo toch moeten lukken :))

Dropdownmenu: ik denk dat je daar javascript voor nodig hebt, geen idee of het mogelijk is via xhtml/css (ik denk van niet)
R

Rvl

Legacy Member
je zou je code eens onder handen moeten nemen.
Code: 
ject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="42" height="16" class="home">
          <param name="BASE" value=".">

          <param name="movie" value="text1.swf">
          <param name="quality" value="high">
          <param name="bgcolor" value="#FFFFFF">
          <param name="scale" value="exactfit">
          <embed src="text1.swf" width="42" height="16" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#FFFFFF" base="."></embed> 
        </object>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="60" height="16" class="home">
          <param name="movie" value="text2.swf">
          <param name="quality" value="high">

          <param name="bgcolor" value="#FFFFFF">
          <param name="scale" value="exactfit">
          <embed src="text2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="60" height="16" bgcolor="#FFFFFF"></embed> 
        </object>
lijkt me al helemaal overbodig bij mijn snel bezoek aan je site. Verder zijn er nog dingen die er niet moeten zijn zoals <td><div><span> </span></div></td> waarom hier nog met divs werken als je toch al met je tables zit te werken?
S

Stevitski

Legacy Member
Kijk, ik heb mijn code eens onder handen genomen en alles in divs gestoken... Nu is mijn vraag.. Waar moet ik typen dan? Moet ik tables opnemen in mijn css bestand zodat ik news kan typen etc.. Dit is de eerste keer dak met css werk en met divs..

MAAR ik heb wel mijn code gecleaned :)

Enkel nog 1 probleem.. Hoe komt het dat aan de linkerzijde mijn border ietsje dikker is??

#frame {
border: thin solid #000000;
width: 800px;
height: 600px;
position:absolute;
left:175px;
right:150px;
background-color: #FFFFFF;
}
#header {
background-image: url(images/fd_01.gif);
height: 199px;
width: 800px;
}
#NSE {
background-image: url(images/fd_02.gif);
height: 61px;
width: 134px;
}
Klik om te vergroten...
R

Rvl

Legacy Member
waarom zou ge alles in divs steken als ge toch met u tables werkt dat zeg ik u juist :). ge kunt beter zonder divs werken als je met tables blijft werken, divs zijn hier toch bijna volledig onnodig. (Dit voor tablestructuur met wat divs in, div opmaak met tables om reeksen gegevens weer te geven kan wel).
Dit is de eerste keer dak met css werk en met divs..
Klik om te vergroten...
css heb je misschien wel gebruikt maar divs helemaal niet zoals het hoort dus eigelijk gewoon niet. en u css is ook nie al te proper maar da zal naargelang de ervaring wel beter worden.
ge definieert trouwens in css frame als id en in table gebruikt ge het als een class :naughty:.

Voor class gebruik je . in css >> class kan je meerdere keren per pagina gebruiken.
Voor id gebruik je # in css >> id kan je maar 1 keer per pagina gebruiken.
S

Stevitski

Legacy Member
sgoed, ik vind het handiger voor mezelf dat ik met die tables blijf werken, omdat het gewoon makkelijker is voor mezelf, maar andere zijden dan weer dat ik alles in divs moest zetten...
o

omfg

Legacy Member
uw divs en andere content moeten in je body sectie van je site ...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan