register Paswoord vergeten?

Hulp nodig met webdesign (xhtml en css)

Hulp nodig i.v.m. design?

Hulp nodig met webdesign (xhtml en css)

Berichtdoor Joeritje op wo 20 apr 2011 12:19 pm

Hallo,
Ik moet dus voor school een statische website maken, maar heb een beetje problemen met de navigatie.
Die bestaat uit buttons die ik in ps heb gemaakt. Ik heb ook 'hover' buttons gemaakt, zodat de normale buttons van kleur zouden moeten veranderen als je er over gaat met je muis, zoals op de site van fundalize. Dit lukt mij niet, kan iemand mij helpen daarmee?
Ik kan IT-euro's of karma geven :)
alvast bedankt
Afbeelding
Avatar gebruiker
Joeritje
Ontslagen
Ontslagen
 
Berichten: 2309
Karma: 26
Geregistreerd op: za 31 mei 2008 11:16 pm
Woonplaats: Kortemark , W-VL

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor hypolicious op wo 20 apr 2011 12:28 pm

toon keer alle code die je momenteel hebt ivm met je buttons.

momenteel denk ik dat je de hover niet hebt gezet op je links (a) of als je met een lijst of menu gewerkt hebt op je items
Afbeelding

Being naked 'n shit, teh new 2012 trend!
Avatar gebruiker
hypolicious (oude nickname: Phluppe)
De slimste mens
De slimste mens
 
Berichten: 3293
Karma: 195
Geregistreerd op: za 03 mei 2008 12:36 am
Woonplaats: Meestal thuis

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor Chiconer op wo 20 apr 2011 12:32 pm

a:hover en dan de afbeelding veranderen

#divnaam ul li a {
background-image:url;
}

#divnaam ul li a:hover {
background-image:urlmethover;
}

html is dan

<ul>
<li id=divnaam><a href=""><span>MenuItem 1</span></a></li>
</ul>

zoals hypo zegt moet je uw afbeelding dan op uw link plaatsen.
Laatst bijgewerkt door Chiconer op wo 20 apr 2011 12:35 pm, in het totaal 1 keer bewerkt
Afbeelding


Queen|: Mijn mening maakt ni uit
Avatar gebruiker
Chiconer (oude nickname: chiconer)
Pastoor
Pastoor
 
Berichten: 11455
Karma: 32
Geregistreerd op: di 02 jan 2007 9:53 pm

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor Joeritje op wo 20 apr 2011 12:34 pm

hypolicious schreef:toon keer alle code die je momenteel hebt ivm met je buttons.

momenteel denk ik dat je de hover niet hebt gezet op je links (a) of als je met een lijst of menu gewerkt hebt op je items

In html
Code: Selecteer alles
   <div id="navs1">
   <ul>
       <li><a href="over banksy.html" id="boverbanksy" ><img src="../assets/images/S1 overbanksy hov.png" alt="button over     banksy" /></a></li>
        <li><a href="kunstwerken.html" id="bkunstw" ><img src="../assets/images/S1 kunstw.png" alt="button kunstwerken" /></a></li>
        <li><a href="videos.html" id="bvideo" ><img src="../assets/images/S1 vid.png" alt="button video's" /></a></li>
        <li><a href="contact.html" id="bcontact" ><img src="../assets/images/S1 contact.png" alt="button contact" /></a></li>
      </ul>
   </div>

Code: Selecteer alles
#boverbanksy a {
}

#boverbanksy a:link {
}
#boverbanksy a:visited {
}
#boverbanksy a:hover { background-image:url(../assets/images/S1%20overbanksy%20hov.png);
}
#boverbanksy a:active { background-image:url(../assets/images/S1%20overbanksy%20hov.png);
}
Afbeelding
Avatar gebruiker
Joeritje
Ontslagen
Ontslagen
 
Berichten: 2309
Karma: 26
Geregistreerd op: za 31 mei 2008 11:16 pm
Woonplaats: Kortemark , W-VL

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor Chiconer op wo 20 apr 2011 12:36 pm

voor uw html code is het beter zoals mijn voorbeeld te doen imo
Afbeelding


Queen|: Mijn mening maakt ni uit
Avatar gebruiker
Chiconer (oude nickname: chiconer)
Pastoor
Pastoor
 
Berichten: 11455
Karma: 32
Geregistreerd op: di 02 jan 2007 9:53 pm

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor Joeritje op wo 20 apr 2011 12:36 pm

aja kdenk dat ik het ongeveer begrijp met wat chiconer zegt, ff proberen
Afbeelding
Avatar gebruiker
Joeritje
Ontslagen
Ontslagen
 
Berichten: 2309
Karma: 26
Geregistreerd op: za 31 mei 2008 11:16 pm
Woonplaats: Kortemark , W-VL

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor Chiconer op wo 20 apr 2011 12:39 pm

Ik merk jusit foutje op
<div id=divnaam>
<ul>
<li id=menuitem1><a href=""><span>MenuItem 1</span></a></li>
</ul>
</div>

moet dat zijn, niet divnaam, zitten wrs nog syntax fouten in zoals "" en zo maar bon.

in css kan je dan dubbele controle doen met #divnaam #menuitem1
Afbeelding


Queen|: Mijn mening maakt ni uit
Avatar gebruiker
Chiconer (oude nickname: chiconer)
Pastoor
Pastoor
 
