Webwereld

Coderen vraagjes

Gestart doorPatricka28 reacties62 weergaven
Log in om mee te praten

29 berichten · pagina 2 van 2

Patricka

Lid · Topicstarter

Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Marjolein schreef:
is je rechterplaatje misschien transparant? dan werkt die idd niet dat probleem had ik ook.
En om je menu in het midden te krijgen moet je alle float:left; weghalen en display: block; veranderen in display:inline-block; En dan centreren.
Dat rechter plaatje is de ronding) de hoeken hiervan zijn transparant.
Menu in het midden zal ik morgen even kijken kan nu niet bij me spul.

En het antwoord op me edit?emo
Even aangepast, is het zo goed?;
Spoiler tonen
#nav {
background: url(images/menu-balk.png);
width: 950px;
height: 48px;
margin: 0;
margin-top: 294px;}
#nav {
text-align: center;
padding-top: 20px 20px;}

#nav a{
/*
color:#ffffff;
font:bold 12px/50px Tahoma, Verdana, sans-serif;
*/
position:center;
padding:15px;}

#nav a:hover{ text-decoration: none; color: #d58012;}

ul {
margin:0px;
padding:0px;
list-style:none;}

li {
display:inline-block;
padding:0px;
margin:0px;}

li a {
color:#ffffff;
text-decoration:none;
font:bold 12px Tahoma, Verdana, sans-serif;
display:inline-block;
height:25px;
line-height:21px;}

li span {
padding:5 20px 0;
display:inline-block;}

li a:hover {
background:url(images/links.png) repeat-x left top;
display:inline-block;
color:#fff;}

li a:hover span {
background:url(images/overlay-menu-rechts.png) no-repeat right top;
display:inline-block;}
0
Marjolein

Lid

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
ja, volgens mij moet die het zo doen.
En je afbeelding bevat idd transparant dus dan moet je dat transparante wijzigen in de kleur van je achtergrond waar het menu op komt.
En betreft je edit, ja iedere div moet je afsluiten anders is het niet xhtml-valid
0
Patricka

Lid · Topicstarter

Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het werkt niet, ik moet alles aanpassen omdat ik overal ben vergeten. Dan controleer ik of dit wil.

Edit: ik krijg hem niet meer in het midden.

Het gaat op dit stukje:

#laybackground {
    background: url(images/achtergrond-layout.png); 
    width: 950px; 
    height: 1543px; 
    margin: 0;
    margin-top: 294px;
    padding-top: 20px 20px;}


Dit is wat er boven allemaal zit:
Spoiler tonen
body{
    height: 100%;
    margin: 0; 
    padding: 0; 
    background:#000000 url(images/achtergrond.png); 
    background-repeat: no-repeat;
    background-position: 50% 0%;
    font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
    
html{ height: 100%; }

a {font: 12px arial; color:#ffffff; text-decoration:none; }
a:hover {color:#d58012;}
    
h2{font:bold 12px/15px Tahoma, Verdana, sans-serif;
    padding:0px 0 0px 20px;
    color:#d58012;
    float:left;
    text-align: left;
    text-decoration:none;}
    
h3{font:bold 12px/15px Tahoma, Verdana, sans-serif;
    padding:0px 0 0px 20px;
    color:#ffffff;
    float:left;
    text-align: left;
    padding-top: 0px;
    text-decoration:none;}


#container {
    width:950px; 
    margin:0 auto;}
    
/***********************************************/

#laybackground {
    background: url(images/achtergrond-layout.png); 
    width: 950px; 
    height: 1543px; 
    margin: 0;
    margin-top: 294px;
    padding-top: 20px 20px;}
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dit werkt welwink
#laybackground {
    background: url(images/achtergrond-layout.png); 
    width: 950px; 
    height: 1543px; 
    margin-top: 294px;
    padding-top: 20px ;
    margin-left: auto;
    margin-right: auto;}


En wat bedoel je met: padding-top: 20px 20px; ?
0
Patricka

Lid · Topicstarter

Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jvdw schreef:
Dit werkt welwink
#laybackground {
    background: url(images/achtergrond-layout.png); 
    width: 950px; 
    height: 1543px; 
    margin-top: 294px;
    padding-top: 20px ;
    margin-left: auto;
    margin-right: auto;}
En wat bedoel je met: padding-top: 20px 20px; ?

Dit werkt inderdaad, bedankt.

Maar hoe doe ik het nu op een plaatje erin te zetten?
De afbeelding moet boven aan het grote plaatje komen, maar moet hem iets overlappen.
Wat ik daarmee bedoelde heb ik geen idee vanyummie
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Je wil in de div laybackground een plaatje zetten?
0
Patricka

Lid · Topicstarter

Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jvdw schreef:
Je wil in de div laybackground een plaatje zetten?
Ja, hier moet alles in komen.

Het is deze lay-out die op www.patrickdesign.nl staat, onderaan.
Alles komt er dus overheen
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik snap je niet?
sorry, maar om welke afbeeldingen gaat het?
0
Patricka

Lid · Topicstarter

Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het gaat nu voornamelijk om het menu, deze moet enkele pixels over dat vak vallen, vanaf boven.
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kan je ff pixelen hoe het dan moet zijn?
0
Patricka

Lid · Topicstarter

Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kijk:
Spoiler tonen
Afbeelding
Is zie dat het zo kan:

margin-top: -1550px;


Is dit een goede manier?
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ja, eigelijk wel.
Maar ik kan de spoiler niet in.
0
Patricka

Lid · Topicstarter

Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jvdw schreef:
Ja, eigelijk wel.
Maar ik kan de spoiler niet in.
Dit staat in de spoiler:

Afbeelding werkt niet.

Maar die optie is dus goed?
Maar als ik ctrl en scroll dan zoomt hij uit, en kopen de afbeeldingen verkeert te staan.

Of kan ik het beter doen dat ik die achtergrond onderaan zet? Dan staat die alleen met -1000px
De rest gewoon 1000px

#
0
Jvdw

Lid

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kijk pb.
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