Reactie hoogte (CSS)

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET Backend Developer

De vacature Jij wordt als Senior Backend Developer onderdeel van een relatief klein, maar uiterst slagvaardig, team. Naast het doorlopend ontwikkelen van platform integraties en het onderhouden en het upgraden van de bestaande codebase naar de nieuwste technieken zoals .NET Core, zal je ook meewerken aan een vernieuwde, schaalbare cloud architectuur. Als rode draad in onze roadmap zijn wij daarnaast doorlopend bezig met het verbeteren van de user experience van Invenna®. Functie eisen Gewend aan Agile werken met tools als Azure DevOps/GIT, JIRA en Confluence. HBO+/WO denk- en werkniveau Ervaring met (of enthousiast om ervaring in op te doen) Cloud

Bekijk vacature »

Frontend Developer

De vacature Vind jij het gaaf om als fullstack developer bij een snel groeiend, jong HR-tech bedrijf te werken? Zie jij het als een mooie uitdaging om te werken aan een applicatie met een snel groeiende userbase? En wil je graag best practices als unit testing en SOLID in de praktijk brengen? Dan zoeken we jou! Je kiest, samen met collega’s, welke tickets het beste bij je passen en kunt daardoor voornamelijk in de backend (.NET Core 5 / Entity Framework / C#) of frontend (Angular 12 / Typescript) te werken. Veel collega’s werken als full stack developer in beide

Bekijk vacature »

.NET Developer

De vacature In deze diverse functie als .Net Ontwikkelaar ben je verantwoordelijk voor de innovatie, realisatie en het beheer van de complexe informatiesystemen voor een van onze leuke klanten. Als developer achterhaal je proactief de behoeften en wensen van de gebruikers binnen de organisatie. Deze vertaal je naar functionele en technische ontwerpen, afhankelijk van de omvang van het project. Vervolgens realiseer, programmeer en test je je oplossingen, om daarna samen met je klant te bespreken of het gewenste resultaat bereikt is. Functie eisen Een relevant diploma heeft op minimaal HBO niveau; Minimaal twee jaar relevante werkervaring heeft; Bij voorkeur C#,

Bekijk vacature »

Junior Fullstack JAVA developer @ Utrecht e.o.

2021-11-22 iSense Junior Fullstack JAVA developer Heb jij jouw HBO of WO studie afgerond en wil je graag opgeleid worden tot Fullstack Java Developer? Mooi! Op 7 februari 2022 starten wij met ons Graduate Programma waarin je na een driemaandelijkse betaalde bootcamp mag gaan starten bij een hele toffe opdrachtgever. Dit uiteraard met begeleiding van leraren uit de praktijk, seniors, een talent coach en vele workshops. Ben jij klaar voor deze stap? ISNA51139 Wat ga je doen tijdens het Fullstack JAVA ontwikkeltraject? Vanaf 7 februari 2022 krijg jij via de Experis Academy een unieke kans om jouw IT-carrière een kickstart

Bekijk vacature »

Senior Frontend Developer - Utrecht

De vacature As a Senior Front-end Developer at Valtech you deliver the best end-user experience, using all the tools and technologies that are available in our fast-evolving community. Whether your website or application is being used on a pc, mobile device or even an IoT connected device, you know how to take performance to a higher level. You will have a strong focus on the technical aspects of modern front-end development. So, this isn’t restricted to the classical HTML/CSS/Javascript in a web browser. You will also set up front-end CI/CD stacks, automated performance testing and quality assurance. You encourage and

Bekijk vacature »

Front-end Developer / Angular @ Veenendaal

2021-11-23 iSense Front-end Developer Angular Ben jij een Front-end Developer die dénkt in Angular, TypeScript en CSS? Drink jij zelfs je koffie #000000 en lijkt het je wat om met de nieuwste technieken te werken bij een organisatie die software ontwikkelt voor de vastgoedsector? Lees dan snel deze vacature, want binnen een hecht scrum team is ruimte voor een nieuwe teamlid en wie weet ben jij de juiste match! ISHU51321 Organisatie Wat ga ik doen? Als Front-end Developer ga jij je focussen op het ontwikkelen van applicaties op het SaaS platform van een organisatie die software ontwikkelt voor de vastgoedsector.

Bekijk vacature »

.NET developer / Azure @ Enschede

2021-11-23 iSense .NET developer / Azure Ben jij een .NET developer met enkele jaren ervaring en wil jij deze ervaring graag inzetten bij een gerenommeerde organisatie die alleen maar de meest innovatieve projecten oppakt? Heb jij interesse in IoT, AI en complexe datastromen en wil jij jezelf hier verder in ontwikkelen? Lees dan nu verder! ISHU48014 Organisatie Als .NET developer ga je samen met zes collega's werken in aan state-of-the-art oplossingen voor diverse opdrachtgevers en werk jij hard om de kwaliteit te blijven waarborgen van het geleverde werk. Denk hierbij aan het van scratch af aan bouwen van oplossingen, platformen,

Bekijk vacature »

Teamleider IR & Analytics

Teamleider IR & Analytics Ben je een strategische, gepassioneerde verbinder met kennis van het hoger onderwijs? Ken je de waarde en potentie van kwantitatieve en kwalitatieve analyses voor verbetering van de kwaliteit, effectiviteit en efficiëntie van onderwijs? Heb je kennis van het veld Institutional Research en loop je warm voor alles rondom studiedata? Solliciteer dan bij de dienst Onderwijs, Kennis & Communicatie van De Haagse Hogeschool. Wat ga je precies doen? We zijn op zoek naar een teamleider voor het nieuwe samengestelde team IR en Analytics, het data analyse team van De Haagse voor institutional research en studiedata. De Haagse

Bekijk vacature »

Startersfunctie .NET Developer @ Amsterdam

2021-10-27 iSense Startersfunctie .NET Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond OF heb jij middels cursussen je sporen verdiend in het programmeren en wil je graag aan de slag als Fullstack .NET Developer? Lees dan snel verder! Want in januari/februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie .NET. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE50174 Regio Amsterdam en omstreken Wat houdt de startersfunctie .NET Developer in? Vanaf januari/februari 2022 krijg jij via de Experis

Bekijk vacature »

Junior Fullstack JAVA developer @ Regio Eindhoven

2021-10-17 iSense Junior Fullstack JAVA developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond en wil je graag aan de slag als Fullstack JAVA Developer? Lees dan snel verder! Want in februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie JAVA. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISNA51135 Wat ga je doen tijdens het Fullstack JAVA ontwikkeltraject? Vanaf februari 2022 krijg jij via de Experis Academy een unieke kans om jouw IT-carrière een kickstart te geven en

Bekijk vacature »

Java Software Developer - Amstelveen

De vacature Als ALTEN Digital Enterprise staan wij voor fullstack en softwareontwikkeling dat doen we dan ook vanuit verschillende expertises. We gaan ervan uit dat je inmiddels weet wat er allemaal komt kijken bij het maken van software in enterprise-omgevingen. Daarnaast snappen we ook dat jij de diepte hebt opgezocht in één van die expertises, zoals Front-end applicatieontwikkeling, API’s en backend development, Cloud- en dataplatformen, of Internet of Things (IoT). Je beschikt al over aardig wat kennis, maar je bent nog niet uitgeleerd. Dat is mooi, want wij vinden zo’n instelling belangrijk. Het hart van ALTEN is namelijk technologie en

Bekijk vacature »

Software Developer

De afdeling ICT is belangrijk binnen onze organisatie. Deze afdeling ontwikkelt zich steeds meer naar een flexibele, innovatieve en zakelijke organisatie, die marktconform werkt en een hoogwaardig aanbod aan diensten biedt. We kennen een grote diversiteit aan systemen (ERP, Warehouse management, Enterprise Service Bus, BI, e-commerce). Onlangs hebben we onze systemen vernieuwd. Ter versterking van deze afdeling zijn we op zoek naar een enthousiaste collega voor de functie van Software Developer (32 – 40 uur) Als Software Developer ben je samen met jouw teamleden verantwoordelijk voor het verder ontwikkelen van het applicatielandschap. Het gaat dan om web- (e-commerce) en mobiele

Bekijk vacature »

Front-end Developer / JavaScript / HTML @ Utrecht

2021-11-16 iSense Front-end Developer JavaScript HTML #vacancy-front-end-developer { position: open; } ISKA51385 Organisatie Ben jij een Front-end Developer die dit nog net even wat beter kan? Dan is er bij een hechte organisatie die een grote speler op HR-gebied vormt nog ruimte voor jou ter aanvulling van het team! Dit team is te omschrijven als ambitieus en enthousiast en bestaat momenteel uit drie Developers. De organisatie staat aan de vooravond van een grote transitie naar een compleet nieuw te bouwen Microservices platform, dus wanneer je het leuk vindt om met een bedrijf mee te groeien en aan die groei bij

Bekijk vacature »

.NET Developer

De vacature Wij zoeken een enthousiaste C# .NET MVC Web Developer met een passie voor digitale media en sport. Je maakt deel uit van een ontwikkelteam dat werkt aan diverse grote eigen websites waarin je wordt uitgedaagd je kennis toe te passen en verder te ontwikkelen. Als developer ben jij diegene die de vertaling maakt van het responsive design naar een robuuste user experience voor zowel mobiel als desktop. Dit doe je niet alleen, maar samen met een leuk team. Samen met je collega's ontwerp je oplossingen voor nieuwe functionaliteit, die je dan zelfstandig uitwerkt. Dit terwijl de gebruikers kunnen

Bekijk vacature »

Microsoft Developer (Relocation)

Within ICT Group, the Machine & Systems business unit works on advanced control systems for machine and equipment builders and for large system integrators. Together with your colleagues, you ensure that products function optimally and are connected. Internet of Things, Cloud solutions and Big Data are now an integral part of this market segment. We supply complete products (hardware, OS and software applications) and add value by carrying out complete projects with responsibility for results at one of our locations, by supplying knowledge and experience at our customers' locations and through consultancy. You like to work on various software development

Bekijk vacature »
Ivo K

Ivo K

23/10/2008 08:46:00
Quote Anchor link
Ik heb een script waarbij je dus kunt posten alleen als hij de reacties moet tonen en er is sprake van een overflow wil ik dat hij het hok waar de tekst in komt vergroot.

iemand ideën?

Ik zelf dacht toch misschien table maar daar wacht ik nog ff mee

Alvast bedankt, Ivo
Gewijzigd op 01/01/1970 01:00:00 door Ivo K
 
PHP hulp

PHP hulp

07/12/2021 13:27:06
 
Erik Rijk

Erik Rijk

23/10/2008 09:13:00
Quote Anchor link
uhm,

Kan je dit iets beter toelichten met misschien een klein code voorbeeld van wat je al hebt?
 
Ivo K

Ivo K

23/10/2008 09:18:00
Quote Anchor link
Ok,

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
echo '<div id=\'reactie\'>';
echo '<div id=\'linksreactie\'>';
echo '<div id=\'reactieid\'>';
echo  $id;
echo '</div>';
echo '<div id=\'persoonid\'>';
echo    '<a href=\'/forum/files/gebruikers.php/'.$userid.'/\'>'.$naam.'</a>';
echo '<br />';
echo  $posts.' posts';    
echo '</div>';
echo '</div>';
echo '<div id=\'rechtsreactie\'>';    
echo '<div id=\'reactietijd\'>';    
echo $datum;
echo '</div>';
echo '<div id=\'reactietekst\'>';    
echo $tekst;    
echo '</div>';
echo '</div>';
echo '</div>';
?>

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
CSS:

#reactie
{
          margin-top                    : 10px;
         margin-left                        : 25px;
         width                    : 550px;
         border                    : 1px solid #aaa;
         display                        : block;
}
#linksreactie
{
         height                     : 150px;
         width                     : 100px;
         border-right                        : 1px solid #aaa;
         background-color                      : #ccc;        
}
#rechtsreactie
{
         margin-top            : -150px;
         float                    : right;
         width                : 447px;

        
}
#reactieid
{
                 font-weight        : bold;
}
#reactietijd
{
         text-align            : right;
         font-size            : 8pt;
         border-bottom            : 1px solid #aaa;
         height            : 14px;
        
}
#reactietekst
{
          font-size            : 9pt;
         height            : 135px;
         overflow            : auto;
}
#persoonid
{
                 padding-top        : 10px;
         padding-left        : 10px;
         text-align            : center;
        
}


Ik heb het nu met scrollbars opgelost, maar ik wil dat als ik dus een erg grote reactie invoer dat de div groter wordt.
Gewijzigd op 01/01/1970 01:00:00 door Ivo K
 
Mitchell

Mitchell

23/10/2008 10:20:00
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
#reactietekst
{
          font-size            : 9pt;
}


Zo dus..
 
Ivo K

Ivo K

23/10/2008 11:41:00
Quote Anchor link
Had ik al gedaan, werkt niet, dan gaat hij buiten de lijnen verder
 
Mitchell

Mitchell

23/10/2008 11:51:00
Quote Anchor link
Buiten welke lijnen?
Overigens, waarom gebruik je negatieve margins?

Bij dynamische content moet je nooit height of negatieve getallen gebruiken (persoonlijke ervaring).
 
Ivo K

Ivo K

23/10/2008 11:53:00
Quote Anchor link
buiten de border van de reactie,
die negative margins had ik omdat anders de rechterkant eronder komt
 
Mitchell

Mitchell

23/10/2008 11:57:00
Quote Anchor link
Plaats links reactie onder recht reactie en geef links reactie de css; margin-right: 450 px..

Edit: Dat hoef je dus niet meer die lelijke negatieve margin te gebruiken..

Edit 2: Haal ook meteen de width er vanaf. (links reactie)

Edit 3: Plaats op #reactie; "overflow: hidden;" en haal dan eens de height van die tekst houder af..

( Een online voorbeeldje zou ook erg handig zijn.. )

Edit 4: Maak er classes van, aangezien je meerdere reactie's gaat maken op 1 pagina, neem ik aan..
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
 
Ivo K

Ivo K

23/10/2008 12:04:00
Quote Anchor link
Ok, bedankt,

heb je ook een oplossing voor het probleem dat hij bij een te lange tekst gewoon buiten het vak doorgaat ?

==edit==

Top!, doet het nu, bedankt

PS; waarom classes ipv id's ? ikzelf zag het verschil niet
Gewijzigd op 01/01/1970 01:00:00 door Ivo K
 
Mitchell

Mitchell

23/10/2008 12:05:00
Quote Anchor link
Ivo schreef op 23.10.2008 12:04:
Ok, bedankt,

heb je ook een oplossing voor het probleem dat hij bij een te lange tekst gewoon buiten het vak doorgaat ?
Edit 3.. Door die overflow:hidden op "reactie", zorgt hij ervoor dat de floats gecleared worden.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
 
Ivo K

Ivo K

23/10/2008 12:06:00
Quote Anchor link
al geedit ;)

