Aanpassen layout Topic is solved

[iStevo]

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.

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.

[Rolf]

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?

[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

[deactivated010521]

----------

[iStevo]

Bedankt.

[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)

[Jos]

Om te beginnen met vraag 2:

verander binnen #footer_holder

Code: Select all

border-top-style:dashed;

in

Code: Select all

border-top: 1px dashed;

[deactivated010521]

----------

[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;
}

[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.

[iStevo]

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.

[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