PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
?

Margin rond formulier IE & FF

Door Onbekende gebruiker op 15-11-2006 19:03
597 views
Ik heb een dropdown menu gemaakt en een zoekvak.

In FF kan ik de margin rondom netjes aanpassen zoals ik wil.

In IE is er standaard een margin rond het vak of zoekvak waar ik niets aan kan wijzigen.

Althans dat heb ik geprobeerd met classes.

Wie weet of hier ook iets voor is want dit staat niet zo mooi zo'n grote ruimte eromheen.
H
Harmen
15-11-2006 19:30
<!--[if IE]>
<style>
input{
margin: 0px;
}
</style>
<![endif]-->

bij mij in IE6 komt er een klein stukje margin van een paar pixels.. je kan natuurlijk ook met negatieve margins gaan werken :).. maar ik weet niet als dat goed uitkomt als je 2 zoekvakjes onder elkaar hebt

[edit]
gaat het over het zoekvakje op winkeltop10?
?
Onbekende gebruiker
15-11-2006 19:42
Zet je dit binnen de <head>-tag?
Bij mij werkt het niet.

Ik zal de negative pixels proberen.

Niet voor winkeltop10 maar een nieuwe site die nog niet af is :)
H
Harmen
15-11-2006 19:43
tussen <head> en </head>
maar mag ik es zien hoe het eruit ziet? waar staat het scriptje?
?
Onbekende gebruiker
15-11-2006 19:46
Ik heb er een class="select" inzitten voor het lettertype enzo.
Maar ik kan geen negatieve margin gebruiken omdat dat in FF weer niet goed gaat.

<?php
$query = "SELECT cat_naam FROM categorie ORDER BY cat_naam";
$result = mysql_query($query) or die ("Sorry maar ik kan de categorieën niet weergeven");
echo '<form method="POST">';
echo '<select class="select" name="categorie" >';

while ($row = mysql_fetch_assoc($result)){
echo '<option value="'.$row['cat_naam'] .'" >'.$row['cat_naam'].'</option>';
}
echo '</select>';
echo '&nbsp;<input name="submit" type="image" value="categorie" src="plaatjes/pijlrechts.gif" alt="Bekijk deze categorie" />';
echo '</form>';
?>
H
Harmen
15-11-2006 19:49
Maar ik kan geen negatieve margin gebruiken omdat dat in FF weer niet goed gaat.


vandaar:
<?
<head>

<!--[if IE]>
<style>
select.select{
margin: -2px;
}
</style>
<![endif]-->

</head>
?>
?
Onbekende gebruiker
15-11-2006 20:03
Het lukt niet goed.

Ik heb de code iets aangepast omdat alleen de boven en onderkant aangepast moeten worden.

Boven is de ruimte nu goed maar onder wil het niet.

<?
<!--[if IE]>
<style>
select.select{
margin-top: -15px;
margin-bottom: -15px;
}
</style>
<![endif]-->
?>

Je mag wel even kijken op de website maar niet naar de rest van de layout kijken want die is nog niet goed.

Testpagina
?
Onbekende gebruiker
15-11-2006 21:09
Ik word niet goed van dat IE en FF

Nu werkt het selectie menu ook al niet in IE, hoe kan dit nu weer.

<?php
$query = "SELECT groep_naam FROM groep ORDER BY groep_naam";
$result = mysql_query($query) or die ("Sorry maar ik kan de groepen niet weergeven");
echo '<form method="POST">';
echo '<select name="groep" class="select">';

while ($row = mysql_fetch_assoc($result)){
echo '<option value="'.$row['groep_naam'] .'">'.$row['groep_naam'].'</option>';
}
echo '</select>';
echo '&nbsp;<input name="submit" type="image" value="groepen" src="plaatjes/pijlrechts.gif" alt="Bekijk deze groep" />';
echo '</form>';
?>

Reageren

Inloggen om te reageren