Quote:
waarom classes ipv id's ? ikzelf zag het verschil niet
 
Eddy E

Eddy E

23/10/2008 13:29:00
Quote Anchor link
Maar waarom 7(!!!!!) divs gebruiken om 3 regels tekst neer te zetten?
Dat kan véél korter:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<?php
echo '<div class="reactie">';
echo '   <a name="'.$id.'" class="id">' . $id . '</a>';
echo '   <a href="/forum/files/gebruikers.php/'.$userid.'/">'.$naam.'</a>';
echo     $posts.' posts';
echo '   <div class=\'rechtsreactie\'>';    
echo '      <p class="datum">' . $datum . '</p>';
echo '      <p class="tekst">' . $tekst . '</p>';
echo '   </div>';
echo '</div>';
?>


Alle tekst staat standaard links, en met id="rechtsreactie" float je de datum en tekst gelijk uit.
Gebruik divs, spans, en p's waar ze voor zijn. Niet alles in divs zetten.

Enige css wat je nu kan toevoegen is: <h3><a><p>
En dan kan er ook een hoop weg.
Een div met id om tekst vet te maken heeft ook geen nut!
En om het ID weer te geven, koppel er gelijk een <a> aan (zonder link), dan kan je ook naar pagina.php#93 gaan, om direct bericht 93 te laten zien.


ID's gebruik je maar 1 keer!
Dus een id="datum" is heel fout, omdat je dat meerdere keren neerzet.
Gebruik dan een class.
Een id="iets" gebruik je maar 1x, zoals hierboven bij $id.

Om je a-tag hoeft geen div-tag te komen.
Gebruik dit soort CSS:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
div.reactie *
 {
 display: table;
 }


div.reactie a.id
 {
 font-weight: bold;
 }

div.reactie div.reactierechts
 {
 display: block;
 float: right;
 width: 200em;
 }

div.reactie p.datum
 {
 font-weight: bold;
 color: #333;
 }



Helaas wordt :first-child etc nog niet ondersteund, anders zou het nog veel makkelijker/korter kunnen.
Dan zou je namelijk de <p>-tags helemaal geen class/id meer hoeven te geven.
Gewijzigd op 01/01/1970 01:00:00 door Eddy E
 
Mitchell

Mitchell

23/10/2008 13:34:00
Quote Anchor link
Eddy Erkelens schreef op 23.10.2008 13:29:
ID's gebruik je maar 1 keer!
Hier had ik hem al op aangewezen, als je het had gelezen zag je ook dat hij het al had ge-edit.

Edit: Wtf? display: table word nog niet door alle browsers ondersteunt gozer..
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
 
Eddy E

Eddy E

23/10/2008 14:34:00
Quote Anchor link
display:table-ondersteuning? Ik dacht dat gewoon CSS 1.1 was en dus ondersteund wordt door alle (fatsoenlijke, moderne) browsers. Zelfs IE7 schijnt het te ondersteunen....

En ja: jij wees op id/classes verhaal, maar de TS heeft het nog niet gevat en gewijzigd (in de beginpost!). Dus wijs ik hem er nog een keer op.
In het begin-post is het nog steeds id's. Vandaar.
 
Mitchell

Mitchell

23/10/2008 14:50:00
Quote Anchor link
Eddy Erkelens schreef op 23.10.2008 14:34:
display:table-ondersteuning? Ik dacht dat gewoon CSS 1.1 was en dus ondersteund wordt door alle (fatsoenlijke, moderne) browsers. Zelfs IE7 schijnt het te ondersteunen....
Je moet ook altijd nog rekening houden met IE 6.. :)
 
- -

- -

23/10/2008 14:51:00
Quote Anchor link
Helaas wel ja... Bannen die hap! (@ IE < 7) Of gewoon gelijk heel IE.... :/
Gewijzigd op 01/01/1970 01:00:00 door - -
 
Mitchell

Mitchell

23/10/2008 14:54:00
Quote Anchor link
iChris schreef op 23.10.2008 14:51:
Helaas wel ja... Bannen die hap! (@ IE < 7) Of gewoon gelijk heel IE.... :/
Gewoon heel IE door de wc spoelen, gezamenlijk met de rest van al die slechte browsers. (Powah to the webdevelopers, lol.)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.