Page 2 of 2
Re: Aanpassen layout
Posted: Wed Jul 28, 2010 8:08 pm
by iStevo
Jos wrote:
Waarom heeft #footer een float: left;?
Hoe ziet je html eruit?
Omdat de footer ander onder mijn image plakt. Met de float werkt de margin wel.
Rolf wrote:
Wel van toepassing is:
1. In de div footer_links staat een enkele ' in plaats van "
2. En er staan dubbele in.
1. Aangepast
2. Aangepast
Ik heb firebug draaien. Ik heb een paar uur les genoten van Realrock en hij heeft mij veel meegegeven, maar natuurlijk moet ik de rest zelf uitzoeken.
Ondertussen heb ik met uw laatste post ook rekening gehouden en de footen_links staat eindelijk naast footer_copyright. Nu moet deze alleen nog naar rechts gelinkt worden.
Re: Aanpassen layout
Posted: Wed Jul 28, 2010 8:14 pm
by Rolf
Mr_Stevo wrote:
Ondertussen heb ik met uw laatste post ook rekening gehouden en de footen_links staat eindelijk naast footer_copyright. Nu moet deze alleen nog naar rechts gelinkt worden.
Wat bedoel je hiermee?
Re: Aanpassen layout
Posted: Thu Jul 29, 2010 3:55 am
by iStevo
http://project.ips-unlimited.com/luco/
Mijn footer links staan ondertussen naast mijn footer copyright dus dat is zeer goed.
Nu heb ik in css aangegeven dat de footer links rechts moeten verschijnen maar dat lukt niet echt.
Grt Steven
Re: Aanpassen layout
Posted: Thu Jul 29, 2010 7:21 am
by deactivated010521
----------
Re: Aanpassen layout
Posted: Thu Jul 29, 2010 7:57 am
by iStevo
Bedankt.
Aanpassen layout
Posted: Thu Jul 29, 2010 7:52 pm
by iStevo
Beste mensen,
mag ik jullie nog 2 layout vragen stellen aub.
website kan u hier vinden (voorlopig nog):
http://project.ips-unlimited.com/luco/
1) Ik heb een foutje in mijn menu. Als ik een link activate dan verspringt mijn menu. Ik krijg deze niet gelijk met de rest van mijn menublokken.
2) Ik wil die stippellijn onderaan de website wat kleiner hebben (font), deze kan ik terugvinden in footerdiv maar het lukt me niet (en mijn tekst onder stippellijn wel)
Re: Aanpassen layout
Posted: Thu Jul 29, 2010 8:01 pm
by Jos
Om te beginnen met vraag 2:
verander binnen #footer_holder
in
Re: Aanpassen layout
Posted: Thu Jul 29, 2010 8:29 pm
by deactivated010521
----------
Re: Aanpassen layout
Posted: Fri Jul 30, 2010 7:04 am
by iStevo
@ Jos : dat deed het hem inderdaad thx
@ arnoud : resultaat is hetzelfde. De actieve link is groter dan de andere links
Hieronder mijn stylesheet
Code: Select all
.inmenu ul {
width: 180px;
list-style: none;
padding: 30px 0 0 15px;
}
.inmenu ul li {
display: block;
height: 30px;
margin: 0;
border-top: 1px solid #FFF;
}
.inmenu ul li a, .inmenu ul li.inmenu_active {
width: 180px;
display: block;
padding: 4px 2px 2px 4px;
font-family: Verdana, Arial, Comic Sans Ms, sans-serif;
font-size: 14px;
text-decoration: none;
border-left: 10px solid #FFF;
}
.inmenu ul li.inmenu_active {
width: 180px;
display: block;
padding: 4px 2px 2px 4px;
font-family: Verdana, Arial, Comic Sans Ms, sans-serif;
font-size: 14px;
text-decoration: none;
border-left: 10px solid #fb9D09;
}
.inmenu ul li a:hover {
width: 180px;
display: block;
padding: 4px 2px 2px 4px;
font-family: Verdana, Arial, Comic Sans Ms, sans-serif;
font-size: 14px;
color: #FFF;
text-decoration: none;
border-left: 10px solid #fb9D09;
}
Re: Aanpassen layout
Posted: Fri Jul 30, 2010 7:40 am
by Jos
Ik heb er zo een tijdje naar zitten kijken en mee zitten prutsen via de webdeveloper toolbar plugin van FireFox, maar kom er niet uit.
Wat ik wel vreemd vind is dat als je de height wegneemt uit .inmenu ul li { , dan zijn de vakken allemaal wel even hoog.
Een algemene tip voor css:
niet teveel klooien met margins en paddings. Je gebruikt het nu bijvoorbeeld al voor de ul van je menu, dat zou niet nodig moeten zijn. Kijk ook maar eens wat padding en margin doen als je ook een vaste breedte of hoogte voor een element hebt ingesteld.
Re: Aanpassen layout
Posted: Fri Jul 30, 2010 7:57 am
by iStevo
Jos wrote:
Een algemene tip voor css:
niet teveel klooien met margins en paddings. Je gebruikt het nu bijvoorbeeld al voor de ul van je menu, dat zou niet nodig moeten zijn. Kijk ook maar eens wat padding en margin doen als je ook een vaste breedte of hoogte voor een element hebt ingesteld.
Deze gebruik ik om mijn totale menu wat beter te centraliseren ten opzichte van mijn tekst en logo
Code: Select all
.inmenu ul {
width: 180px;
list-style: none;
padding: 30px 0 0 15px;
}
Deze gebruik ik voor teksten binnen mijn menu te ordenen.
Code: Select all
.inmenu ul li a, .inmenu ul li.inmenu_active {
width: 180px;
display: block;
padding: 4px 2px 2px 4px;
font-family: Verdana, Arial, Comic Sans Ms, sans-serif;
font-size: 14px;
text-decoration: none;
border-left: 10px solid #FFF;
}
Als je goed kijkt, zie je ook dat de border-top bij actieve link ook langer is.
Re: Aanpassen layout
Posted: Fri Jul 30, 2010 8:59 pm
by iStevo
er is duidelijk iets fout bij de border-top bij de actieve link maar ik vind echt niet wat het is.
Bij de actieve link houdt hij zijn waarde niet en zet hij zowel links als rechts uit