Berichten: 11455
Karma: 32
Geregistreerd op: di 02 jan 2007 9:53 pm

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor BramVroy op wo 20 apr 2011 12:54 pm

1. Werk met css sprites
2. Zet nooit een afbeelding als menu-item in html, maar doe dit via css

Voorbeeld:

HTML:
Code: Selecteer alles
<ul id="menulist">
       <li><a href="/index.html" title="Start" id="start"><span>Homepagina</span></a></li>
</ul>


CSS:
Code: Selecteer alles
#menulist {
   list-style: none;
   margin: 0;
   padding: 0;
   width: 804px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
   margin-bottom: 0;
}

#menulist li {
   display: inline-block;
   float: left;
}

#menulist li a {
   display: inline-block;
   float: left;
   border: 0px none #FFF;
}
   
#menulist a span {
   position: absolute;
   top: -10000px;
}


/*buttons*/
/*start button*/
#menulist #start {
   width: 203px;
   height: 65px;
   display: block;
   background-image: url(../files/template/1280+/menubalkfull.png);
   background-repeat: no-repeat;
   background-position: left top;
}

#menulist #start:hover {
   background-position: left bottom;
}


Dan krijg je zo een menu: Klik
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor hypolicious op wo 20 apr 2011 1:05 pm

oei je werkt totaal anders dan mij.
het is best om altijd html te gebruiken voor de inhoud en het design in css te doen (en niet proberen de opmaak te maken in html) zoals je nu doet met je lijst.
EDIT: ja, wat bramvroy juist zei dus :p

wat chico zegt zou normaal moeten kloppen

maar mss zou je ook de breedte en hoogte van die button eens moeten meegeven. Kheb da vroeger eens gehad dat mijn menu nie werkte omda mijn afbeeldingen een pixel verschillenden met de hover en gewone afbeelding.

Da gaat weer op zo'n stom miniem foutje aankomen é, das altijd zo bij programmeren :lol:
Afbeelding

Being naked 'n shit, teh new 2012 trend!
Avatar gebruiker
hypolicious (oude nickname: Phluppe)
De slimste mens
De slimste mens
 
Berichten: 3293
Karma: 195
Geregistreerd op: za 03 mei 2008 12:36 am
Woonplaats: Meestal thuis

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor BramVroy op wo 20 apr 2011 1:25 pm

hypolicious schreef:maar mss zou je ook de breedte en hoogte van die button eens moeten meegeven. Kheb da vroeger eens gehad dat mijn menu nie werkte omda mijn afbeeldingen een pixel verschillenden met de hover en gewone afbeelding.

Da gaat weer op zo'n stom miniem foutje aankomen é, das altijd zo bij programmeren :lol:

Daarom kan een sprite veel misverstanden goed maken. Dan is je hoogte altijd even hoog ;)
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor Joeritje op za 30 apr 2011 8:01 pm

Weet iemand hoe je dit icoontje verandert?
Afbeelding
Afbeelding
Avatar gebruiker
Joeritje
Ontslagen
Ontslagen
 
Berichten: 2309
Karma: 26
Geregistreerd op: za 31 mei 2008 11:16 pm
Woonplaats: Kortemark , W-VL

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor hypolicious op za 30 apr 2011 8:48 pm

Joeritje schreef:Weet iemand hoe je dit icoontje verandert?
Afbeelding


in de head deze code schrijven en linken naar een 16x16 ico afbeelding

Code: Selecteer alles
<link REL="SHORTCUT ICON" HREF="LinkNaarUAfbeelding/favicon.ico">
Afbeelding

Being naked 'n shit, teh new 2012 trend!
Avatar gebruiker
hypolicious (oude nickname: Phluppe)
De slimste mens
De slimste mens
 
Berichten: 3293
Karma: 195
Geregistreerd op: za 03 mei 2008 12:36 am
Woonplaats: Meestal thuis

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor Joeritje op za 30 apr 2011 9:00 pm

hypolicious schreef:
Joeritje schreef:Weet iemand hoe je dit icoontje verandert?
Afbeelding


in de head deze code schrijven en linken naar een 16x16 ico afbeelding

Code: Selecteer alles
<link REL="SHORTCUT ICON" HREF="LinkNaarUAfbeelding/favicon.ico">

Thq, kan je dat maken in PS, zo'n icoontje? Kbedoel met die extensie opslaan?
Afbeelding
Avatar gebruiker
Joeritje
Ontslagen
Ontslagen
 
Berichten: 2309
Karma: 26
Geregistreerd op: za 31 mei 2008 11:16 pm
Woonplaats: Kortemark , W-VL

Re: Hulp nodig met webdesign (xhtml en css)

Berichtdoor hypolicious op za 30 apr 2011 9:15 pm

Normaal wel als je de ico plugin hebt anders niet

maak gewoon een png fototje in PS en convert hem dan met deze site

http://converticon.com/
Afbeelding

Being naked 'n shit, teh new 2012 trend!
Avatar gebruiker
hypolicious (oude nickname: Phluppe)
De slimste mens
De slimste mens
 
Berichten: 3293
Karma: 195
Geregistreerd op: za 03 mei 2008 12:36 am
Woonplaats: Meestal thuis


Keer terug naar Design Algemeen - Support

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 5 gasten

cron