Basen, hulp gezocht

Gestart doorJoeri7 reacties16 weergaven

8 berichten · pagina 1 van 1

Joeri

Lid · Topicstarter

Berichten
5.737
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hey,

Ik ben proberen het basen te leren en ik loop (nogal vaak) tegen een probleem aan.
Vaak kan ik het zelf oplossen door alles 10x te proberen en anders zoek ik het wel even op op internet.

Hier post ik de vragen die ik niet ergens anders kan vinden
Spoiler tonen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
        <head>
                <title>Voetbalsite</title>
                
                <link rel="stylesheet" type="text/css" href="opmaak.css" />
        </head>
        
        <body>
        
                <div id="header"> 
<h1>Voetbalsite</h1>
  

<ul id="menu">
                            <a style="color: #000000" href="#">Nieuws</a>
                            <a style="color: #000000" href="#">Linkpartners</a>
                            <a style="color: #000000" href="#">Informatie</a>
                            <a style="color: #000000" href="#">Video</a>
                            <a style="color: #000000"href="#">Clubs</a>
                           <a  style="color: #000000"href="#">Contact</a>
                        </ul> 

            </div>

                
    <div id="bovenContainer">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.

Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. 

</div>


    <div id="footerContainer"> 
testje
            </div>




        </body>
        
</html>
Spoiler tonen
html
    {
        background-color: #a3a3a3;
    } 



body 

    {
     width: repeat-x;
    margin: 0px auto;
    }

div#header
    

    { 
        background-image: url(images/header_background_image.png);
        background-repeat: repeat-x;
        width: repeat-x;
        height: 132px;

    }



h1
    {
        font-family: Tahoma;
        font-size: 64px;
        color: #ffffff;
        font-weight: normal;
        margin: 0px auto;
        padding: 2px 0px 0px 300px;
        
    } 


ul#menu
    {
        margin: 0px auto;
        padding-left: 200px;
        list-style: none;
        height:    25px;
        width: 688px;
        
    }
    
ul#menu li
    {    float: left;
        height: 25px;
        
    }
    
ul#menu li a
    {
        display: block;
        overflow: hidden;
        height:    25px;
        padding: 25px 8px 0px 8px;
        font-family: Tahoma;
        color: #000000;
        font-size: 18px;
        text-decoration: none;
        font-weight: sharp;
    
   
        height: 20px;
    } 




div#bovenContainer
    {


    background-image: url(images/headlines.png);
    width: 814px;
    height: auto;
    margin: 0px auto;
    font-size: 12px; 
    font-family: Verdana;
    text-decoration: none;
    color: #000000; 
    
     
        
        
        
       
      
    } 


div#footerContainer
{

background-image: url("/images/eindenormaal.png") ;
padding-bottom: 50px 50px 50px 50px;
width: 814px;
height: 19px;
margin: 0px auto; 
font-family: Verdana;
        font-size: 12px; 
        color: #000000;
        text-decoration: none; 
        

}
De codes hierboven zal ik ook regelmatig bijwerken. Ik vind het fijn als je antwoord geeft maar het liefst erbij wat je eigenlijk doet want dan kan ik dat de volgende keer gebruiken smile

Vragen:


- Hoe krijg ik een zoekvak (waar ik het plaatje al van heb uitgesneden enzo) bovenaan de site en dan naast het logo ongeveer.

- Hoe krijg je een vak in het vak waar bijvoorbeeld staat : Hoi ik ben joeri. Kan dit gewoon over elkaar ofzo? (dit heb ik nog niet geprobeerd maar ik wil het alvast weten yummie
- Onder het tekstvak (waar op de screen staat hoi ik ben joeri) zit natuurlijk nog een afronding,
Hoe moet ik die maken. Ik heb het plaatje al gesliced in photoshop alleen ik heb geen idee waar ik het in de code kan verwerken.

Ik heb geprobeerd om er een nieuwe div van te maken maar zonder resultaat.
Dit is wat ik daarvan heb

div#ondercontainer
 {
    background-image: url (images/eindenormaal.png);
    width: 814px;
    height: 19px;
    margin: 0px auto;
        }


en in de index.html heb ik al

<div id="ondercontainer"> testje </div>


Neergezet

Screens :

Hoe ik het wil laten worden:
Spoiler tonen
Afbeelding
Hoe het nu is kan je zien op joeriwii.woelmuis.nl

Verder als je nog tips hebt over hoe ik de code beter kan maken of welk programma ik beter kan gebruiken (alternatief voor kladblok) hoor ik die ook graag smile.

Ik ben voor de rest heel slecht in basen en dit is me 2e layout (heb een andere gedaan via een tut)
Dus ik zal nog veel beginnersfouten maken.
0
Berichten
6.144
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Tip: Gebruik een voorbeeld tekst als opvulling, dan zie je meteen doe dat er uit komt te zien i.p.v. enters. (http://www.lipsum.nl)
0
Joeri

Lid · Topicstarter

Berichten
5.737
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bedankt,
Heb het hiermee opgevuld en het meerekken werkt zo ook smileHeb weer een nieuwe vraag toegevoegd en ik ben nu ook de tut van marjolein aan het volgen smile
toevoeging op 3 februari 2012, 17:50:52:
Bumpje, ik kom er echt niet uit en eigenlijk lukt er helemaal niks meer.. heb inmiddels notepad++ maar ik merk nog niet echt iets? yummie
0
Joeri

Lid · Topicstarter

Berichten
5.737
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bump

Omdat niemand lijkt te willen helpen of het lijkt te weten ga ik er dan maar wat puntjes aan uitgeven.
Iemand die via bijvoorbeeld MSN verder wil supporten? Over punten komen we dan wel uit
0
Berichten
5.897
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Heb je het online staan ?
Ik weet hoe het eruit moet zien, dan kan ik helen.
0
Joeri

Lid · Topicstarter

Berichten
5.737
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Maartenl schreef:
Heb je het online staan ?
Ik weet hoe het eruit moet zien, dan kan ik helen.
Nee ik heb namelijk nog geen host, ik zal een gratis zoeken en dan de link posten
http://joeriwii.woelmuis.nl/index.html

wacht, dit vind ik heel raar, ik probeer het uit op me laptop en hij staat er niet yummieen daar staat het er wel
0
Berichten
3.074
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Joeri schreef:
Eerdere citaten tonen
Maartenl schreef:
Heb je het online staan ?
Ik weet hoe het eruit moet zien, dan kan ik helen.

Nee ik heb namelijk nog geen host, ik zal een gratis zoeken en dan de link posten
http://joeriwii.woelmuis.nl/index.html

wacht, dit vind ik heel raar, ik probeer het uit op me laptop en hij staat er niet yummieen daar staat het er wel
Begin eerst eens met font-family: Verdana; (of welk lettertype je ook hebt).
0
Joeri

Lid · Topicstarter

Berichten
5.737
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Joeyl schreef:
Eerdere citaten tonen
Joeri schreef:
Eerdere citaten tonen
Maartenl schreef:
Heb je het online staan ?
Ik weet hoe het eruit moet zien, dan kan ik helen.

Nee ik heb namelijk nog geen host, ik zal een gratis zoeken en dan de link posten
http://joeriwii.woelmuis.nl/index.html

wacht, dit vind ik heel raar, ik probeer het uit op me laptop en hij staat er niet yummieen daar staat het er wel
Begin eerst eens met font-family: Verdana; (of welk lettertype je ook hebt).
Hmm bedankt. ik had het werkend maar toen ik iets aan ben gaan passen in het menu is het alsnog mislukt yummie
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren